WPテーマ「Perth」の設定で困ったこと②アイコンが表示されない!
会社のホームページのリニューアルで、Wordpressの「Perth」というテーマを選んだところ、日本語のセットアップ情報が皆無で、右往左往した話の第2弾です。
>>前話「WordPressのテーマ「Perth」のセットアップで困ったこと①「サービスを入力してください」ってどこによ!」を読む
やっとのことでサービスの投稿ができるようになったと思ったら、新たなトラブルに見舞われました。
「Perth」のテーマに決めた大きな理由の1つである、クルクル回るアイコンが表示されないのです。
サービスの入力画面でアイコンを選ぶ
サービスのアイコンは、サービスについて一とおり書いてから、入力画面の下にある「Service icon」の欄に、専用のコードを入力することで表示できます。コードの形式は「fa-xxxxx」のように、冒頭に「fa-」をつけます。
「fa-」に続く「xxxxx」の部分は、アイコンの一覧のなかから選びます。
アイコンの一覧を表示するには、「Service icon」の欄に表示されている「Example: fa-android. Full list of icons is here.」の文章のhereの部分をクリックします。すると、アイコンの一覧に飛び、ここから選ぶことができるのです。
なお、このアイコンはFont Awesomeというサービスを使っており、無料版は選べるアイコンが限られています。画面上部の「icons」というところをクリックすると、無料で使えるものは濃い色で、Pro版(有料)でのみ使えるものは薄いグレーで表示されるので、一発でわかります。
無料のなかから自分のサービスにふさわしいアイコンを選んで、文字をコピーします。
たとえば、上の画像の左上にあるアイコンを使いたい場合は、アイコンの下に書かれている「500px」ををコピーします。その後、先ほどのサービスの入力画面に戻り、Service iconの欄に、「fa-」に続けてペーストして、「fa-500px」と記述します。
これで、無事アイコン完成!
と思ったら・・・、アイコンによって、正しく表示されないものがあるじゃないですか!
せっかくサービスの内容にぴったりのアイコンだと思って選んだのに、表示されないとはがっかりです。
クルクル回らないし。。。
どうしたもんかと、公式forumの英語の森をさまよってみると、同様の悩みを抱えた同士が質問していました。
https://forums.athemes.com/t/service-icon-problem/7610
プラグインを入れ、コードを入力する!
結論から言うと、「Header and Footer Scripts」というプラグインをインストールし、有効化。
その上で、ダッシュボードの設定から「Header and Footer Scripts.」をクリック。
Scripts in header:の欄のなかに以下のコードをペーストします。
<link rel=’stylesheet’ href=’https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css’ type=’text/css’ media=’all’ />
どうやら、Perthのテーマに入っているFont Awesomeのバージョンが古いようで、最新のフォントに対応させるため、コードを読み込ませる必要があるみたいです。
(2018年2月現在では、Font Awesomeのバージョンは、5.0.6まで上がっているみたいなので、上記のコードの4.5.0の部分を5.0.6に変えたほうがよいかもしれません)
これでなんとかアイコンが表示されるようになりました。
(実はこれをやってみても、表示されないアイコンが一部あったのですが、ほかにも似たようなアイコンがあったので、それで代用し、これ以上深入りしないようにしました。。。(汗))
ということで、Perthをカスタマイズするなかで、サービスのアイコンが表示されずに困っている人は、ぜひお試しください。
PR
関連記事
-
-
ちょっとミャンマー行ってきます。
ホワイトボード云々を書こうと思っていたら、あっという間に一週間が過ぎてしまいました。 もともと私は
-
-
ミャンマー、韓国、一五一会、マレーシアな11月。
ミャンマーでの強烈な体験がいけなかったのか、出国前の尋常じゃない仕事ぶりが仇になったのか、10月か
-
-
音楽やる人にはたまりません、楽器フェア
先日、取材でパシフィコ横浜へ行ってきた。 この時期パシフィコ横浜といえば、タイトルにも書いたとお
-
-
【守備範囲拡大】とうとうダンスへ。
8月のほとんどをぶっ潰し、取材と執筆に明け暮れた本がついにできた。 「NHKチャレンジ・ホビー
-
-
一見、回り道のような経験も無駄にはならない(後編)
その布石は、まだ私が普通のサラリーマンをしていた、日本盛時代にあった。 メーカー、卸、小売には、酒
-
-
楽譜集の自費出版を考えている人のための、著作権処理と編集業務について
2年ほど前に『尺八ポップス樂曲集ハ調ベース85選』という楽譜本の著作権処理をした際、「10月のお仕事
-
-
「何のようぞ」の心で大日本帝国海軍の本を編集しました
ユーキャンから発売されたDVD「大日本帝国海軍」の鑑賞ガイドを編集しました。 興味のある方はこ
-
-
伊藤檀「自分を開く技術」でサッカー本大賞2017の優秀作品賞、読者賞を受賞しました
2000年に楽譜の出版社に転職し、そこから私の編集者人生はスタートしました。 独立後は、楽譜か
-
-
沖縄三線で弾く 島唄弾き語りベスト20 Vol,3 制作開始
三線(さんしん)と一五一会(いちごいちえ) 今日から3月、さっそく新しい仕事に取りかかります。 私