賢威7のソーシャルボタンを軽く可愛くカスタマイズしたいんです!

賢威7の初期のまんまのソーシャルボタン

なんていうか・・・表示されるの遅いんですが。
重いんですか?

これ・・・軽くしたいなぁ・・・さらに可愛くなればなおさら良し♪


賢威7のソーシャルボタンは賢威6と違って設定変更しないと
表示されないんですが。

その表示方法は先日ご紹介したコレです




無事ソーシャルボタンが記事に出てきて一安心・・・したんですけどね。
コレ・・・何度か見て気づいたんですが。

表示されるの遅くない?




これです、これ。
表示できたのは嬉しいんですが。
初めて見た時、テキスト表示で他の人と違うな・・・と思ったら
ちょっと経って読み込まれてこの表示になりました。


ああ、読み込みに時間がかかってたのか・・・これ。
さっと表示されないと・・・なんかなぁ・・・(;・∀・)


表示が遅いと私みたいなせっかちさんはもう知らん!って
ページ閉じちゃうかもしれないしね(笑)

出来る手は打ちたいわけです。
というわけで、このソーシャルボタンなんとか変えたいんだが。

いかがなものか。


というのも。
何度か公開されているコードを張り替えることで
変更を試みたんですが・・・デザインが崩れてしまって・・・失敗

しかし諦め切れません・・・!
そんな時に先日ご紹介したプラグインでテーマを直接いじらなくても
CSSの変更が出来る事がわかったんですね(´∀`)




このプラグインを導入する事で専用のコーナーを別に
用意する感覚ですかね(´∀`)

実際にこのプラグインを使って変更をかけたら・・・成功したので
ご紹介しました!

元々はこのソーシャルボタンを可愛くしたいと思って
その方法を探した結果見つけたプラグインだったんですよ(笑)

ダメなら消せばいっか・・・という気持ちで入れて設定したら・・・


キタ━━━━━━━━m9( ゚∀゚)━━━━━━━━!!


ありがとうございます、ありがとうございます。
やりました!!

そんなソーシャルボタンを可愛く出来る方法を
参考にさせてもらったのがこちらのブログ様。

ありがとうございますm(。_。;))m ペコペコ…

 ⇒賢威7のソーシャルボタンをオシャレにカスタマイズする方法


管理されている結城おさむさんは
張り替えるだけのコードを紹介されているので、
自分で考えるのは無理って方はぜひご参考に♪


私もちゃんと変更が出来たので大丈夫です(笑)

コード自体はこちらのブログを参考にしてもらうとして。
流れだけご紹介させて頂きますね。


ソーシャルボタンを変更する為に次は先ほどのプラグインを入れてある前提で、
次は「外観」の「テーマの編集」を選びます。




ワードプレスを構成するPHPプログラムがずらりと並んでいます。




今回はその中のひとつ「social-button2.php」をぽちっと




すでになにやら書いてありますが。
この初期の内容をずばっと全て消します。




はい、消えた(笑)
新しいコードを貼り付けるのですが、上書き保存とかでもいいんですが。
もし万が一コードの端っこでも残ってそれに気づかなかったら

デザインが崩れる原因になります。
そして気づきにくい(;・∀・)

なのでこの手の変更で丸々変更する時には一度きれいに消してます。


ちなみに。
消した内容自体は元に戻したいときのためにテキストか何かに貼り付けて
保存しておくと安心です。
バックアップ~♪


次に消えた場所に新たにコードを貼り付けるのですが。
それは先ほど紹介したブログにあるのでコピペしてね。




丸のまま全部コピーして貼り付けます。
それから更新ボタンを押して保存!

これを忘れないで下さいね!


次は・・・さっき入れたプラグインの出番です!!




「外観」⇒「カスタムCSS」をポチッと押すと専用の画面が




もちろん入れる中身は先ほどのブログに紹介されているので
ありがたくコピペでお借りしました(-∧-;) ナムー

ありがたいです。




貼り付け終わったらちゃんと最後に「カスタムCSSの更新」をポチッと
保存はしっかりしてね!


