necoze

acth単独欠損症の管理人が日常に役立つ情報や雑記など記載しています。

*

CSSでSNSボタンをスッキリさせたらTwitterメンションが無かったので追加してみた。

   

medium_9733284483

ブログ立上げ当初からStinger5を使用していましたが、SNSボタンが統一されていなくて何となくキモチ悪かった植木鉢@necoze_comです。

当初からドウニカしたかったのでGoogle先生に問合せて返ってきた答えの中から、
スッキリさせる事が出来たのですが・・・

その変更方法では、”Twitterのメンションが付いていない”と言う衝撃の事実!

コードに付いていないのは仕方が無いので早速、追加してみます。

photo credit: ePublicist via photopin cc

スポンサーリンク


CSSでSNSボタンをスッキリさせる方法

今回、SNSのボタンをスッキリさせた方法は、
 参考 えじの自由帳|SNSボタンのデザインがばらばらだったので自作してみた。(Stinger5カスタマイズ)
を参考&利用させて頂きました。

この場をお借りしてお礼申し上げます。

Twiitterのメンション追加

ここからが今回の本題。
上記サイトを参考にしてサクッっとボタンをスッキリさせたあと、

確認の為「Twitterボタン」を押してみると・・・
img-twitter_mention_01
@Twitter-idが付いていない!

やはりツイートしてくれた事は把握したいので、後々困りそうですよね?

困らないハズがないので、追加してみます。

メンションの追加

メンションを追加する場所は「sns.php」の1箇所のみ。

※作業前に必ずバックアップを取りましょう。

3行目の3段目あたりの

”>”と” ’(シングルクォート)”の間に、

を追加するだけなので簡単ですね。

※修正後は更新ボタンを押すのを忘れずに。

追加後の確認

修正後はサイトにてツイートボタンを押して、
img-twitter_mention_02

@Twiiter-IDが付いている事の確認が取れたら、

今回の作業はこれで終りです。

まとめ

参考にしたものはあくまでも参考なので自分に合う様に確認と修正はすべきである。

まぁ、当たり前の話ですけどね。

最後まで、お読み頂きありがとう御座いました。

 - web/PC

最後までお読み頂き有難う御座います

記事を気に入って頂けたなら、SNSでシェアお願いします。 当ブログは以下のサービスに配信しています。
フォローして頂くと最新情報をお届けします。

スポンサーリンク

スポンサーリンク

スポンサーリンク

コメントを残す

  関連記事

img_20141124_000
WiMAX 2+ NAD11へ変更したら速度が2倍になった!

通常はWiMAX(bicWiMAXサービス)を利用している植木鉢@necoze_ …

C00302-002D-546x409
軽いと噂のESET SMART SECURITY 7(アンチウィルスソフト)を体験版にて徹底検証してみた。

ネットで”軽くて検出率が高い”と噂の「ESET SMART SECURITY 7 …

IMG_20141102-001
BUFFALOのUSBカードリーダBSCRD05U2が便利すぎる。

最近、動画編集を始めてる植木鉢@neocoze_comです。 今までSDカードか …

medium_198669276
デジカメの写真を誤って削除したのでフリーソフトで復元したら簡単すぎた件。

デジカメで撮った写真、誤って消してしまった事は無いですか? 植木鉢@necoze …

no image
HDDからSSD(CSSD-S6T128NHG6Q)に変更した時の問題と対処した事

こんにちは。植木鉢@neceze_comです。 先日、CドライブのHDDから異音 …

PowerShot S120 正面
高級コンデジ、Canon PowerShot S120を購入したのでアクティブになる予定。

こんにちは。植木鉢です。 今年はもう買うものは無いと思っていたのですが、いつもの …

no image
KeePassならパスワード管理も楽々に!USBなどで持ち運べて便利すぎる!

こんにちは。植木鉢です。 色々なWebサービスがあって、その都度”ID”や”パス …

SUPER TALENT SDHC 32GB 表
SUPER TALENTの低価格SDHCカード32GBは使えるか?

こんにちは。植木鉢です。 年末の忙しい時期に急遽SDカードが必要になり、以前から …

SS_Chrome_err
ChromeでTwitterのウィジェットコードを取得するとエラーになる。

Twitterウィジェットを当ブログでも使用するために、ウィジェットコードを&# …