サイト名とメニューを横並びにする方法(CSS カスタマイズ)
Gush6 はサイト名を上部中央、その下にヘッダーメニューを配置しています(PC 閲覧時)。 サイト名とメニューを横並びにするカスタマイズ例をご紹介します。CSS 編集のみで OK です。 初期状態とカスタマイズ後のイメ …
サイドバー(ウィジェット)のカテゴリーは、ウィジェット設定によって表示形式を変更できます。 Gush6 での見た目と CSS カスタマイズ方法を解説します。 基本的な形式 WordPress 標準のカテゴリーウィジェット …
Font Awesome 4・Font Awesome 5 導入方法
現在よく使われている Font Awesome は、大きく ver.4 と ver.5 で分かれています。 ver.4 に慣れていると ver.5 は使いづらく感じることもあり、さほど新しいアイコンを必要としないのであれ …
Gush6 で使える <ul> <ol> <dl> の CSS デザイン例をご紹介します。 デフォルト ul 番号なしリストサンプル番号なしリストサンプル番号なしリストサンプル番号なし …
Gush6 は表示高速化を考え、Font Awesome を導入していません。必要なアイコンのみ IcoMoon で生成し、テーマファイルに格納しています。 Gush6 で Font Awesome を使いたいときの手順 …
Gush6 の子テーマには以下の 3 つのファイルが入っています。 functions.php style.css screenshot.png screenshot.png は管理画面の「テーマ」で表示されるものなので …
運営中の WordPress サイトのテーマを Gush6 に変更するときの基本的な流れと、注意点をいくつか解説します。 テーマ変更の流れ WordPress Theme Gush6 ダウンロード(親テーマ・子テーマ) …
WordPress Theme Gush6 の推奨画像サイズとサムネイル(アイキャッチ)について解説いたします。 アイキャッチ画像推奨サイズ Gush6 のアイキャッチ画像推奨サイズは、「横 1200px / 縦 800 …
Gush6 は「Yoast SEO」を必須プラグインとしています(プラグインを入れるとパンくずリストが表示される)。 パンくずリスト設定方法(Yoast SEO 使用) パンくずリスト以外のおすすめ設定をご紹介します。 …
スマホ用メニューの背景・フォント・枠の色を変えるCSSカスタマイズ
Gush6 は、タブレット・PC 用ヘッダーメニューの背景色と文字色をカスタマイザーから変更できます。 カスタマイザー(Gush設定)設定方法 スマホのヘッダーメニューは CSS でカスタマイズしてください。カスタマイズ …
Gush6 の見出しはあらかじめ CSS で簡単に装飾してあります。 スタイルを変更する場合、CSS で調整してください。 カラーを変更する簡単なカスタマイズ例と、コピペで使いやすくする完全リセット指定を解説します。 以 …
ハンバーガーメニューの位置を右下に移動(固定)させるカスタマイズ
Gush6 は、スマホでアクセスしたときのみ右上にハンバーガーメニューを表示します。 Gush6 メニュー設定方法 このハンバーガーアイコンは CSS で移動可能です。右下に固定させる方法を解説いたします。 ハンバーガー …
Gush6 はカスタマイズ前提のテーマです。 見出しのデザイン変更等は CSS の知識が必要なので、少しずつチャレンジしてみてください。 ここでは子テーマの style.css について簡単に解説します。 style.c …
「ブログリーダー」を活用して、Elloraさんをフォローしませんか?