• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Genesis WP Fan

Genesis Framework とWordPressカスタマイズの情報サイト

  • ホームHome
  • 日本人向けGenesis子テーマ「Muromachi」Genesis Child Theme “Muromachi”
  • Genesis とは
  • Genesis子テーマ一覧
  • Genesisの使い方
  • Genesisカスタマイズ
  • Genesisプラグイン
  • お問い合わせ
HomeGenesis Framework カスタマイズGenesisサイトのカスタマイズを便利にするアクションフックとは
  • Genesis Framework カスタマイズ

Genesisサイトのカスタマイズを便利にするアクションフックとは

genesis-action-hook-thumbnail

Genesis フレームワーク をカスタマイズする上で大事になるのが、アクションフックというものです。

Genesisでは、よく使うフックから、このフックって使い道あるの?というものまで色々と用意されています。ちょっとしたカスタマイズなら必要無いかもしれませんが、がっつりGenesisサイトをカスタマイズするときに、アクションフックは大活躍します。
今回は、そんなアクションフックについて紹介したいと思います。

目次

  • ① アクションフックとは
  • ② アクションフックの使い方
  • ③ アクションフックを使うときに便利なプラグイン

① アクションフックとは

アクションフックは指定した場所にコードを追加するような機能です。

下の表のように、Genesisが用意したアクションフックにadd_action()やremove_action()を使って、コードを追加したり、逆にコードを無効化することができます。

関数 説明
add_action(○, ×) ○の場所に×のコードを追加する
remove_action(○, ×) ○の場所で実行されるBのコードを無効にする

※ remove_action()にはremoveという単語が入っていますが、フックにかかっているコード自体を永久に削除するような危険な処理ではなく、もっと気軽に無効にする(コメントアウトする)ようなイメージです。

また、Genesisアクションフックは、Genesis親テーマに書かれているので、アクションフックは基本的にどのGenesis子テーマでも同じように使うことができます(Genesis子テーマによっては、その子テーマ専用のフックもあります)。

② アクションフックの使い方

下は Modern Studio Pro というGenesis子テーマに書かれているコードの一部です。

remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'ms_menus', 'genesis_do_nav' );

上のコードを1行ずつ見てみると、下の表のようになります。

remove_action( ‘genesis_after_header’, ‘genesis_do_nav’ );

コード 説明
genesis_after_header genesis_after_headerの場所に下のコードを追加
genesis_do_nav 追加する関数(指定した位置にナビゲーションメニューを表示)

上のコードでは、親テーマで genesis_after_header の位置に表示されていたナビゲーションメニューを非表示にしています。

add_action( ‘ms_menus’, ‘genesis_do_nav’ );

コード 説明
ms_menus ms_menusの場所に下のコードを追加
genesis_do_nav 追加する関数(指定した位置にナビゲーションメニューを表示)

そして、ms_menus という位置に add_action() で genesis_do_nav という関数を通してナビゲーションメニューを表示しています。

③ アクションフックを使うときに便利なプラグイン

アクションフックを使うときに無くてはならないと言っても過言ではないのが、『Genesis Visual Hook Guide』というGenesis専用プラグインです。

https://ja.wordpress.org/plugins/genesis-visual-hook-guide/

how-to-use-genesis-visual-hook-guide-1

下の画像のように、Genesisで用意されているアクションフックをフック名と一緒に表示してくれます。これを見ても、まさに至るところにフックを設置してあるのが分かります。

Genesis Visual Hook Guideの使い方

genesis-action-hook-thumbnail

関連記事

  • 2016年3月31日

    【安全カスタマイズ】Genesisカスタマイズ用PHP/CSSファイルの作り方

  • 2016年5月11日

    Genesisサイトの404ページを日本語化する方法

  • 2016年3月17日

    【Genesis】パンくずリストを日本語化する方法

  • 2016年5月13日

    GenesisサイトにBody Classを追加する方法

  • 2017年12月15日

    Genesisサイトでioniconsを使用する方法

  • Genesis Framework カスタマイズ

日本人のためのGenesisフレームワーク専用WordPressテーマ 『Muromachi』

SEOやセキュリティのプロから信頼されるGenesisフレームワークのメリットを生かしながら、日本人向けに見やすさや使いやすさ、機能性を追求しました。 Genesisサイトの制作ノウハウやウェブサイトの運営経験が詰まったWordPressテーマです。企業サイトはもちろん、ブログやアフィリエイトサイトなど、様々な用途にお使いいただけます。

詳しく見る
← 前の記事
Genesisサイトのカスタマイズを便利にするアクションフックとは
Genesis専用子テーマ『Business Pro』の特徴
次の記事 →
Genesisサイトのカスタマイズを便利にするアクションフックとは
競合サイトに差をつけるGenesisサイト運営のためのプラグイン27選

最初のサイドバー

Genesis WP Fan

Genesis WP Fan

たいやき伝道師

Genesisが好きすぎてGenesisフレームワークの情報サイトGenesis WP Fanを運営しています。日本人のためのGenesisフレームワーク専用WordPressテーマ『Muromachi』を開発しました。

Follow

サイト内検索

カテゴリー

タグ

FontAwesome Genesisの設定 Meta Muromachi ウィジェット カテゴリアーカイブ サムネイル ショートコード タグアーカイブ ツール パンくずリスト フッター プラグイン ヘッダー レイアウト 固定ページ 投稿 日本語化 検索関連 管理画面 記事一覧

PVランキング

  • 1genesis-featured-posts-widget-11

    Genesis Featured Postsウィジェットの使い方

  • 2genesis-child-themes

    Genesisフレームワークでブログを作るのに鉄板のGenesis子テーマ12選

  • 3genesis-seo-settings-4

    Genesis SEO Settings の設定方法

  • 4

    競合サイトに差をつけるGenesisサイト運営のためのプラグイン27選

  • 5genesis-logo

    Genesis Frameworkをインストールする方法

  • 6genesis

    【まずはここから】GenesisとGenesis子テーマをダウンロードする方法

  • 7

    GenesisフレームワークとGenesis子テーマを日本語化する方法

  • 8

    ここ最近人気のGenesis子テーマ10選を紹介してみる

  • 9

    【100種類目前!】変幻自在のGenesis子テーマとは?

  • 10metro-pro-settings-thumbnail

    Genesisサイトの設定方法【MetroPro】

最近の投稿

  • 店舗サイトにオススメなGenesisフレームワーク専用子テーマ6選【WordPress】

  • 調べたいサイトを丸裸にするサイト内検索とページ内検索の使い方【簡単絞り込み検索】

  • WWWって何?意外と知らないウェブについてやさしく解説【World Wide Web】

  • 仕事をするときに気をつけたいGenesisフレームワークのライセンスについて整理してみた

  • 日本人向けGenesisフレームワーク専用のWordPressテーマ「Muromachi」販売のお知らせ

  • 404ページも魅力的に簡単カスタマイズ!Genesis専用プラグインで404ページをカスタマイズする方法

  • Genesis専用子テーマ『Academy Pro』の特徴

  • ここ最近人気のGenesis子テーマ10選を紹介してみる

  • Genesisサイトの投稿にPost Classを追加する方法

  • Genesis専用プラグインでレイアウト機能を簡単に拡張する方法【Genesis Layout Extras】

目次

  • ① アクションフックとは
  • ② アクションフックの使い方
  • ③ アクションフックを使うときに便利なプラグイン
ページトップへ

Copyright © 2023 Genesis WP Fan All Rights Reserved.