[み]WPtouchで表示したときのヘッダーにオリジナルのアイコンを使う方法

WordPressを使っていらっしゃる方は、けっこうな確率でWPtouchを使われているかと思います。そして、あのなんとも言えない味気のないヘッダーに飽きているんではないでしょうか?特にデフォルト状態で入っている謎のアイコンとか、もうどうしたらいいんですかね?

そんなあなたに、オリジナルのアイコンを追加するカスタマイズを紹介します。

WPtouchのヘッダーにオリジナルのアイコンを追加する方法

アイコンを準備する

まずは、アイコンを準備します。WPtouch的には、

ロゴのアイコンを追加する際、ブックマークアイコンとして使う場合は 59×60 ピクセル (PNG) が最適なサイズです。

とうたっていますが、アイコンは基本的に正方形でつくられていると思いますので、そのまんま縮小した60×60ピクセルでなんら問題ないと思います。

みはらが準備したアイコンはこれです。自信を持って60×60ピクセルで作成しています。

アイコンをアップロードする

では、アイコンが準備できたら、WordPressの左メニューにある【設定】→【WPtouch】を開いてください。そのページのけっこう下のほうに、アイコンがずらずらーっと並んでいる「デフォルト&カスタムアイコンプール」というところがあります。そこの【アップロード】から、準備したアイコンをアップロードします。アップロードが完了すると、たくさん並んでいるアイコンたちにオリジナルのアイコンが仲間入りします。

アイコンを設定する

アイコンがアップロードできたら、アイコンを設定します。先ほどの「デフォルト&カスタムアイコンプール」のすぐ下、「ロゴアイコン//メニュー項目&ページアイコン」のいちばん上の「ロゴ & ホームスクリーンブックマークアイコン」のところで、さっきアップロードしたファイル名を選びます。

あとは、そのまま下にいって【オプションを保存】をクリックして完了です。

こんな風になった

アイコンの設定が完了して、みはら.comのトップページはこんな風になりました。デフォルトよりかはマシですが、まだまだ味気のないカンジですね… 次はもっと大幅なカスタマイズをしてみようかと思っています:)

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

checkboxみはら.comはエックスサーバーです

PAGE TOP arrowup