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%に変えてみるといいかもしれません。

今日の一言

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

 

 


スポンサーリンク

スポンサードリンク

スポンサードリンク

 - wordpress

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

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

  関連記事

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

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

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

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

stinger5でヘッダーメニューをドロップダウンにカスタマイズする方法

ブログのヘッダー部分のナビゲーションバーで、マウスオーバーと同時に、 デロロロっ …

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

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

WordPressで投稿した記事がなかなか反映されなくて震えた

タイトルの通りなんですけど、 困るというより不安になりますね。 なんとか解決にい …

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

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

Route53とムームードメインを使って独自ドメイン取得したよ!

毎度、チャットです。 ブログが出来上がって「さあこれから更新だ」ってなって、 「 …

ブログをgoogleとbingにインデックスさせた(申請した)

ブログを立ち合げたわけだしせっかくなので、 検索エンジンに引っかかるようにしたい …

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

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

またもこのブログ(word press)で「bad gateway 502エラー」がでました。

今日は19:30頃には会社をでて(僕の会社は10時出社の19時定時)、 早めに家 …

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

Message

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