WordPress(ワードプレス)

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

目安時間 6分
賢威

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

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

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


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

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




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

表示されるの遅くない?




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


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


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

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

いかがなものか。


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

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




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

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

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

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


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


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

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

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

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


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


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

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


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




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




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




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




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

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

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


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


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




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

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


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




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




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

ありがたいです。




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


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




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

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

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

この記事に関連する記事一覧

コメントは6件です

  1. ロコ より:

    こんにちは!

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

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

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

    応援して帰りますね〜

    • 咲月ミオ より:

      ロコさん、こんにちわ

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

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

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

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

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

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



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


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


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


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

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



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

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

      経験者は語ります(笑)

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

  2. 大本 より:

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

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

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

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

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

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

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

    • 咲月ミオ より:

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

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

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

      神か!

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

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

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

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

  3. しょへ より:

    ミオさんこんちは~^^

    しょへです。

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

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

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

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

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

    • 咲月ミオ より:

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

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

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

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


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

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

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

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

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

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

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村


管理人の咲月ミオです

元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■


 ★動画第一弾( *´艸`)
 ★動画第二弾( ゚д゚)

自己紹介がてら作った動画です。
第一弾は一応自己紹介動画という事で作ったもの。
第二弾は会社で実際にあった
同僚との会話です…実話なんですよ?

★★★登場人物紹介★★★



管理人の咲月ミオです!

ここの責任者です。
お絵かきアフィリエイター

ツールをいじったりあれこれ小細工・・
もとい工夫するのが大好きです

沙月さん達とは知り合いで
あれこれ相談したりする仲

アフィリエイターであり
ゲームオタクであり、
お絵かきさんである。

得意技はマシンガントーク。

しゃべるのもチャットなどの
打ち込むのもマシンガントーク。

しゃべりだしたら止まらない系




瑠璃ちゃん。

ほわほわ天然系のご近所に引っ越してきた
初心者のアフィリエイター

まだ何もわからないままに
あれこれやってみるも
大体が泣いている

頑張っているけど空回り系
あれもこれもやってみたい事は
たくさんあるし、非常な頑張り屋さん。

だがそれが結果に伴わなくて
悩んでいることしばし

可愛い属性が沙月と咲月ミオに気に入られもっか 可愛がられ中である




沙月姐さん。

いつでもどこでも突撃★
機械に弱いご近所に住む中堅アフィリエイターさん

機械が苦手でツールなんて
無理言うなってレベル

豪快で大雑把で適当で
あまり細かい事は気にしない
正義感が強くて涙もろい世話好き姐さん

だがままならない部分のほうが多い
特に料理関係は致命的でお茶一つ出しても
救急車呼ぶレベル

関係者の間では彼女に包丁他は持たせるな、である




苦労性の椎名さん

沙月姐さんの幼馴染で
昔からあれこれ苦労している
なんだかんだと世話してしまう苦労人

ツールでも何でも効率的に事を進めるタイプ

沙月に付き合ってアフィリエイトを始めた
というか、沙月の世話係というのが
本当の所(主に暴走ストッパー)

役に立つかは別の話(たぶんムリ)


★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