chat-blog

僕の独り言が誰か一人の役に立つことを祈って

*

【wordpress】SNSシェアボタンをいわゆるバイラルメディア風にカスタマイズしてみた

   

今我が家の洗面所では洗面器の交換のために業者さんが来てくれていますが、僕はブログ更新しています。チャットです。

PR

ここ最近いいペースでブログをカスタマイズしてってます。

とくれば次はせっかく書いた独り言でも少しでも多くの方に見てもらいたいと思うのが人の性。

多くの人に見てもらうためには人から人へ、拡散してもらうのが一つの方法としてあげられます。

見てくれた人に拡散してもらうためには拡散しやすいUIを配置する必要があると考えました。

ではいきます(笑)

stinger5での話になりますがたぶんどのテーマでもやることは同じです。細かい違いは脳内変換してください。

今日のゴール

 

スクリーンショット_2015-09-05_10_25_52

こいつを、

 

スクリーンショット_2015-09-05_12_13_53

こうします。

 

 

sns.phpを編集

 

もともとこんなコードになってると思いますが全部削除します。(言うまでもありませんがバックアップは取ってください。)

削除して、

このコードと置き換えます。

※ツイッターの部分だけ自分のIDで置き換える必要があるのでご注意を。(ツイッターなんてやってねえよヽ(`Д´)ノって方は記述しなくても良いです)

すると。

スクリーンショット 2015-09-05 10.53.45

 

こんな風になると思います。

これで( ・∀・)イイ!!

って人はこの先は読む必要ありません。

では次にcssを編集してボタンっぽい感じにしていきます。

style.cssを編集

最下行に、

を追記。

※CSSは下に書かれている行を優先するので既存とかぶっても問題はありません。

以上です。

じゃじゃーん。といい感じにそれっぽくなったかと思います。

もし、2行で表示させたくば、

widthの部分を50%に変えてみるといいかもしれません。

今日の一言

洗面器屋さんですが、もともとついてた洗面器をハンマーでガシャンガシャンと割って取り替えててびびってたビビるチャットより。
※以前に取り付けた業者が強力なボンドで洗面器をつけてて普通の方法じゃ外せなかったようです。

 

 

スポンサーリンク

スポンサードリンク

スポンサードリンク

最後まで見ていただきありがとうございます。
今後とも頑張って更新していきますのでもしよろしければ
下記お一つでもシェアしていただけると幸甚です。
Facebookでシェア Twitterでシェア はてなブックマーク LINEで送る

 - wordpress

\皆によく読まれてる人気記事/

スポンサーリンクと関連コンテンツ

  関連記事

no image
wordpressで502 Bad gatewayがでてダッシュボードにログインできなくなった時の備忘録

久しぶりにブログを更新しようと思ったら管理者画面に入れなくなって完全に詰んでたへ …

wordpressのコメント欄を移動、もしくは削除する方法

最近は朝に更新するように心がけているのですが起きたら起きたで、 艦隊これくしょん …

【wordpress】stinger5の固定ページでもsnsのシェアボタンを表示させる方法

よくみたら固定ページにはデフォルトでsnsのシェアボタンが表示されていなかったた …

stinger5でサイドバーのnew post(最新の投稿)で特定のカテゴリーを非表示にする方法

topページから消すのはプラグインを入れて楽にできたのですが、 サイドバーのne …

ブログの更新を自動でツイッターで呟かせる際の改行方法

できるはずなので、色々と試してみた結果、 %0a のアスキーコードを埋め込むこと …

【wordpress】サイドバーの「最近の投稿」を記事タイトルだけ出力させる

仕事の帰りにスタジオ寄って帰ると嫁に伝えていたのですが、 スタジオは満室状態だっ …

STINGERで、トップページの記事一覧から特定のカテゴリを非表示にする方法【wordpress】

皆からするとどうでもいい僕のゲームの日記の記事をトップページから消す方法について …

wordpressのトップページで最近の投稿(new post)を表示させない方法

まいど。月曜から二日酔いに苛まれつつも頑張って仕事行った自分をちょこっとだけ褒め …

初めまして

晴れてwordpressのインストールに成功しました。 これからたくさん主に趣味 …

amazonアソシエイトの審査に承認させる3つのこと

こんにちは、チャットです。 先日ようやく、amazonアソシエイトの承認をもらい …

※コメントですが僕が確認してからとなるのでだいたい3日後の反映となります。

Message

メールアドレスが公開されることはありません。