*

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

DVDとセットで楽しめる。ユーキャン「日本の世界遺産」鑑賞ガイドの改訂版を編集しました。

日本に世界遺産はいくつあるでしょう? 正解はこちら。 【日本の世界遺産】 ●文化遺産 1

記事を読む

no image

知らない世界に飛び込む面白さ

 例のサイゾーのセミナーの後、新宿へ向かった。  大学時代の後輩が主催した新年会に参加するためである

記事を読む

no image

なまこ石鹸はこうやって作られる!in Malaysia

 知り合いのプリ社長から頼まれ、百貨店の売り場用に流す映像の編集をする。  ものは「なまこ石鹸」だ。

記事を読む

no image

偉大なトランペッターたち

 次号の「SAX&BRASSマガジン」の締切が迫ってきた。  連載している「管楽器好きなら一度は吹い

記事を読む

no image

久しぶりのマレーシア

 今日から、25まで取材でマレーシアに滞在中。  今回はマレーシアのブランドBONIAの新作お披露目

記事を読む

no image

限界に挑戦してみると…

5月はいろんな締切が重なり、GW明けから気力全開で働く。 気がつくと、昨日まで22連勤。 数回の飲み

記事を読む

no image

邦楽ジャーナルの原稿

今日は「邦楽ジャーナル」の「こだわり教えて下さい」の原稿を執筆。 「邦楽ジャーナル」は日本の伝統芸

記事を読む

アコギの神様のコンプリート本、『石川鷹彦WORKS II』を編集しました。

去年の9月から制作にあたっていた本が8月末に出版された。 『石川鷹彦WORKS Ⅱ』マットブ

記事を読む

no image

やっとこCS4を入れてみた

  アップルとアドビのフラッシュを巡るいざこざは、傍観者からすると  「アップル、そこまでしなくても

記事を読む

no image

祝!平成20年度 文化庁芸術祭、大賞受賞!

 弊社が企画、構成を担当し、10月23日に王子ホールで行われた「酒井松道尺八リサイタルー尺八の系譜ー

記事を読む

PR

Message

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

PR

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

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

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

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

WPテーマ「Perth」の設定で困ったこと②アイコンが表示されない!

会社のホームページのリニューアルで、Wordpressの「Perth」

ダッシュボードに「Service」の文字が! その他、Perthのセットアップに必要な、ProjectやEmployeesなども表示された。
WordPressのテーマ「Perth」のセットアップで困ったこと①「サービスを入力してください」ってどこによ!

ここ数年の懸案事項だった会社のホームページを、ついに先日リニューアルし

プロでもぶっつけ本番で納得のいく文章を書くのは難しい……
1発で決めようと思うな!〜文章も写真もプロの作品のウラには大量のボツがある!

これは、子どものころ、自分も思っていたことなので、ぜひ書いておきたいと

→もっと見る

  • 2018年8月
    « 4月    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
PAGE TOP ↑