「フィルターフック」というタグがついている記事

フィルターフックを使うとカスタマイズの幅が広がります。フィルターフックを使ったカスタマイズについて紹介している投稿を集めてみました。

このタグが付いた記事は17あります。

カスタム投稿タイプ「賃貸物件」に設備のアイコンを追加しました

カテゴリーの色を取得してアイコンの色に設定しています。

カテゴリー
Lightning G3カスタマイズ

イベントのカテゴリー、イベント名、開催日をページヘッダーに表示した例

ページヘッダーを見るだけでイベントの概要がひと目でわかるようにしてあります。

カテゴリー
Lightning G3カスタマイズ

最寄駅ごとに賃貸物件のページヘッダー画像を切り替えたカスタマイズ例

フィルターフックと CSS でカスタマイズして、タームごとにカスタム投稿タイプのページヘッダー画像を切り替えています。

カテゴリー
Lightning G3カスタマイズ

アーカイブ・カテゴリーページの title を書き換えたカスタマイズ例 【SEO】

アクションフック と フィルターフック を用いて title タグを書き換えています。

カテゴリー
ExUnitカスタマイズ

カスタム投稿タイプ「おいしい料理」を追加しました

ページヘッダーの背景画像にフルサイズのアイキャッチ画像を表示して、ひと目で料理のおいしさが伝わるようにしました。

カテゴリー
カスタマイズ

個別投稿ページの投稿日・カテゴリーのカスタマイズ例②

投稿タイトルの左端に斜めに区切ったエリアを作り、カテゴリーと投稿日を白抜き表示にしています。

カテゴリー
Lightning G3カスタマイズ

個別投稿ページの投稿日・カテゴリーのカスタマイズ例

投稿日を円の中に白抜きで表示しています。月を英語表記にしました。カテゴリーは Lightning Pro のように投稿タイトルの右上に置きました。

カテゴリー
Lightning G3カスタマイズ

スクロール時のヘッダー固定を解除するやり方 - Lightning G3 無料版

フィルターフックを使ってヘッダー固定を解除するカスタマイズ手順を紹介します。

カテゴリー
Lightning G3カスタマイズ

パスワードで保護された WordPress の投稿のカスタマイズ例

カテゴリー
WordPressカスタマイズ

投稿の抜粋をアーカイブページに表示したり、タイトル前の「保護中: 」の表記をアイコンに変更したり、いろいろカスタマイズしています。

この記事にはパスワードが設定されています。

パンくずリストの先頭のアイコン・表記を変更するには

Lightning G3 はフィルターフックでアイコンをカスタマイズできます。

カテゴリー
Lightning G3カスタマイズ

404 ページをカスタマイズしてみた

大事な見込み客を逃してしまうことにならないように、アクションフックとフィルターフックで 404 ページをカスタマイズしてみました。

カテゴリー
Lightning G3カスタマイズ

ページヘッダーに投稿のタイトルを表示するやり方【続編】

投稿のタイトルに加えて、公開日・更新日・投稿者 もページヘッダーに表示することができました。

カテゴリー
Lightning G3カスタマイズ

ページヘッダーに投稿のタイトルを表示するやり方

公開日・更新日・投稿者 をページヘッダーに表示するのはむずかしそうなので断念して、パンくずリストの下に表示してあります。

カテゴリー
Lightning G3カスタマイズ

カテゴリーやタグのタームの区切り文字「、」を表示しないカスタマイズ

フィルターフックを使って「、」を一括で消してしまいますが、カスタム投稿タイプには影響がないようにします。また、記事の後のカテゴリーにもアイコンをつけます。

カテゴリー
WordPressカスタマイズ

トップページ(特定のページ)だけヘッダーロゴ画像を変更するやり方

Lightning G3 サイトでフィルターフックを使って、ページによってヘッダーロゴ画像を使い分ける方法を紹介します。

カテゴリー
Lightning G3カスタマイズ

前の記事・次の記事のカスタマイズ例

表示タイプを「カードインテキスト」から「カード(水平)」に変更して、画像とボタンのスタイルを調整しています。

カテゴリー
Lightning G3カスタマイズ

投稿アーカイブの表示タイプをカスタマイズ

子テーマの functions.php にフィルターフックのコードを書けば、無料版の Lightning G3 で投稿アーカイブの表示タイプを Lightning 標準 から テキスト 1 カラム に変更することができます。

カテゴリー
Lightning G3カスタマイズ