書きたい記事を書きたいように書くFreeブログ

かきてぃーのプロフィールはこちらをクリック!

【AFFINGER4-カスタマイズ】ヘッダー下にお知らせコンテンツエリアを作成してウィジェットで管理する

 
  2018/06/24
 
スポンサーリンク
スポンサーリンク
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら

本日の記事は、ヘッダー下にお知らせエリアを設定してウィジェットで管理しよう!というモノです。

お知らせエリアとは…

かきてぃー
こんなのをヘッダーの真下に設定します

よくある、「今日のNEWS!」みたいなエリア。

  • サイトのメンテナンス日時を周知したり
  • おススメの記事を紹介したり
  • メルマガ登録を促したり

使用用途は多々あります!

もちろん、ウィジェット管理なので、自分好みにカスタマイズ出来るのでおススメです!

それでは早速、カスタマイズ開始!

まずはウィジェットを追加しよう

ウィジェット追加は頻繁ですね。

汎用性が高いカスタマイズをするなら欠かせない手順ですので、ウィジェット管理は覚えておきましょう。

https://kakitare.info/web/footer-split/

でもご説明しておりますが、再度手順をおさらいしておきます。

「functions.php」にウィジェット追加のロジックを追記します。

追加するのが初めての人は、600行目~あたりに

のようなロジックがあるはず。

追記するのは774行目の下。

かきてぃー
ここです。

上記のように追加します。

※2行目のIDは一意になるように設定する必要があります。(他と被らないように)

追加出来たら、ウィジェットを確認してみましょう。

無事に追加出来ていればOKです。

headerとcontentの間にお知らせを埋め込む

先ほど追加したウィジェットを呼び出すロジックを追記します。

ヘッダーとコンテンツエリアの間にお知らせを表示させたいので、「header.php」のすぐ下にウィジェット呼び出しロジックを書けばいいのかと思いきや…

幅広さん登場!

横幅100%になっちゃいました…

まあcssをいじれば直るんですけど、めんどうなのでid=”content”の真下に追加することに。

スリムさん搭乗!

よし。これでコンテンツエリアと幅が同じになりましたね!

デベロッパーツールで追加の方法がわかったところで、表示させたいファイルを決めます。

・トップページ…home.php

・個別ページ…single-type1.php

・固定ページ…page.php

追記するロジックや場所は全て同じになりますので、追加したいページをまずは選びます。

私の場合は、上記3つに反映させました。

ロジック追記場所

どのファイルでも

の下に追記します。

追記したのは2~5行目です。

先ほどのウィジェットを呼び出す内容となっております。

トップページに固定ページを利用しており、トップページのみに表示したい場合は

固定ページ(page.php)を以下のように変えます。

変更点は2行目のif文が少し変わっています。

is_front_page()

を追加しておりますので、フロントページだったら~表示されます。

ウィジェットのお知らせボックスはAFFINGERのフリーボックスを使う

では、お知らせエリアを表示してみましょう。

今回追加したウィジェット(トップページのお知らせ)に「03_STINGERフリーボックス」を設定して文字を入力してみます。

自分にの意図した所に表示されていれば、OKです。

ウィジェットで管理しているので、

  • カレンダー追加してみたり
  • 人気記事を追加してみたり
  • 好きなリンクを貼りつけてみたり

かきてぃー
汎用性が高いのが魅力ですよね!
スポンサーリンク

お知らせエリアのデザイン

私が使っているようなデザインがご希望ならば、以下のCSSをコピペで同じようになります。

「お知らせ」の文字を斜めにしてちょっとだけオシャレにしています。

かきてぃー
割と簡単に出来ましたね。分からない事があれば、お気軽にお問い合わせください(g^-^)g
かきてぃー
それでは、本日もお疲れ様でした!
この記事を書いている人 - WRITER -
かきてぃー
21歳に社会へ出て荒波に揉まれ逃げること数回。 2013年にネットビジネスに出会い色んなことに挑戦。無料ブログ系・物販アフィリエイト・ブログアフィリエイト。が、2度挫折し3度目再始動中。 現在の管理サイトはメイン4つのサブ20で合計24サイト運営しています。 主な稼ぎはWEBコンサルやHP制作、FXで月数十万の稼ぎです。 IT業界で学んだスキルを活かしたツールの紹介やテーマ・プラグインのカスタマイズ、実体験を元にした体験記事をメインに書いています。
詳しいプロフィールはこちら
スポンサーリンク











コメントはこちらです

Copyright© 書きタレ , 2013 ~ 2017 All Rights Reserved.