Wordpress プログラミング

【Affinger】ロゴ画像を幅いっぱいセンタリング表示する方法

【Affinger】ロゴ画像を幅いっぱいセンタリング表示する方法

Affingerでロゴ画像を幅いっぱいでセンタリング表示する方法を説明します。具体的には

これが

こうなります。

手順

まずWordpressのダッシュボードから「Affinger管理画面」を開きます。そして「ヘッダーを選択」。

ここで「ヘッダーを分割しない」「ヘッダーエリアをセンタリング」にチェックを入れます。 「ヘッダーエリアをセンタリング」 は最初チェックできませんが、 「ヘッダーを分割しない」 にチェックを入れて保存すると、チェックできるようになります。

ロゴ画像の設定方法

ちなみにロゴ画像の設置方法は、Wordpressのダッシュボードから外観>カスタマイズと進んで「ロゴ画像/サイトのタイトル」を選択して画像をアップロードします。

画像の幅は1200px程度にすると、幅いっぱいに表示されます。

  • この記事を書いた人

ともぞう

アラフォーのサラリーマンです。ほかに『Chrome通信』や『初心者による初心者の為のウイスキーの話など。』などを運用しています。

-Wordpress, プログラミング

おすすめの記事

EaseUS-Partition-Master サイズ調整を選択

2022/4/20

【完全無料】パーティションを操作してドライブのサイズを増やす方法

Cドライブの容量が足りなくなってきたのでパーティションを操作して容量を増やしてみました。以前はEaseUS Partition Masterで完結していましたが、パーティション結合操作が有料版のみとなってしまったので、MiniTool Partition Wizardというフリーソフトとの合わせ技でパーティションサイズを変更する方法を紹介します。

gutenberg

2022/4/18

ブロックエディタGutenbergの投稿ページにカテゴリが表示されないときの対処法

Wordpressでカテゴリを編集しまくったあと、新たに記事を投稿しようとすると、カテゴリーが表示されなくなってしまいました。対処法が分かったので、備忘録的に記します。

affinger 投稿 固定記事設定

2022/4/21

AffingerでGutenbergブロックエディタの要素がうまく表示されないときの対処法

当ブログはAffinger 5テーマを使っていますが、ブロックエディタに「ギャラリー」もなければ「Rinker」もない。そんなときの解決法を記します。

2022/4/18

Windowsの『スマホ同期』が出来ないときの対処法

スマホとWindowsを連携する『スマホ同期』をPixel 5で試しました。接続自体はすんなり出来たのですが、通知などを最新の状態にしようとするとエラーで使えず。解決策を書きます。

2021/11/24

古いWindowsのライセンス(プロダクトID)を利用しWindows 10を新規インストールする方法

古いWindowsを無料でWindows 10にする方法を紹介します。

最強の類似画像検索・削除のフリーソフト「DupFileEliminator」アイキャッチ

2021/6/22

「DupFileEliminator」は最強の類似画像検索・削除のフリーソフト

フォルダ内の類似写真を検索・削除してくれるお勧めのフリーソフトはこれです。