さてさて・・・初期のソーシャルボタンがどうなったかというと・・・
こう!m9っ`Д´) ビシッ!!




キタ━━━━━━━━m9( ゚∀゚)━━━━━━━━!!
出来たー出来たー!

めっちゃ嬉しいΣ(゚∀゚ノ)ノキャー
参考にさせて頂いたブログの管理人様ありがとうございます。

野望1つ叶いました(笑)

6 Responses to “賢威7のソーシャルボタンを軽く可愛くカスタマイズしたいんです!”

  1. こんにちは!

    咲月さん、ブログのカスタマイズすごいし
    記事を拝見していると、ドンドン
    スキルが上がっていくので
    尊敬の目で見ています。

    私は怖くてあまりカスタマイズしてないですが
    もしカスタマイズすることになったら
    参考にさせてくださいね。

    これからもよろしくお願いいたします。

    応援して帰りますね〜

    • ロコさん、こんにちわ

      ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ
      ありがとうございます!

      いえいえ、でも私カスタマイズができるほどには
      CSSとかPHPの知識がないので自力では無理なんですが。

      ネットではコピペするだけのコードを公開している方が
      ちょこちょこ入るので・・・参考にさせてもらいました。

      でも知識があるわけじゃないので。
      ちゃんと書かれてるように張り替えたつもりなのに
      何か間違ってるのかサイドバー落ちるというのはよくあります(笑)

      今回もちょっと四苦八苦しましたが・・・
      あるプラグインの力を借りたらちゃんと表示されたので
      喜んだのですが・・・でも結局ダメだった理由はわかりません(笑)

      結果的に出来たからいっか(・∀・)みたいな?



      特に賢威はカスタマイズが前提の応用が利くという
      テンプレートなのでカスタマイズで個性を出すというか
      整備しないと非常にこう・・・シンプルすぎて使いにくいというか。


      賢威で勉強しながらカスタマイズする商品と言うか。
      何よりこういうカスタマイズがしたいと思って、
      カスタマイズ相談?の掲示板のツリーを探すのですが、
      回答されている方が言われてる意味がわからない。


      分かる前提で書き換えるコードを回答されるので、
      それをどこに入れたらいいのかわからなかったりww


      それ以前の問題・・・_| ̄|○
      なんて事によくなるのが賢威テンプレート・・・だと思います。

      実際に買ってみて・・・しみじみ思いました。



      カスタマイズに挑戦しよう!ってなった時には、
      まずはそのままのコードをテラパッドとかにコピペして
      保存してから始めてくださいね~!

      もし何かあっても元に戻せばいいので。
      面倒ですが・・・保険はあったほうが安心ですよーっ!!

      経験者は語ります(笑)

      応援ありがとうございます!
      またお邪魔させて頂きますね。

  2. こんばんは、大本です。
    (^^)

    このソーシャルボタン、いいですね!

    前の記事を参考にさせてもらって
    ソーシャルボタンの表示は
    できましたが、確かになんか
    全部表示されるまでが遅いですね。

    今回の記事も、ぜひとも参考に
    させてもらいます!

    私のブログでも、ソーシャルボタンを
    カッコよく表示させたいなと思います。

    すぐにはできないので、また次に
    時間作れたときにしようと思います。

    それでは、応援して帰ります!
    (^^)/

    • 大本さん、おはようございます。
      コメントありがとうございます!

      いいですよね、このボタン!!
      初めて見たときΣ(゚∀゚ノ)ノキャーってなりました(笑)

      シンプルでそれで居て目立つし見やすいし、
      何より表示のスピードが速い(;´∀`)

      神か!

      その気になってる時に出来ないと
      別にいっかー・⌒ヾ( ゚⊿゚)ポイッってなっちゃう危険があるので。

      打てる手はぜひ打ちたいですよね!
      ぜひぜひソーシャルボタンの装飾頑張って下さい!

      そのまま貼り付けてもいいんですが、
      紹介しているプラグインの力を借りるとさくっと
      出来ましたのでそちらも参考にしてくださいませ♪

      応援ありがとうございます。
      私もお邪魔させて頂きますね!

  3. ミオさんこんちは~^^

    しょへです。

    この記事を見てさっそく変更してみましたあああ!

    表示速度や拡散されやすさももちろんですけど
    なんと言っててもこのデザインがいいですね。
    ブログ自体が華やかな印象になって愛おしいです(笑)

    あとマウスポインターを乗せたときに
    「ペコッ!!!」ってなるのが好きで
    もう何時間でも「ペコッ!!!」ってしていられるような気がします。

    有益な情報をありがとうございました。感謝です。

    応援もしていきますね。
    またきます(`・ω・ )ゝ

    • しょへさん、こんばんわ(´∀`)
      コメントありがとうございます!
      ですよね、その分かりやすいデザイン。

      私はとっても可愛いと思ってるんですが・・・(笑)
      はっきりした色合いが好きなんです。

      もちろん表示が軽いとか速いとかあるんですけど。
      人は見た目が100%というドラマもある事ですし、

      ブログも見た目が大事です。
      見る人もそうですが、運営する側の楽しさにも作用します。
      まあこの辺は・・・個人的な趣味なんですが(;´Д`)


      ただ私のブログは元々ちかちかするので(笑)
      あまり他の色を入れないほうがいいような気がしますが。

      ・・・・・・・せっかく頑張ってなんとか変更できたので
      そのままにしました(笑)

      しょへさんもおそろいになってましたね~
      しっかり確認しに行きました(笑)

      画像の上にマウスポイントを重ねると動く奴ですよね。
      あの動きがコミカルで可愛いんですよ~(またか

      こちらこそありがとうございます~!

      またお邪魔させて頂きますね!

コメントを残す