2017/06/04

FaceBookのlikeボックス風デザインでfeedlyの購読ボックスをデザインしてみた。

有名ブログで見かけるFaceBookのlikeを促すデザインボックスを作って実装したい!!ということで作ってみました。

icatch

FaceBookのいいね!の代わりにFeedlyのFollowを実装。

このブログで使わせて頂いているテーマがsimplicityなので、これをベースにカスタマイズした内容をご紹介。

 

実装方法

feedly-pr.phpをsimplicityテーマフォルダ直下に格納し、entry-body.phpにfeedly-pr.phpの呼び出しを追記しました。

feedly-pr.php

feedly-pr.phpの中味はsimplicityのCSSをコピーしてカスタマイズしたCSSの定義と表示のためのhtmlが記述されています。ちなみにfeedlyの購読数はsimplicityの関数を使用しています。

以下からfeedly-pr.phpがダウンロードできます。

Download File

entry-body.phpに呼び出しを追記

entry-body.phpの82行目あたりにget_template_part(‘feedly-pr’)を追記しました。

以下から修正済みのentry-body.phpがダウンロードできます。

Download File

最後に

ダウンロードしたfeedly-pr.phpとentry-body.phpをsimplicityテーマのフォルダ直下に格納すれば実装されます。また、feedly-pr.phpのfeedlyのfollowボタンコード部分を入れ替えてtwitterやfacebook、etcのシェアやフォローボタンをPRすることができます。

(Visited 135 times, 1 visits today)