WordPressレクタングル大TweetPocket前回は主に外観>カスタマイズで開くカスタマイズ画面での編集を行いました。OnePressはカスタマイズ画面では有料版でないとセクションの入れ替えができません。子テーマを作成してそのfunctions.php上でフィルターフックやアクションフックを使えば、セクションの入れ替えなどのカスタマイズが可能です。新たなセクションを追加したい場合も、同じ子テーマのfunctions.php上でアクションフックを使って追加できます。やり方をまとめましたので、参考に以下をご覧ください。Plusを導入した場合についても記載しました。※子テーマの作成については下記インストール編をご確認ください。Plusを導入した場合セクションの入れ替え例えばニュースのセクションをヒーローセクション(トップのメイン画像)のすぐ下に動かすとします。親テーマのtemplate-frontpage.phpの以下の部分で、セクションの表示順が決められています。);}}apply_filersのarrayに’features”about’とセクション名が並んでいます。ここで表示順が決められています。子テーマのfunctions.phpに次のようなコードを追加します。'my_onepress_frontpage_sections_order');my_onepress_frontpage_sections_orderという子テーマで設定したフィルターフックを足しています。子テーマでは’news”features’と、newsセクションを一番始めに持ってきました。実際に行ってみると、以下のように表示されます。メニュー項目部分の表示順序は外観>メニューから手動で直してください。※セクション名について上記で順序を入れ替えたテンプレート上のセクション名はカスタマイズ画面で表示される日本語名とは異なります。対比は以下の通りです。contactセクションの新規追加WordPressのテーマ「OnePress」のトップページには、あらかじめ10個のセクションが用意されていますが、ここに新たなセクションを追加してみます。外観>テーマエディター>子テーマのfunctions.phpを開きます。【WordPress】OnePressテーマ活用方法まとめ1-インストール編で足した子テーマのfunctions.phpには、予め「about」セクションの後に新たなセクションを追加するアクションフックが準備されています。アクションフックコードはコメントアウトされているので、「/*」「*/」部分を削除して有効化しましょう。title」というセクションが追加されています。デモサイトを確認していただくと、追加されているのが分かります。英語のテキスト部分を自由に書き換えて好みの内容にすればOKです。上記のフック名は「onepress_after_section_about」ですが、例えば「onepress_after_section_services」とすれば「service」セクションの後に新しいセクションを追加できます。「onepress_before_section_about」とすれば、「about」セクションの前に新しいセクションを追加できます。追加したい場合は、上記コードをコピーして、「add_my_custom_section」を「add_my_custom_section_2」とすれば、複数のセクションの追加が可能になります。Plusの場合にのみ利用できるセクションが画面下部に表示されています。Plusの場合、GoogleMapを緯度・経度の数値のみ入力するだけで設置できたり、ヒーロー部分に動画を利用することが可能です。セクションの数も増えるので、デザインの幅も広がります。Plusのデモサイトはこちらです。Plusをご確認ください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:プロフィールこのサイトを運営しているユリです。WordPressのコードを書いています。詳しくはこちら他にコスメなどの情報をまとめた「ユリブログ2」も始めました。ご感想やご意見は、お気軽にお問い合わせフォームまでどうぞ。