*

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.」をクリック。

 

ダッシュボードのプラグインページから「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

関連記事

no image

ちょっとミャンマー行ってきます。

ホワイトボード云々を書こうと思っていたら、あっという間に一週間が過ぎてしまいました。  もともと私は

記事を読む

no image

ミャンマー、韓国、一五一会、マレーシアな11月。

 ミャンマーでの強烈な体験がいけなかったのか、出国前の尋常じゃない仕事ぶりが仇になったのか、10月か

記事を読む

no image

音楽やる人にはたまりません、楽器フェア

 先日、取材でパシフィコ横浜へ行ってきた。  この時期パシフィコ横浜といえば、タイトルにも書いたとお

記事を読む

no image

【守備範囲拡大】とうとうダンスへ。

 8月のほとんどをぶっ潰し、取材と執筆に明け暮れた本がついにできた。 「NHKチャレンジ・ホビー 

記事を読む

no image

一見、回り道のような経験も無駄にはならない(後編)

その布石は、まだ私が普通のサラリーマンをしていた、日本盛時代にあった。 メーカー、卸、小売には、酒

記事を読む

楽譜集の自費出版を考えている人のための、著作権処理と編集業務について

2年ほど前に『尺八ポップス樂曲集ハ調ベース85選』という楽譜本の著作権処理をした際、「10月のお仕事

記事を読む

「何のようぞ」の心で大日本帝国海軍の本を編集しました

ユーキャンから発売されたDVD「大日本帝国海軍」の鑑賞ガイドを編集しました。 興味のある方はこ

記事を読む

伊藤檀「自分を開く技術」でサッカー本大賞2017の優秀作品賞、読者賞を受賞しました

2000年に楽譜の出版社に転職し、そこから私の編集者人生はスタートしました。 独立後は、楽譜か

記事を読む

no image

もうじき校了

先週末、NHK趣味悠々テキストの入稿を終えた。 午後の1時過ぎに編集部へ入り、机に座って校正作業&

記事を読む

no image

沖縄三線で弾く 島唄弾き語りベスト20 Vol,3 制作開始

三線(さんしん)と一五一会(いちごいちえ) 今日から3月、さっそく新しい仕事に取りかかります。 私

記事を読む

PR

Message

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PR

2020年1月21日(火)@赤羽/新宿二丁目ママ歴27年、涼ママの歌とトークと焼肉ホルモンde笑ってナイト、大盛況でした。

 久しぶりのイベント復帰、どんなことになるだろう……と思いつつ、フタ

2020年1月21日(火)@赤羽/新宿二丁目ママ歴27年、涼ママの歌とトークと焼肉ホルモンde笑ってナイトをプロデュースします。

 あっという間に2019年が過ぎ去り、2020年入り。 明けましてお

小林家と居倉家の対面について書かれた福島民友新聞社の記事。
小林家のファミリーヒストリー 〜信州から会津に行ったご先祖様〜

NHKに「ファミリーヒストリー」という人気番組がある。 毎回、ひ

出版不況の中、デジタルオンデマンド印刷の登場は、業界をどう変えるのか?
出版不況の中、デジタルオンデマンド印刷の普及で出版界はどう変わる?

このところ、本の雑誌社の杉江さんと「おとなの社会科見学」が続いている。

レンガ状に配置された「Project」。今回、会社のサービスを紹介する場所に使いました。
WPテーマ「Perth」の設定で困ったこと③プロジェクトが表示されない!

先日、会社のホームページをリニューアルしました。Wordpressの「

→もっと見る

  • 2023年2月
     12345
    6789101112
    13141516171819
    20212223242526
    2728  
PAGE TOP ↑