”よく読まれている記事リスト”として使っているカルーセルを取っ払えば載せておけなくはないものの、それではトップページにしか掲示しておけません。個別の記事ページまでこれで場所を取らせるのは明らかに邪魔すぎる。なにかこう...ヘッダー画像なんかは本来機能的になくても全然困らないものなんだから、そこを使ってうまくやれないものかな。いうわけで、「ヘッダー画像内に告知スペースを設けるぞカスタマイズ」を試みることにしました。スポンサーリンクヘッダー画像部分のコードを確認したら、フック関数がありました毎度のことながら、まずは親テーマのソースコードを読み進めていってカスタマイズ範囲を探ります。ヘッダー画像やタイトルロゴを表示する処理はどうやらtmp/header-container.phpで行われている様子。tmp配下なら子テーマにコピペで持ってきてカスタマイズできるから、どうなりと処理できそうです。その必要すらありませんでした。ヘッダーエリアの一連の処理を見ていったら、タイトルの下にスペースを入れたい人用にフック関数の口が設けられていたのです。子テーマのfunctions.phpにこの関数を足してやって、お知らせスペース用のコードを吐くようにしてあげれば良いわけですね。フック関数については、こちらの記事の時にお勉強したので、話は簡単なのです。Cocoonのカルーセルに人気記事リストを表示させるカルーセルというのは回転コンベアという意味の言葉で、ブログでよく見る「ヘッダの下でちょろちょろ並んでる小さなブログカードの並び」などを指します。自動でスライドしたりするあれですね。ウチのブログでも、記事数がたまってきたらトップページに導入...oiio.jp2019.05.08お知らせスペース用のウィジェットを作成するfunctions.phpに関数を設けて、そこで告知内容を直接書き込んでも良いわけですが、このお知らせスペースについては今後も多分活用することになるはずです。その度にfunctions.phpを直接書き換えるというのはあまり美しくありません。思っていたら、同じようなカスタマイズをしている方の参考になるブログが見つかりました。chaos当サイトではLuxeritasで行っているヘッダーロゴの右側に広告を表示させるカスタマイズですが、それをCocoonでもAMP対応した形で実装してみました。言っても、専用のウィ...unlimitedchaos.netCocoonで(というかWordPressで...かな)サイドバーや投稿画面などの構成をいじりたい時は、該当スペースにウィジェットを並べて、表示内容をカスタマイズするのが一般的です。ウィジェットには、たとえばプロフィールを表示するためのものや、カテゴリーの一覧を表示するためのものなど、様々なものが用意されていて、それをドラッグ&ドロップするだけで「ページのここにこれを表示」と指示できちゃうわけですね。このウィジェットには、「カスタムHTML」というのも用意されています。それを使えば何なりと好きなコードを指定箇所に埋め込んでやることができるウィジェットです。ヘッダー画像部分にお知らせスペース用のウィジェットエリアを作って、そこにウィジェットを置けるようにしてあげれば、今後の告知はウィジェット管理画面上でちょちょいと書き換えたり、表示非表示を切り替えるだけで済むようになります。それは素晴らしいってことで、上記のブログを参考にして、以下のコードをfunctions.phpに追加しました。'ヘッダー領域に追加コンテンツを表示するウィジェットです。));}ウィジェットエリアに設定した内容を出力するのは、先ほど見つけたフック関数を用います。これも同じくfunctions.phpに次のように追記しておきます。}WordPressの管理画面でウィジェットの設定を行うここまで完了したら、最後は実際に表示させたい内容をHTMLコードとしてウィジェットに設定してやるだけです。開くと先ほどfunctions.phpで追加したウィジェットエリアが出来ているはずなので、その中にカスタムHTMLウィジェットを登録します。中身はお好みのままに。ちなみにうちの場合は、このコードをCSSで整形して、あとスマホサイズの場合はちょっと表示を切り替えるレスポンシブ対応を行うようにしています。あ、あとAMPページでは表示させていません。AMPのCSSサイズ制限を超えてしまってレイアウトを整えようがないので、表示を乱す要素は基本的に非表示とするほかないのです。して出来上がったのが、今ヘッダー画像の上に載っかっているお知らせスペース。今後は新刊の告知だけじゃなくて、イベントや求人の告知なんかにも使えそうだと思っています。ウィジェットエリアにしたから、表示するか否かはチェックボックスで指定するだけ。用途のパターンごとに複数のカスタムHTMLウィジェットを登録しておいて、必要に応じて中身を小変更して切り替えるという使い方をするのも良さそうです。API(以降、PA-APIと呼称)とは、Amazonの持つカタログデータにアクセスして、プログラムから利用できるようにするインタフェースのことです。通常、Amazonの商品リンクを、Amazonの用意...ブログ制作さくらインターネットから、より高速なレンタルサーバーへの引っ越しを検討することにした旧ブログ時代から、さくらインターネットのレンタルサーバを利用してブログを運営していました。そのサービスが増強されて、WordPressなら最大16倍に高速化されるからねと発表されたのが2018年のこと。高速化される環境は新規契約者のサー...ブログ制作WordPressテーマCocoonがインデックスリスト内への広告複数表示のカスタマイズに対応したので、それを反映させる以前Cocoonのfunctions.phpをいじって、こんなカスタマイズをしたことがありました。人気記事カルーセルが表示不可になっていたことへの対応このブログで使用しているWordPressのテーマ、Cocoonの開発元に要望を出してAmazon商品リンクの価格表示に要望が反映されてひゃっほうと喜んだのは先週書いた記事の通り。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δスポンサーリンクスポンサーリンクこの記事を書いた人きたみりゅうじ大阪から関東に出てきてプログラマやったり脱サラしたりしながら、流れ流れて今は千葉の田舎で暮らしてます。本を書いたりイラスト描いたりして食べてるおっさんです。旧サイトからこちらのブログに引っ越しました。defined.")}))})()。