Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

wordpress

ファビコンをワードプレスに設定する方法「手順つき」

投稿日:

Pocket

 

うも、チャーさんです。

 

あなたはファビコンをワードプレスに、

設定し表示させたいですか?

 

この記事では、ファビコンをワードプレスに、

設定させる方法を紹介しています。

 

 

なので、あなたがこの記事を読めば、

あなたのサイトにもファビコンを表示させることが、

できるでしょう。

 

ということで、ファビコンを表示したいならば、

このまま下にスクロールし読んでください。

 

スポンサードサーチ

ファビコンをワードプレスに設定するには

 

ということで結論からです。

 

 

ファビコンをワードプレスに設定する方法は、

 

ワードプレスのheader.phpの</head>タグの前に、

<link rel=”shortcut icon” href=”画像のURL”>

を書きましょう。

 

すると、ワードプレスにファビコンを設定できます。

 

 

ということでここからは手順を

補足説明していきます。

 

手順1:ファビコン画像を用意しましょう

 

まずは手順1として、ファビコン画像を用意しましょう。

 

ファビコン画像の作り方は、記事で書いたので、

ファビコン画像を用意する際に参考にしてください。

 

ファビコンの作り方「自作したい人向け」

 

手順2:ファビコンをアップロードしましょう

 

次に手順2として、ファビコン画像(画像名.ico)が

用意できたら、それをワードプレスの、

管理画面のメディアからアップロードしましょう。

 

その際に、アップロードした画像の

URLが表示されるので、そちらをコピーして

おいてください。

 

 

理由はこの画像を、header.phpに

書き込むことでファビコンを表示できるからです。

 

なので、ワードプレスにアップした、

画像URLはコピーしときましょう。

 

 

手順3:header.phpに書きましょう

 

で次に手順3として、ワードプレスの管理画面の、

外観>テーマの編集をクリックし、

header.phpを編集しましょう。

 

header.phpの編集画面になったら、

</head>タグを探し、</head>タグの、

直前に、

 

<link rel=”shortcut icon” href=”画像のURL”>

を書きましょう。

 

 

画像のURLの部分は、ワードプレスのメディアから、

画像をアップロードした際に、表示された、

画像のURLを書きましょう。

 

そして上記をかけたら、

ファイルを更新の青いボタンをクリックし、

書いた内容を保存しましょう。

 

 

あとは、ファビコンがちゃんと表示されるか、

チェックしましょう。

 

ファビコンは、ブラウザのタブの左側に、

表示されます。

 

 

またすぐに表示されなくても、

反映されるまで少し時間がかかることもあるので、

表示されなくても3〜5分ぐらいは待って、

 

また再びサイトを開き更新ボタンなどをクリックして、

ファビコンが表示されるか確認しましょう。

 

 

スポンサードサーチ

まとめ

 

それではまとめに入ります。

 

ファビコンをワードプレスに設定する方法ですが、

ワードプレスのheader.phpの、</head>タグの上に

<link rel=”shortcut icon” href=”画像のURL”>

 

を書きましょう。

 

 

ちなみに上記の記述は、</head>タグの真上じゃなくて

<head>タグ内であれば動きます。

 

が場所的にわかりやすい方がいいので、

</head>タグの手前あたりに書いときましょう。

 

 

さて、これであなたもファビコンを、

ワードプレスに設定する方法がわかったと思います。

 

設定すればあなたのサイト運営が楽しくなるので、

ぜひ今すぐやってみてください。

 

 

それでは、読んでもらってありがとうございました。

 

チャーさん

 

-wordpress

スポンサードサーチ

関連記事

no image

wordpressの記事ページをカスタマイズする方法

どうも、チャーさんです。   あなたはwordpressの記事ページ、 (投稿で書いて公開したら出てくるページ) をカスタマイズしたいと思ってますか?   この記事では、wordp …

no image

wordpressで条件分岐でcss(デザイン)を切り替える方法

どうもチャーさんです。 あなたはwordpresで、条件分岐させて、 css(デザイン)を切り替えたいと思っていませんか?   ページごとに違うデザインを施せるように したい、そう思っていま …

no image

wordpressにメニューを追加する方法「解説画像つき」

どうも、チャーさんです。 あなたはwordpressのメニューを追加する 方法を探していますか?   この記事ではwordpressのメニューを追加する 方法を書いてますので、あなたがこの記 …

no image

ワードプレスの管理バーを非表示にする手順

どうも、チャーさんです。   あなたは、ワードプレスの管理バーを、 非表示にする方法を探していませんか?   ワードプレスの上の黒いバー(管理バー)が、 重なって困る。。と思ってい …

no image

wordpressのテーマのcssを編集する方法。3分でマスターできます。

どうも、チャーさんです。 あなたはwordpressのテーマのcssを編集したいですか?   この記事では、あなたの好きなように、 wordpressのcssを編集する方法を説明してます。 …

no image

wordpressで閲覧できませんを解決した方法

どうも、チャーさんです。   あなたはwordpressで記事を公開しようとしたら、 閲覧できません(Forbidden Access)と出て、 困ってたり、解決策を探してませんか? &nb …

no image

wordpressのメニューをカスタマイズする方法「コピペ可能」

どうも、チャーさんです。   あなたはwordpressのメニューを カスタマイズしたいと思ってませんか?   この記事ではメニューをカスタマイズし 画像を表示させる方法、またメニ …

no image

wordpressで現在表示ページのメニューにcurrentクラスをつける方法

どうも、チャーさんです。   あなたはwordpressのメニューにcurrentという、 クラス名を現在表示してるページのメニューにだけ、 つける方法を探していませんか?   こ …

no image

wordpress popular postsでまだデータがありませんが解決し人気記事が表示された方法

どうも、チャーさんです。   あなたはwordpress popular postsが、 動作せず困っていませんか?   ちゃんとアクセスはあるのに、 まだデータがありません。と表 …

no image

wordpressの画像のurlを取得する方法

どうも、チャーさんです。 あなたはwordpressの画像のurlを取得する方法を、 探していますか?   この記事では、wordpressの画像のurlを取得し、 表示する方法を書いていま …

no image

wordpressのメニューを階層にしたいなら読んでください。

どうも、チャーさんです。   この記事ではwordpressのメニューを、 階層化する方法、   また、階層化できない場合の対策 (サイトに階層メニューが表示されない) を書いてい …

no image

wordpressのショートコードの作成方法と使い方

どうも、チャーさんです。 あなたはショートコード(wordpressの)ってなんだ? と思ってませんか?   この記事では、wordpressの ショートコードとは何か、そして ショートコー …

no image

wordpressで右クリックを禁止する方法「簡単です」

どうも、チャーさんです。   あなたはブログ上での、 右クリックを禁止したいと 思っていませんか?   せっかく書いた記事をコピペされたくない、 そう思っていませんか? &nbsp …

no image

ドロップダウンメニューが動かない問題を解決した方法「wordpress」

  どうも、チャーさんです。   あなたはwordpressのドロップダウンメニューが、 動かないと悩んでいませんか?   この記事では、ドロップダウンメニューが、 ある …

no image

wordpressの固定ページにのみif文を使って処理を行う方法

どうも、チャーさんです。 あなたはwordpressで固定ページにのみ、 if文を使って処理をする方法を探してますか?   この記事では、wordpressの固定ページにのみ、 if文を使っ …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。