💡 kachibito.net

  • Resources
  • OSS
  • AI
  • CSS
  • JavaScript
  • WordPress

[PR]

ログイン/ログアウト状態で条件分岐する

Ads
X Bluesky Misskey はてブ
2012.04.24

Code

Screen shot

Note

Description ログインユーザー(登録ユーザー)にだけ見せたいコンテンツを条件分岐タグで実装する。
WordPress Ver. 3.3.1
Via –

[PR]

ログイン/アウト関連 会員サイト向け 条件分岐
Ads
share
X Bluesky Misskey はてブ
subscribe

recommend

WordPress

プラグイン無しで関連記事を実装する

WordPress

メモリのリミットを増やす

WordPress

copylightを自動更新にする

WordPress

投稿フォーマットのテキストを任意のテキストに変更する

アイキャッチ画像のサイズを複数指定する
サイト内検索からカスタム投稿タイプの投稿を除外する

Author


Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

Links

  • About/Privacy Policy
  • Contact
  • X(Twitter)
  • Facebook

Resources & Tools

  • 任意のWebサイトのクローンを作成してNext.jsやViteのコードに変換するOSS・「ditto.site」
  • 高レベルのセキュリティでデータを守るオープンソースのデスクトップアプリ・「Trust Vault」
  • ElevenLabs代替として開発されたオープンソースのマルチAIモデル対応TTSエンジン・「Voice Studio」
  • キーワード調査や競合他社分析、AI検索の可視性などAhrefsの代替として開発されたユーザー及びAIエージェントのためのOSSオールインワンSEOツール・「OpenSEO」
  • AIエージェントと共同編集できるよう設計されたMacOS向けMarkdownエディター・「OpenMarkdown」
  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • CSS Gridをノーコードで視覚的にレイアウトできるオープンソースのWebアプリ・「Gridzzly」
  • スクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリ・「SectionFlow」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」
Resource全記事 →

OSS

  • 任意のWebサイトのクローンを作成してNext.jsやViteのコードに変換するOSS・「ditto.site」
  • 高レベルのセキュリティでデータを守るオープンソースのデスクトップアプリ・「Trust Vault」
  • ElevenLabs代替として開発されたオープンソースのマルチAIモデル対応TTSエンジン・「Voice Studio」
  • キーワード調査や競合他社分析、AI検索の可視性などAhrefsの代替として開発されたユーザー及びAIエージェントのためのOSSオールインワンSEOツール・「OpenSEO」
  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • CSS Gridをノーコードで視覚的にレイアウトできるオープンソースのWebアプリ・「Gridzzly」
  • スクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリ・「SectionFlow」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」
  • プライバシーファーストに設計されたオープンソースのタイムトラッカー&生産性向上アプリ・「Vigil」
OSS全記事 →

AI

  • ElevenLabs代替として開発されたオープンソースのマルチAIモデル対応TTSエンジン・「Voice Studio」
  • キーワード調査や競合他社分析、AI検索の可視性などAhrefsの代替として開発されたユーザー及びAIエージェントのためのOSSオールインワンSEOツール・「OpenSEO」
  • AIエージェントと共同編集できるよう設計されたMacOS向けMarkdownエディター・「OpenMarkdown」
  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • プライバシーファーストに設計されたオープンソースのタイムトラッカー&生産性向上アプリ・「Vigil」
  • AIエージェントをチームで構築、デプロイ、管理する為のオープンソースのチーム向け統合ワークスペース・「sim」
  • 複数のAIコーディングエージェントをプロジェクト単位で整理・管理できるオープンソースのワークスペース管理ツール・「Soromi」
  • プライバシーファーストに設計されているオープンソースのAI会議ノート・「AutoDoc」
  • Meta社が実際にアプリ開発に利用してきた、160以上のコンポーネントのAIエージェント対応オープンソースデザインシステム・「Astryx」
AI全記事 →

CSS snippet

  • Tailwindからインスピレーションを得たスクロールアニメーション
  • CSSだけで開閉するツリー
  • 実用的でユニークなチェックボックスのまとめ・「Beautiful CSS checkboxes examples」
  • CSSのみで昔のフィルム映像みたいなアニメーションノイズ
  • CSSのみで白抜きテキスト内に波打つようなアニメーションエフェクト
  • どのデバイスでもある程度はレイアウトが綺麗に見える100バイトのCSS
  • 夢の中の景色のようなDreamy blurエフェクトをCSSで実装する
  • :has()を使って親要素内に存在する子要素を数えるCSSのサンプル
  • 非推奨のmarqueeタグのような動作をモダンなCSSで再現
  • 文章の任意の行で文字省略を3点リーダーでなくグラデーションで
CSS全記事 →

JavaScript snippet

  • 任意のHTML要素を動的に生成する
  • Webページに「Mastodonで記事をシェア」ボタンを設置するコード
  • スクロールに応じて3Dモデルを回転させる
  • localStorageで保存可能の、シンプルなテーマ切り替え
  • 目線がマウスの動きを追う的なやつ
  • CSS+JavaScriptでローディング時にスケルトンスクリーン
  • VanillaなJavaScriptでページ内検索
  • VanillaなJSでスクロールに応じて要素をアニメーション
  • スクロール追従するページ内ナビゲーション
  • jQueryプラグインのLettering.jsをVanillaに変換
JavaScript全記事 →

WordPress Code

  • 画像のURLから、その画像のIDを取得する
  • カスタム投稿タイプの記事数をダッシュボードに表示させる
  • 非公開や下書きの固定ページを親ページに設定できるようにする
  • 一番最新の記事を除いた最新記事のリストを表示する
  • 特定の親の固定ページに属する全ての子孫のリストを表示する
  • ショートコードで任意の記事ページに関連記事を出す
  • 記事内に、前後の記事に付与した任意のカスタムフィールドの値を表示する
  • 記事を公開する前に確認アラートを出す
  • Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる
  • タグクラウド内で現在閲覧中のページに付けられたタグをハイライトする
WordPress全記事 →

Projects

  • WPD-gallery
  • Web制作案件に関して

Links

  • About/Privacy Policy
  • Contact
  • Twitter
  • Facebook

Author

kachibito.net
Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
かちびと.net
Copyright © 2008-2026 かちびと.net All Rights Reserved.
    • Resources
    • OSS
    • AI
    • CSS
    • JavaScript
    • WordPress
  • ホーム
  • トップ