WordPress

スポンサーリンク
WordPress

【WordPress】Cocoonテーマの新着記事を2列表示にする方法

Cocoonテーマの新着記事はただ設置しただけだと1列表示になるので、2列表示にする方法を紹介します。完成図以下のように2列表示になります。やり方1.以下のように新着記事ブロックを追加する。(ブロックの設定内容は任意)2.子テーマのstyl...
WordPress

【WordPress】slick.jsの左矢印(戻るボタン)を表示する方法

以下の記事で紹介したslick.jsだが、完成形のものを見ると右矢印は出ているが、左矢印は出ていない。左矢印はデフォルトでは出てこず、一工夫必要なので、その方法を紹介する。完成形以下のように左矢印も出てくるようになる。やり方1.子テーマのs...
WordPress

【WordPress】WordPressでslick.jsを使う方法

WordPressでslickを使う方法を紹介します。完成形 やり方1.子テーマのフォルダ直下にjsフォルダを作成し、home.jsファイルを作成し以下を記載Cocoonテーマの例:wp-content/themes/cocoon-chil...
WordPress

【WordPress】グローバルナビゲーションメニューの現在表示しているページに対応する項目の色を変える。

以下の画像の赤枠のように、現在のページに対応するグローバルメニューの項目の色を変えたい場合のやり方です。完成図以下の図のようにホームだったらグローバルメニューのホームの項目の色が変わり、サンプルページだったらサンプルページの項目の色が変わる...
WordPress

【WordPress】Cocoonテーマの新着記事で横並び表示時に、戻るの矢印を表示する方法

cocoonテーマの新着記事ブロックの横並び表示時に、戻るの矢印を表示する方法です。前提以下のように、新着記事ブロックを作成して、"横並び表示"を有効にする。そうすると、以下のように、右矢印(進む)は出るが、左矢印(戻る)は表示されない。左...
WordPress

【WordPress】Cocoonテーマでヘッダーの右側に問い合わせボタンなどを作成する方法

Cocoonテーマでヘッダーロゴ(テキスト)の右側に問い合わせボタンを作成する方法を紹介します。今回の方法はテーマファイルには直接編集を加えず、function.phpにアクションフックを追加して対応します。これにより、親テーマファイルの更...
WordPress

【WordPress】Cocoonテーマのヘッダーロゴを左寄せする方法

Cocoonのテーマでヘッダーロゴのみを左寄せする方法を紹介します。Cocoon設定のヘッダーから"ヘッダーレイアウト"でロゴの位置を設定できますが(以下の画像)、"トップメニュー(右寄)"を選んでも、ロゴが左寄せ、その右側にメニューという...
WordPress

【WordPress】Cocoonテーマの新着記事ブロックでサムネイルを非表示にする方法

Cocoonテーマには以下の画像のように新着記事ブロックがある。(のショートコードのブロック版)表示する記事をカスタム投稿タイプで絞ることもできるので結構便利。しかし、サムネイルの非表示には対応していないので、以下のように必ずサムネイルが表...
WordPress

【WordPress】Cocoonテーマで、ヘッダーロゴの横にテキストを表示する方法

Cocoonのテーマでは、ヘッダーにサイトタイトルかロゴ画像を設定できる。しかし、サイトタイトルかロゴ画像を両方とも表示することは設定からはできない。サイトタイトルかロゴ画像の両方を表示したい場合の方法を紹介します。完成形以下のようにロゴ画...
WordPress

【WordPress】Cocoonテーマのフッター左・中・右ウェジェットをモバイルでも表示する方法

WordPressテーマ「Cocoon(コクーン)」で設定できるフッター左・中・右ウェジェットをモバイルでも表示する方法です。前提「フッター左・中・右ウェジェット」とは外観→ウェジェットの中にある、以下の3つのウェジェットのことです。この3...
スポンサーリンク