💡 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

抜粋がある記事がどうかをチェックする

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

  • 独自のAIエージェントアプリケーションを構築するための軽量オープンソースフレームワーク・「Hypertic」
  • 軽量、セキュア、使いやすさを重視したオープンソースのデータベース管理ツール・「tabularis」
  • リバースプロキシとして既存の環境に統合出来るオープンソースのWAF・「BunkerWeb」
  • n8n代替として機能するAI駆動型ワークフロー自動化機能が組み込まれたオープンソースのWebブラウザ・「Browzer」
  • キーストロークやマウス操作をリアルタイムで視覚化するオープンソースのデスクトップアプリ・「Keyviz」
  • 各Officeファイルをブラウザで編集できる、プライバシーにも配慮した設計のオープンソースのWebアプリ・「Office by ZIZIYI」
  • Web検索機能とコンテンツクロール機能を備えたオープンソースのAI検索エージェント・「MiniMate」
  • 様々な学習シーンに対応できる汎用性の高いオープンソースのフラッシュカードアプリ・「Memcode」
  • 人間による承認レイヤーが組み込まれたAIエージェント自動化プラットフォーム・「Preloop」
  • AIによるサポートやNotionライクなエディターを搭載したオープンソースの内部ドキュメント生成ツール・「Doclific」
Resource全記事 →

OSS

  • 独自のAIエージェントアプリケーションを構築するための軽量オープンソースフレームワーク・「Hypertic」
  • 軽量、セキュア、使いやすさを重視したオープンソースのデータベース管理ツール・「tabularis」
  • リバースプロキシとして既存の環境に統合出来るオープンソースのWAF・「BunkerWeb」
  • n8n代替として機能するAI駆動型ワークフロー自動化機能が組み込まれたオープンソースのWebブラウザ・「Browzer」
  • キーストロークやマウス操作をリアルタイムで視覚化するオープンソースのデスクトップアプリ・「Keyviz」
  • 各Officeファイルをブラウザで編集できる、プライバシーにも配慮した設計のオープンソースのWebアプリ・「Office by ZIZIYI」
  • Web検索機能とコンテンツクロール機能を備えたオープンソースのAI検索エージェント・「MiniMate」
  • 様々な学習シーンに対応できる汎用性の高いオープンソースのフラッシュカードアプリ・「Memcode」
  • 人間による承認レイヤーが組み込まれたAIエージェント自動化プラットフォーム・「Preloop」
  • AIによるサポートやNotionライクなエディターを搭載したオープンソースの内部ドキュメント生成ツール・「Doclific」
OSS全記事 →

AI

  • 独自のAIエージェントアプリケーションを構築するための軽量オープンソースフレームワーク・「Hypertic」
  • 軽量、セキュア、使いやすさを重視したオープンソースのデータベース管理ツール・「tabularis」
  • n8n代替として機能するAI駆動型ワークフロー自動化機能が組み込まれたオープンソースのWebブラウザ・「Browzer」
  • Web検索機能とコンテンツクロール機能を備えたオープンソースのAI検索エージェント・「MiniMate」
  • 人間による承認レイヤーが組み込まれたAIエージェント自動化プラットフォーム・「Preloop」
  • AIによるサポートやNotionライクなエディターを搭載したオープンソースの内部ドキュメント生成ツール・「Doclific」
  • 任意のAIモデルが利用可能、ブラウザ操作もサポートされたオープンソースのAIエージェント・「Open CoWork」
  • 任意の動画の文字起こしと他言語化された翻訳ファイルをAIで生成するOSS・「Translator」
  • 必要なものが概ね揃えられたオープンソースのNext.jsベースのSaaSボイラープレート・「ShipFree」
  • ログインもメールアドレスも不要で無料で使えるNotionスタイルの似顔絵AIツール・「caricature.life」
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
  • ホーム
  • トップ