mokmal time

日常感じたことや、考えたことなどを忘れないようにメモするブログ。

Stinger3カスタマイズ 初心者でも簡単にできるPocketボタン追加

      2014/04/05

medium_4313970583

当ブログはstinger3を使用して作成しています。
SEOに非常につよく作られていて、たくさんの方がこのstinger3を使用されています。

少しでも自分らしさを出すためにもいろいろカスタマイズしたいのですが、まったくの初心者ではカスタマイズすることが非常に困難ですが、たくさんのブログを観てこれなら初心者のワタシでもできると思ったものを参考にしてカスタマイズしてみました。
photo credit: photographerpandora via photopin cc



SPONSORED LINK

SNSボックスにPocketを追加する



pocket_rogo
pocketとは、気になる記事など後で読みたいものをワンタッチで保存できるサービスです。
今や使っていない人はいない(?)というくらい大変便利なpocketですが、STINGER3にはPocketのボタンがデフォルトでは設置されていません。
ブログなどジックリ読みたいと思うときに限って時間がなかったり、はたまたあとでどのブログだったけ??なんてこと結構多くないですか?そんな時にこのpocketがとても便利で個人的には大変便利に活用しています。せっかく訪れくれた人のためにいざ設置。

Pocketのサイトからコードを取得

① Pocketのサイトのoptionページより『publishers』を選びます。

pocket_code1

② Pocket buttonを選びます。

pocket_code2

③ 設置したいボタンを選択し、コードをコピーします。

pocket_code3

ブログに設置する

STINGER3のSNSボタンは追尾型のSNSボックスと記事下に設置されています。
なので両方に設置する場合は2つに記述する必要があります。それでは、

追尾型SNSボックスに設置する

テーマの編集より、『SNS.php』を選択して下記の13行目と14行目の間に先ほどコピーしたコードを貼り付けます。
※なにもしていない状態

実際に貼り付けるとこうなります。
※はりつけた状態

これで追尾型SNSボックスへの設置はOKです。

記事下のボックスに設置する

先ほどと同じくテーマの編集より『footer.php』を選択して、83行目と84行目の間にコードを貼り付けます。
※なにもしていない状態

実際に貼り付けすると先ほど同じくこんな感じになります。
※はりつけた状態

これで記事下のボックスもOKです。

mokmal あとがき

めっちゃかんたん!!

ブログをみるときはこのPocketははずせません。Pocketボタンおすすめです。

 - stinger, やったこと

SPONSORED LINK

SPONSORED LINK

SPONSORED LINK

SPONSORED LINK
  • このエントリーをはてなブックマークに追加
  •  
  •  

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

【STINGER3/WordPress】初心者のワタシが簡単にできたカスタマイズをまとめてみる

このブログで使用しているテーマ「STINGER3」 カスタマイズした箇所をより良 …

コンビニで楽天スーパーポイントが貯まる!サークルK・サンクスの「+K Rポイントカード」を登録してみた。

買い物はほとんどネットで済ませているmokmalです。 10月1日よりコンビニの …

MacでMT4を稼働する4つの方法を考えてみて、もっとも都合の良い方法はコレだった。

先日購入したiMacでWindows同様にMT4を稼働させようと試して四苦八苦し …

ブログテーマをSTINGER5に変更してすぐに変えたアドセンスの位置について

いかがお過ごしですか。@mok7malです。 タイトルがメールの表題みたいですが …

初めてでも簡単にできる!TwitterのつぶやきをFacebookに連携する方法&メリット

TwitterのつぶやきをFacebookに連携するようにしました。 簡単ですが …

知識がなくても簡単にできる。Inkscape(無料ソフト)でタイトルロゴをデザインしてみた。

ブログのタイトルロゴをカッコよくオリジナルにしたいなと思っていたのですが、ようや …

家の壁に穴が空いても簡単に補修できる「壁の穴かんたん補修セット」に驚いた。ついでに壁をおしゃれにDIYリフォームした。

突然ですが、家に帰ると壁に穴が空いていたらどうしますか? もちろん驚きますよね。 …

『サイトマップ』が表示エラーになり対応したこと

サイトマップが急に表示されなくなってました。 おかしいと思い色々と調べてみると …

googleアカウントに不正アクセスがあった。急いで対応!!

Shocked / prawnwarp 事件は就寝間際に発生しました いきなりこ …

たった2分!MacのマウスをWindowsと同じように”右クリック”マウスに変身させる方法

PCをWindowsからMacに乗り変えて真っ先に違和感を感じたことって言えば& …