タグ: テーマ

久しぶりにWordPressのテーマの修正をやっているので多少、戸惑うと思うけど、それにしても面倒だ（笑）WordPressをカスタマイズしたいわけでない初心者の人はレンタルできる無料ブログがお勧めですね。投稿に集中できるのが最大のメリットだと思います。私はどっぷり浸かってしまったのでもういまさら抜け出せない。それでも、投稿さえできれば十分だと思う人はWordPressを選択肢にいれてもいいかもしれません。

今日は２時間ほどかかりナビゲーション（サイト上部に表示させているメニュー）の背景色を変更する事ができました！えｗ背景色を変えるだけで2時間もかかるのかよ！手順を知れば簡単なんですけど。手順がわからない。今回はGemini（AI）と一緒に背景色の変更に挑戦しました。これが不味かった（笑）

パターンで背景色を変更できます。

それと、もう一点。個別記事ページに投稿日が表示されていなかったので、投稿日が表示されるように修正しました。これも、非常に操作が難しい。コードエディターで修正する方が簡単だと思います。マウス操作でブロックをなかなか選択できない。要領が結局、わかりませんでした。途中、エラーになったら悲惨でした。ドラック操作で好きな場所に簡単に配置できます！どこがやねん（笑）

【課題1】WordPressのデザインは、なんか、便利なようで不便のような印象です。構造的に問題がありますね。パディング、マージンの指定が煩雑過ぎる。コンテンツ（ブロック）内のそれぞれの要素はどうやって間隔を指定するんだろ？（2026/08/22 13:44）

ヘッダー下部に背景画像（カバー）を設定

ダッシュボード＞外観＞デザイン＞テンプレート＞個別投稿など

テンプレート（個別投稿など）の上部に掲載する背景画像はカバー（ブロック）が妥当だと思います。

パターン（ヘッダー）に背景画像を設定すると全てのテンプレートに適用される。パターン（ヘッダー）ではなくテンプレート毎に上部背景画像を設定する方が妥当だと思います。

コンテンツ（ブロック）内の段落の前後のスペースを修正

ダッシュボード＞外観＞エディター＞デザイン＞テンプレート＞テンプレート一覧＞個別投稿＞設定＞ブロック＞サイズ項目内の［ブロックの間隔］で調整。

記事本文の行間の修正（タイポグラフィ）

ダッシュボード＞外観＞エディター＞スタイル＞タイポグラフィ＞（要素）テキスト の設定画面で調整できます。

ヘッダーに検索窓を設置

ダッシュボード＞外観＞エディター＞パターン＞ヘッダー＞修正するヘッダーを選択

フォントをインストール

外観＞フォント＞フォントをインストール＞［Google Fonts へのアクセスを許可する］をクリック

1. またテーマを変更しました。今回も人気テーマの中から選びました。
2. このテーマは①［続きを読む］に投稿ページへのリンクが設定される仕様になっています。フォントの種類、サイズも個別に設定できます。
3. 前回のテーマ［Astra］との違いは、②パンくずリストの設定ができない事があげられます。
4. カテゴリ、タグの整理は当分、出来そうにないのでパンくずリストは保留にします。
5. 全体的に見てテーマ［Astra］の方が機能が多い印象です。
6. ①が気になる場合は［GeneratePress］②が必要な場合は［Astra］。
7. ③デザイン的には、どちらも大きな違いはなさそうです。
8. 当分、［GeneratePress］を使って見ます。
9. そう言えば、WordPressがまたバージョンアップされました。どんどん複雑になって来ます。機能がたくさん増えても丁寧なマニュアルがないので使い方が分からない。
10. 先ず記事、カテゴリ、タグの整理を優勢的にやります。
11. カテゴリとタグの使い分けもハッキリわかりません（笑）
    適当にやっていると適当なものしか出来ません。
    カテゴリとタグの使い分けを一度、ゆっくり考えて見ます。
12. タスク
    1. WordPressではカテゴリを階層化できる。タグは階層化できないのか？
    2. ページビルダーとは？（Beaver Builder や Elementor）
    3. プラグインのWooCommerceとは？
       1. 通販サイトをWordPressで構築できる無料プラグインの様です。
          WordPressで通販サイトを作っても集客が難しい。

GeneratePressバージョン: 3.1.1
作者: Tom Usborne
GeneratePress は、スピードと使いやすさを重視して作られた軽量の WordPress テーマです。パフォーマンスを重視しているため、GeneratePress をインストールすると、ページサイズが10kb以下になります (gzip 圧縮時)。また、新しいブロックエディター (Gutenberg) を最大限に活用しており、コンテンツの作成をより詳細にコントロールできるようになっています。ページビルダーをお使いなら、GeneratePress はあなたにぴったりのテーマです。Beaver Builder や Elementor など、主要なページビルダーと完全な互換性があります。また、WordPress のコーディング基準を重視しているため、WooCommerce をはじめとする、しっかりとコーディングされたすべてのプラグインとの完全な互換性を誇っています。また、GeneratePress はレスポンシブ対応で、検証済み HTML/CSS を使用しており、ユーザーの素晴らしいコミュニティによって25カ国語以上に翻訳されています。マイクロデータ連携、9つのウィジェットエリア、5つのナビゲーションロケーション、5つのサイドバーレイアウト、ドロップダウンメニュー (クリックまたはホバー)、ナビゲーションカラープリセットなど、多くの機能を備えています。詳細と強力なプレミアムバージョンについては、https://generatepress.com をご覧ください。

https://generatepress.com

WordPressテーマのCSS指定が難解です。WordPressテーマをカスタマイズするより好みのテーマを探して摘要させる方が簡単かも。プラグインを使ってフォントのサイズを変更する方法もあるようですがプラグインを沢山、インストールすると不具合が発生する場合がある。過去に面倒な事になった記憶が微かにあります。

昔のテーマはシンプルだった。HTML5、CSS3になった事が影響しているような気がします。見出し１のフォントサイズを変更して小さくしましたが、編集画面の記事見出しサイズは相変わらず大きいままです。面倒だなぁ。

他のテーマを探そう。

探してみたものの、どれもややこしテーマばかりです。WordPressはめんどくさいなぁー。このまま現在のテーマを使います。おそらく編集画面もCSSを変更する事ができると思います。また明日、指定場所を探して見ます。