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です)

コメント

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


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

管理人の咲月ミオです
元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■

自己紹介動画
 ★自己紹介動画

自己紹介にと作った初めての動画です。
音声出ます。
初めてこういう形で自分の声聞きました(笑)


同僚の語る飛行機雲の真実?
 ★飛行機雲の真実?

会社で実際にあった
同僚との会話です…実話なんですよ?

登場人物紹介♪
★★★舞台設定★★★
田舎の会社
その辺によくありそうな中小企業の
地方の小さな事務所の仲間たち


会社の低迷により給与等がダウン。
社員は生活の為に副業を始めるが…?


新米アフィリエイターの明日を見守る

★★★登場人物紹介(主な人達)★★★



咲月ミオです。

お絵かき兼社員兼アフィリエイターの
三足わらじ生活も早10年以上!

最近の不景気とカス営業の負の連鎖で
会社の業績ただ下がりの給与・賞与も
ダウンやカットが折り重なる。

そんな危機感に会社の同僚たちが
アフィリエイトに参戦し、
気が付けばそのアドバイスをするハメに

マイペースにのんべんたらりと生きたい
それが身上だったのだが結局
なんだかんだと面倒を見ている様子。

しかし!!
うん十年以上も会社員根性で生きてきた
彼らの尻をぶっ叩いて行動を促すのは

想像以上に大変だった!
そんな咲月ミオと彼らとの攻防戦劇場。




同僚A子

冗談抜きで機械に弱く、職場で初めて
パソコンに触れる。


最低限の伝票入力は慣れたけど、
新しい事はなかなか習得できない。

やる気がないわけではないのでやるのだが、
覚えるのにかなり時間がかかる。

おじーちゃんやおばーちゃんに
インターネットとは?と教えるのに
苦労するのと同等の理解度(笑)

だがやる気がないわけではない



自称「できる男」ツモリくん

中堅どころのベテラン営業君。
口だけは達者でオレオレ詐欺を働く。

間違いを指摘されると

「言ってたんだけどな~もう~」


と、ちょっと言い方がおかまくさい。
結果が出ていない時点で出来てないのと
同意義なのだがそれは全部他のせい。

自分は出来る男だと信じて疑ったことが
過去一度もない。

会社の赤字はすべて時代のせいと
いいきる男。
余談だがそばによると非常に臭い



職場一のやられキャラ。

突っ込まれないとほぼ目立たない、
下手すると認識されないレベルの地味さ。


平穏を愛するゆえにそっとしておいて
もらいたいようだがそうするとたぶん

いたの?


と、素で問われる危険が非常に高い。
スイーツが好きで何気に女子力が高い。

手作りスイーツを時々作って食べている。
ふるまう人はいないらしい。


ちなみにスルーするというスキルは
持ち合わせていないらしい
(ご丁寧に返してくる)


その他の登場人物はこちらから

★★★ブログの登場人物について★★★

登場人物を増やしすぎて
あれこれ設定するだけで非常に時間食う。


ちょっと調子に乗り過ぎた感じ(笑)
まあ暇つぶしにはなりますww
咲月ミオにメールを送る♪
★★★咲月ミオにメールを送る★★★


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

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