*

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

あっ、決算月だった・・・。

 2008年に入ってから、とにかく月日が早い。あっという間に4月だ。  去年から取りかかっているユー

記事を読む

no image

久しぶりの三線スコアのお仕事でした

「沖縄三線で弾く ビギンの唄本 オモトタケオのがベスト」 (ドレミ楽譜出版社 1500円+税) 三線

記事を読む

【備忘録】iPhoneのメッセンジャーに届いたPDFファイルを、iPhoneのメールで転送する方法

先日、知り合いとFacebookのMessengerを使ってやりとりしていたときのこと。 知「

記事を読む

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

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

記事を読む

買ったらすぐに使いたい!でもマニュアルは分かりづらい!という人のための、スタートガイド。ある意味「わかりやすく説明する」というノウハウの最終形ともいえる。

商品マニュアルはなぜ分かりにくいのか?〜編集スキルの応用で解決!〜

このところ、楽譜出版物の編集が少なくなってきたかわりに、思いがけない方向へ進んでおります。

記事を読む

no image

弊社、蚊帳の外です

 アメリカのサブプライムショックに端を発した世界同時不況は、日本の経済にも大きな影を落としているわけ

記事を読む

止まらない音楽のデジタル化と、出版楽譜業界のジレンマについて思う。

ヤマハが開発したアプリ「Chord Tracker」についてFacebookに投稿したところ、いろん

記事を読む

やっときた“Amazon Echo” 到着から開封、設置まで。アカウント統合した人は要注意。

遅ればせながら、AmazonのEcho(エコー)が来たので、その様子を備忘録として。 最後の最

記事を読む

no image

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

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

記事を読む

no image

一五一会スコアマガジン Vol.5

  今週はドレミ楽譜出版社より発刊されている季刊誌「一五一会スコアマガジン」の春号を製作中です。 一

記事を読む

PR

Message

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

PR

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

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

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

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

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

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

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

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

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

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

→もっと見る

  • 2019年2月
    « 12月    
     123
    45678910
    11121314151617
    18192021222324
    25262728  
PAGE TOP ↑