ヘッダー画像にトップページのリンクを貼ってカスタマイズ

WordPress使い方
http://ouenn.xsrv.jp
スポンサーリンク

ヘッダー画像にトップページをリンクして全てのページから
トップページに行きやすいブログにカスタマイズしましょう。
画像は、STINGER6childテーマを使用しています。

スポンサーリンク

ヘッダー画像とは

このブログの

この部分です。

ヘッダー画像の作り方

画像・写真を選ぶ

windows10

 

 

①ディスクトップ左下「赤丸」へ

②左「ピクチャ」へ

画像編集

 

 

 

③自分の好きな写真を選びます
選んだ写真の上にマウスを置き

④右クリック「コピー」

⑤「貼付け」

⑥右クリック「名前の変更」(画像の編集練習)

画像が無い場合

ヘッダー画像素材フリー でお探し下さい。

写真をペイントで開く

①画像の編集用写真の上にマウスを置き 右クリック「プログラムから開く」へ

②「ペイント」へ

サイズを編集

画像編集1

①赤丸「ホーム」へ

②青丸「選択」で写真の編集したい部分を囲む

③紫丸「トリミング」へ

④緑丸「サイズ変更」
wordpressテーマ
STINGER5:画像サイズは、ピクセル 横950 縦250
STINGER6:ピクセル 1060×400
その他:「外観」→「ヘッダー」を見てサイズを確認してください。
文字を入れ保存しておきます。

⑤「オレンジ丸」へ(上書き保存)

写真に文字を入れる

①黄色「A」へ

②写真の文字を入れたい所に四角い枠を表示

画像編集2
画像編集3

③赤丸「透明」へ

④緑丸「▼」で好きな文字の大きさに

⑤青丸「B」へ(太文字になります)

⑥紫四角から好きな文字の色を選ぶ

⑦写真内の白点線枠にカーソルを入れ「文字入力」
画像編集4

ヘッダー画像表示

①ワードプレスダッシュボード

画像編集5

 

 

 

 

 

②赤丸「外観」へ

③緑丸「ヘッダー」へ

画像編集6

 

 

 

 

 

 

 

 

 

④赤丸「新規画像を追加」へ

人気ブログランキング6

⑤赤丸左横「ファイルをアップロード」から編集した画像を選ぶ

⑥右下茶四角「選択して切り抜く」

⑦茶色四角右「切り抜かない」へ

⑧③画像の茶四角「保存して公開」へ

⑨ダッシュボードに戻るには、左上「×」へ

全てのページにヘッダー画像を表示させる

①WPダッシュボードへ

ヘッダー画像

②緑丸「STINGER管理」へ

③青丸「STINGER管理」へ

④赤丸☑へ

⑤左下茶四角「save」へ

ヘッダー画像にトップページリンクを貼る

①wpダッシュボードへ

ヘッダー画像3

②赤丸「外観」へ

③緑丸「テーマの編集」へ

④青丸「STINGER6」へ

⑤紫丸「テーマヘッダー」へ

⑥ソースから青四角「カスタムヘッダー画像」を探す

⑦後ろに

をコピーして貼り付ける

⑧■■■:リンク先のURL を入力
トップページURLです。

⑨★★★:画像のURL を入力します。
自分のブログのヘッダー画像の上で右クリック「画像をコピー」
これを貼り付けます。

⑩左下茶四角「ファイルを更新」へ

注意

最初に作ったヘッダー画像と、トップページのリンクを貼った
ヘッダー画像を二つになるので、最初に作ったヘッダー画像を
削除しておくきます。

完了

コメント

タイトルとURLをコピーしました