Calendar

<< 4月  
1234567
891011121314
15161718192021
22232425262728
2930  
year=2024&monthnum=04
  • WordPressアクションフックでHTML挿入
  • 2024.04.05
  • テーマファイルのテンプレートファイルを変更しなくてもOKなアクションフックの使い方です。
     
    Lightningで子テーマを使った場合にフッター部分にHTMLを挿入してみます。
     
    まず、該当のPHPファイルでdo_actionという記述を見つけます。
     
    もしも追加したい部分にdo_actionの記述があればソースはいじらずにその部分にHTMLの挿入が可能です。
     
    ※functions.phpにアクションフックを追加するので必ずバックアップをとって編集する必要があります。
     
    今回は以下のようになっていたので、「lightning_copyright_before」がフック名です。
    <?php do_action( ‘lightning_copyright_before’ ); ?>
     
    (LightningのGeneration 3を利用したので対処ファイルは【_g3>template-parts>site-footer.php】)
     
    functions.php内に以下のように記述します。
     
    function sample_html(){ ?>
    <div class=”sample-text”>
    追加したい文字
    </div>
    <?php }
    add_action( ‘lightning_copyright_before’, ‘sample_html’ );
     
    ※上記は、HTMLをそのまま記載するため、赤文字部分を追加する事でPHPを外しています。
     
    「add_action()」の第三引数に優先度(数値)を指定すると、指定した数値の小さい順に実行されるようになります。
    同じフックポイントに複数セットする時等で優先度が必要な場合に使うとよいでしょう。
【この記事のタグ】
ajax ECCUBE ワードプレス
WordPressアクションフックでHTML挿入 はコメントを受け付けていません

▲ PAGE TOP