おかきブログ

輸入ビジネスで独立!なんとかゴハン食べてます。

*

スティンガー5にファビコンを設置(悪戦苦闘)

      2015/09/16

 

ワードプレス始めていろいろやることはあるけど

なぜか最初に着手しようと思ったファビコン

プラグインの追加とか他にやることありそうだけど・・・

ファビコン設置します。

すでにいろんな方の記事がありますが気にしな~い。

 

ファビコンて?

そもそもファビコンって?

なんとなく聞いたことはあったけど・・・

b

タブの左にあるマークね。

スティンガーインストールしてファビコン設定しないと

c

もれなくみなさん5ってマークになるみたい

これじゃ寂しい

自分のマークだと愛着わいちゃうし

なんかカッコよくない?!

カッコイイだけでなくなにかと良いみたい(割愛)

昔に比べファビコン設置してる人多いように思います。

いやあんまり気にしてなかったけども・・・

 

まずは画像が必要

段ボール画像にしようかと思ったけど^^;

やめ

結局ペイントで名前書いて終わり。

おかきjpeg

まぁ分かりやすいでしょ。。。

48×48です。

正方形ならいいみたい。

実際のファビコンは16×16となりますので文字だと4文字くらいが限界かな?!

 

画像の拡張子は「.ico」形式に

なんかあまり聞いたことないけど「.ico」にしないとダメみたい。

フォトショップなら「.ico」にできるみたいですが

私はフォトショップもってない

なんでもマイクロソフトのペイントでやっちゃいます派。

なので変換しないといけないのですが

私が利用させてもらったサイトは

ファビコン favicon.icoを作ろう!

このサイトでは48×48以上のデカイ元画像はダメみたいです。

なので最初に48×48の画像作ってます。

このサイトで変換してやれば

これでファビコンの元画像は完成です。

 

ワードプレスにアップロード

11

ダッシュボードのメディアの新規追加

ここへ先ほど作った画像をアップロードします。

ダッシュボードのメディアのライブラリにてアップロードされた画像をクリック

添付ファイルの詳細がでますのでURLをとり合えずメモ帳にでも貼り付けときます。

222

 

 

header.phpをいじります。

333

 

ダッシュボード→外観→テーマの編集

コードがずらずら~キモイよ~

右の「ヘッダー」をクリックです。

 

444

コード・・・見慣れてない私は見ただけで頭痛が・・・

 

実際、最初にコードみて直ぐ逃げました。

コード触るの怖い・・・

プラグインでファビコン設置できるのがある!

ダウンロードして・・・

が、結局やめました。

プラグインなんて不要なものは入れないほうがいいですし

コード触るっていったってコピペで挿入するだけです。

※まぁもちろんあんまりわかってないですよ。。。なんかそんならしいよ。

どの道この先コード触ることありそうだしいい練習です。

コードがずらずらある中

真ん中あたりに以下のようなコードがあると思います。

<link rel=”shortcut icon” href=”<?php echo get_template_directory_uri(); ?>/images/logo.ico” />

赤色の部分を先ほど画像をアップロードした際にメモったURLと入れ替える。

と完成。

トップページのファビコンは変更できてるけど記事ごとのファビコンは変更されてない。

なぜじゃ???

トップページのファビコンはばっちり変わってるけども

記事ページいくとファビコンが表示されない。

いろいろ他のコードいじってみたり

ごそごそごそごそ3時間。

 

 

どうやら1箇所貼り付けるだけではダメなようで

もう1箇所追加しました。

貼り付けるコードは

<LINK REL=”SHORTCUT ICON” HREF=”画像アップロードした際にメモったURL“/>

ファビコン用の画像をアップロードした際にメモったURLを上記の赤字のところに貼り付けたものを

さっき貼り付けたもうチョイ下の方の

<?php } else { ?>
<?php } ?><LINK REL=”SHORTCUT ICON” HREF=”画像アップロードした際にメモったURL“/>
</head>
<body <?php body_class(); ?>>
<!– アコーディオン –>
<nav id=”s-navi” class=”pcnone”>

上記の場所に追加です。

これでなんとかファビコン設置完了です。

これが正解なのかどうかわかりませんが

最初の1箇所だけではうまく設置できず2箇所いじることになりました。

誰もそんなこと書いてなかったけどな~

 

 - ワードプレス , , ,