WordPress個別サポート

Twenty Thirteenのヘッダー画像は、images\headersディレクトリにあるcircle.pngが使われています。

Twenty Thirteenのデフォルトヘッダー画像(circle.png)

Twenty Thirteenのデフォルトヘッダー画像(circle.png)

このcircle.pngは幅3200px、高さ460pxですが、設定自体は幅1600px、高さ230pxです。このサイズ(幅1600px、高さ230px)の画像を準備して、オリジナルのヘッダー画像として使うことができます。サイズが異なる画像を使う場合はダッシュボード上でトリミングして使うことができます。

以下、ヘッダー画像を入れ替える手順を紹介します。

  1. ダッシュボードで「外観」‐「ヘッダー」メニューを開き、アップロードするヘッダー画像を選択するため「参照」ボタンをクリックします。
    「参照」ボタンをクリック

    「参照」ボタンをクリック

  2. ファイルを選択後、「アップロード」ボタンをクリックします。
    「アップロード」ボタンをクリック

    「アップロード」ボタンをクリック

  3. ヘッダー画像サイズのデフォルト設定は1600 × 230ピクセルなので、これより大きかったり、小さかったりする場合は、使う領域を選択してトリミングすることができます。
    ヘッダー画像のトリミング

    ヘッダー画像のトリミング

    トリミングする領域を選択できたら、画面下の「切り取って公開する」ボタンをクリックすると、ヘッダー画像が切り替わります。

  4. ヘッダー画像を確認して、必要に応じてサイト名の色を修正するなど調整しましょう。
    ヘッダー画像のプレビュー

    ヘッダー画像のプレビュー

  5. サイト名の色や表示/非表示を設定するには、画面下の「ヘッダーのテキスト」を使います。「ヘッダー画像上にテキストを表示する」のチェックを外せば、ヘッダー画像上に表示されていたサイト名とキャッチフレーズは非表示になります。
    サイト名の設定

    サイト名の設定

    「変更を保存」ボタンをクリックして作業を完了します。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート