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でお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress講座の問い合わせ先
WordPress講座申し込み
メールで問い合わせ

関連記事

スポンサーリンク