SimplicityでSNSシェアボタンの色を変えるのは超簡単だった。心の健康サイトマップ海外FX口座でフルロットでトレードし続けたら1万円は何日で1億円に化けるか、計算してみた。ホームブログの話SimplicityカスタマイズSimplicityでSNSシェアボタンの色を変えるのは超簡単だった。2017.11.14Simplicityは人気のテーマなので、少しデザイン面をいじって使わないと、ユーザー目線に立ったときに“見飽きた感”があります。いってデザインを大きくいじるのは大変。いうことで、“飽き”に大きく影響する「記事下のシェアボタン」の雰囲気を変えてみました。いってもただ色を変えただけです。Simplicityのカスタマイザーから設定できる数種類の選択肢だけでは多くの人と雰囲気が被ってしまうので、ボタンの色を全部濃い目のグレーにしてみました。これだけでかなり雰囲気が違ってくる気がします。私と同じように「この辺の見た目がみんな一緒でつまんないんだよね」と感じている人も多いと思うので、今回やったボタンの色の変更の仕方を紹介します。面倒くさそうと思って後回しにしていましたが、いざ手を付けてみると拍子抜けするぐらい簡単な記述を加えるだけで済みました。私と同じ色でよければコピペするだけで終了です。Simplicityのシェアボタンの色変更SimplicityテーマがSNSシェアボタンのデザインをどうやって制御しているのか分からなかったので面倒くさそうと思っていましたが、色については単純にstyle.cssで設定されていました。こちらが当該箇所の元のCSS。6px;}これの「#~」の部分を適宜好きな色のコードに変更するだけです。子テーマにコピペしてカラーコード部分だけ変えてやればOKです。私のように濃い目のグレーにする場合、全部のボタンのCSSをそのまま変更すると次のように。6px;}ただこれだと、元からカラーコードが#555だったコメントボタンも再度同じ指示を記述していますし、使っていないボタンの色も指定しています。余計な記述を増やしたくないので、実際には私の場合は次のように少しスリムな記述を子テーマに加えました。a.feedly-btn-icon-link{background-color:#555;}EvernoteやPush7、それからコメントのボタンに関する記述を削除しています。おわりSimplicityテーマは本当に良いテーマだけど、デザインが人と被りやすいという点だけはどうしてもネックですね。私は過去にいつくも有料テーマを買って浮気してきましたが、結局Simplicityに戻ってきています。今まで買ったどのテーマよりもSimplicityの方が高機能です。普通、有料のものの方が機能性が高くて、でも他に好きなデザインがあって...となりそうなものですが、日本市場におけるWordPressテーマに関してはテーマ作者わいひらさんのお陰で不思議な現象が起きていますw有料テーマを買う理由はデザインの良さだけ。その良いデザインだって、自分が良いと思うものは人も良いと思うことが多いので、半年や1年後には巷に溢れた普通のブログデザインになってしまいます。ありふれたデザインで、機能面で無料のSimplicityに劣っていたら......つまんないですよね。結局Simplicityでいいじゃんってなってしまいます。テーマ購入に計10万円ぐらいは使って、それでも結局無料のテーマに戻らせるんですから、Simplicityってのはすごいものです。日本のFXトレーダーに最も使われている海外口座XMが今、全員受け取れる50万円までの入金ボーナスを実施しています。【2017最新】独自ドメインのメールをGmailで送受信できるよう設定する方法の解説。2017.11.12Simplicityカスタマイズ関連記事の“抜粋文”と“記事を読む”を消してすっきりさせてみました。2017.11.15ブログの話Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。『ちゃんりおメーカー』でブログのプロフ画像を作ってみた。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。何もせずそのまま審査リクエストして問題解決。2018.01.08Simplicityでブログカードが表示されない時に確認してみてほしいこと2017.12.06今更ながら『ちゃんりおメーカー』でブログのプロフ画像を作ってみた。著作権は大丈夫か!?2017.12.02ツイッターをPCでアカウント切り替えて使う一番簡単な方法2017.11.282019.11.01【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。サイドバーのみの設定も可2017.11.18Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28【Simplicity】SNSシェアボタンを少し小さくサイズ変更。CSS例を紹介2017.11.15ぴらひこブログが大好きなFXトレーダー。DMMとXM使ってます。プロフ画像はちゃんりおメーカーで作りました。何かお問い合わせなどありましたらこちらのメールフォームからお願いします。ひこをフォローする5カテゴリ別の人気記事Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28Twitter検索の自分用メモ。「リンクURL付きツイート」などを除外して検索する用2017.06.032017.11.12Macで位置・範囲を“固定”してスクショを何枚も撮る方法。何もせずそのまま審査リクエストして問題解決。2018.01.08Simplicityでブログカードが表示されない時に確認してみてほしいこと2017.12.06今更ながら『ちゃんりおメーカー』でブログのプロフ画像を作ってみた。著作権は大丈夫か!?2017.12.02ツイッターをPCでアカウント切り替えて使う一番簡単な方法2017.11.282019.11.01【Simplicity】ブログカードの本文抜粋を消すCSSの書き方。サイドバーのみの設定も可2017.11.18Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28【Simplicity】SNSシェアボタンを少し小さくサイズ変更。CSS例を紹介2017.11.15ぴらひこブログが大好きなFXトレーダー。DMMとXM使ってます。プロフ画像はちゃんりおメーカーで作りました。何かお問い合わせなどありましたらこちらのメールフォームからお願いします。ひこをフォローする5カテゴリ別の人気記事Twitterでフォロワーが少なくてもインプレッションが増えるツイート方法。【事例と考察】2017.11.172017.11.28Twitter検索の自分用メモ。「リンクURL付きツイート」などを除外して検索する用2017.06.032017.11.12Macで位置・範囲を“固定”してスクショを何枚も撮る方法。Air徹底解説30未分類1タイトルとURLをコピーしました。