速報・最新ネタ

ニュースネットでお小遣い稼ぎ

STINGER5初心者ができた、ヘッダー画像設定とヘッダーのサイズを変更する簡単な方法

   

Sponscred Links

テーマカスタマイズは、必ずSTINGER5をバックアップしてから自己責任で行ってください。

このサイトの情報より行ったカスタマイズによるすべての責任は負いかねます

目次
■ ヘッダー画像をタイトルにセットしよう
■ アップロードした画像をヘッダーサイズに調整しよう
■ ヘッダーのサイズを調整しよう
■ STINGER5のいろいろなカスタマイズもよろしければ参考にしてください

■ ヘッダー画像をアップロードしよう

ダッシュボードから「外観」→「ヘッダー」をクリックします。

STINGER5ヘッダー画像を変更する

カスタマイズ画面が表示されますので、画像のヘッダー画像をクリックしてください。

STINGER5ヘッダー画像を変更する

画像習得画面になりますので、赤枠の「新規画像を追加」をクリックします。

STINGER5ヘッダー画像を変更する

画像の選択画面が表示されますので、ファイルをアップロードをクリックします。

STINGER5ヘッダー画像を変更する

アップロードするファイルをドロップするか「ファイルを選択」をクリックして画像をお選びください。

STINGER5ヘッダー画像を変更する

ファイル名(N):の窓に選択した画像の名前があることを確認し、緑枠の「開く」をクリックしてください。

STINGER5ヘッダー画像を変更する

Sponscred Links

■ アップロードした画像をヘッダーサイズに調整しよう

すると先ほどの画像の選択画面に戻ります。

STINGER5ヘッダー画像を変更する

アップロードした画像に赤枠のチェックがあることを確認し、右下にある「選択して切り抜く」をクリックしてください。

STINGER5ヘッダー画像を変更する

ここでは、ヘッダーサイズに画像を調整することができます、そのままで切り抜く必要がなければ「選択して切り抜き」をクリックしてください。

STINGER5ヘッダー画像を変更する

先ほどのカスタマイズ画面に戻りました、左の上のほうにアップロードした画像が表示され、右側にプレビュー画面が表示されます。

STINGER5ヘッダー画像を変更する

よろしければ「保存して公開」をクリックして保存してください。

STINGER5ヘッダー画像を変更する

以上でヘッダー画像の設定が終了しました。

■ ヘッダー画像のサイズを調整しよう

ここで、画像のようにヘッダー画像と記事部分のサイズがずれている場合の対処を記載しておきます。

STINGER5ヘッダー画像を変更する
サイズがあっている場合はそのまま作業を終了してください。

先ほどのヘッダー画像は、記事部分とのサイズが違っています、このサイズを合わせましょう。

ダッシュボードから「外観」→「テーマの編集」をクリックします。

STINGER5ヘッダー画像を変更する

functions.php」をクリックしてください。

STINGER5ヘッダー画像を変更する

赤枠の980を1300に変更します。

STINGER5ヘッダー画像を変更する

はい、サイズがぴったりになりましたね。

STINGER5ヘッダー画像を変更する

お疲れさまでした。

■ STINGER5のいろいろなカスタマイズもよろしければ参考にしてください

STINGER5のトップページに、最新投稿記事の全文を1件だけ表示する方法!初心者用・簡単カスタマイズ

STINGER5のh2・h3・h4見出しカスタマイズ|プロのような見出しを初心者でも簡単に作る方法

STINGER5・h2~h4デフォルト見出しをAddQuickTagを使って簡単に使用する方法

初心者の私にもできた!!STINGER5のh2見出しをカスタマイズする簡単な方法

STINGER5の進化版STINGER6の情報もあるよ。

STINGER6というWordPressテーマと子テーマのインストール|SEOに強いSTINGER5を改良!!

 - STINGER5 , , ,