ブログ「部長ナビ」・「寝ログ」を参考にSimplicityをカスタマイズ

再びWordPressテーマのSimplicityのカスタマイズに取り組みました。前回同様に、参考にしたのは「部長ナビ」と「寝ログ」です。

部長ナビのページ
Apple製品を中心としたガジェットレビュー、企業提供サンプルレビュー、長期連載シリーズ、教育系記事、闘病記事、糖質制限ダイエット、加圧トレーニング、子育て、岩手の話題、スキー、モーグルについて書いてます!
寝ログ
寝ながら出来るコトや使えるモノを紹介

Twitterシェア数表示の改善

まず、最初に取り組んだのは、前回失敗してしまったTwitterシェア数の表示です。これは、Simplicity2.0.1ベータ版から機能として追加されていました(前の記事に追記しました)。

Simplicity2.0.1ベータ版公開。ツイート数表示機能追加、ユニバーサルアナリティクスに対応、広告の不具合修正【重要】
Simplicityを2.0.1にバージョンアップしました。 今回、2.0.0でアドセンス広告が条件によっては、4つ表記されてしまう不具合があったので、取り急ぎ修正して公開します。2.0.0βをご利用の場合はアップデートしてください。 今

ということで、私がやったことは、Simplicity2のベータ版にしたことです。

スポンサーリンク

SNSシェア総カウント数の表示

これは、「部長ナビ」を参考にして、このとおりに行いました。

Simplicityで「SNSシェア総カウント数」をカッコよく表示する方法 | 部長ナビのページ
こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております! ブログスタッフ「ちゃぼP」の指導の下、師匠のg.O.R.iさん風の「個別SNSシェア数」ではなく「SNSシェア総カウント数」を表示する方法をお伝えします。 ↑このカスタマイズの後に「SNSシェアボタンを大きく...

親テーマにある次の対象ファイルにコードを追加する作業も必要なのでちょっとドキドキです。

・「sns-buttons-balloon.php」

・「sns-buttons-icon.php」

また、SNSシェアボタンの拡大も行いました。

SimplicityでSNSシェアボタンをCSSのみで大きくする方法 | 部長ナビのページ
こんにちは。部長ナビ(@nabi_1080)です Simplicityのカスタマイズで、「SNSシェア総カウント数」を表示する方法を紹介しました ここで、「シェアボタンが小さい」というご意見を頂戴しましたので、調べてやってみたら出来ました。CSSを追記するだけの簡単カスタマイズなのでやってみてくださいね できあがり こ...

アクセスランキングの順位表示など

「部長ナビ」のSimplicityカスタマイズの記事にあったコードをStyle.cssに貼り付けました。

【WordPress】Simplicityのカスタマイズまとめ | 部長ナビのページ
この記事は2015年11月24日にSimplicity1でアップしたものを、「Simplicity2」版として再編集、再アップしたものです。Simplicity1系との違いは記述していますので、そちらを参照してください(2016年3月20日、4月7日追記、5月14日修正) こんにちは。WordPressにてテーマ「Si...

しかし、見出し表示がうまくいかなかったり、少し大きすぎる感じがしたりしたので、コードのほんの一部を変更しました。また、「続きを読む」や「アクセスランキング順位」表示の色もグリーン系に変更してみました。

Facebookページの「いいね!」ボックス設置

これも「部長ナビ」の記事のとおりに作業を行いました。オリジナルの表示でもいいのですが、「部長ナビ」で紹介されているデザインはさらに引き締まった感じになります。

SimplicityでFacebookページの「いいね!」ボックスを設置する方法 | 部長ナビのページ
こんにちは。部長ナビ(@nabi_1080)です 【関連】部長のFacebook本アカウント(友達限定投稿) Facebookページの「いいね!」は、SNS拡散が必要なWordPressにおいて非常に重要な意味を持つと思っております SimplicityにはデフォルトでFacebookページの「いいね!」のボックスがあ...

まとめ

親テーマで変更した箇所もあるため、テーマのバージョンがあがると、その部分は訂正が必要です。その時のために、今回行ったSimplicityのカスタマイズの内容をまとめました。

また、時間を見つけて、少しずつカスタマイズしていきたいと思います。

この記事をお届けした
「bibalogue」の最新ニュース情報を
“ いいね してチェック!
スポンサーリンク