¡ 世界にふらりラフに生かせ !

あなたの興味にカスる率1%を目指す雑記ブログ

素人がSNSシェアボタンをはてなでカスタマイズするの巻【失敗は成功のモト?】

超ド級初心者が先輩方の知恵を借り(ってか丸マルいただいて)、SNSボタンを付けてみたのはいいが、ありゃ?TOPページの記事にはつかないや。んじゃTOPは一覧・アーカイブにしちゃえ!ってな結果オーライ?リポートである。
※半年経ったら、その引用元サイトさんが軒並み消えてしまってたので、ちょこっと修正したよ(2017/5/2最終更新)

http://2.bp.blogspot.com/-udBXvU-T2fE/Vh4ot0CAPLI/AAAAAAAAzjc/aFK9ePO-ds8/s800/computer_manual_woman.png

モノグサ素人の必殺ワードとは…?

さて!シェアボタンのカスタマイズ方法を検索だ!

『シェアボタン カスタマイズ はてな』
これでググる?いやいやいや。
生まれ変わるならまた昭和でイイや、くらいのアナログ人間にとっての必殺ワードが抜けている。そう…!

レスポンシブ対応!この一言が欲しいのよ!

 

うちのテーマはこちらなので。半月さんありがとうございます!

moonnote.hateblo.jp

 

レスポンシブ対応のカスタマイズ法をチョイス! 

せっかくテーマがレスポンシブなんだもの。PC用とかスマホ用とか言わないで、「このボタンはレスポンシブ対応〜。勝手に!(ここが大事)、一発で!(ここも大事)猿でもできるよ!(ウキッウキッウキッ!)これですよ!

 

ということで。はい。ゆきひーさん、大感謝です!

www.yukihy.com

レスポンシブにも対応ってことで、それぞれの場合がとってもわかりやすくって、ホントにアタシのような昭和猿人でも出来ました!うっきぃ〜!

 

実装開始! 

以下、うちの 華麗なる変身ぶりを御覧じろ〜!
(PCで操作、タブレットでも確認)

まずは「はてなデフォルトボタン」たち。

f:id:miyumasi:20160917201528j:plain

 

さらば!
デザイン→スパナマーク→記事→ソーシャルパーツのチェックを潔くはずす(はずしてね、とは書いてなかったが)。

 

 で、こちらで言われた通りにやってみた!

【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life

 

 

終わった!

 

 

どだっ!
パソコンで確認!

f:id:miyumasi:20160917200456p:plain

 あれ?いない?
タブレットでは…?(※スマホはない)

 

f:id:miyumasi:20160917200552j:plain

 

タブレットでも…しーーーん。

 

 ちょっとした問題発覚…

反映に時間がかかるとかかな?(違います)

 

お、おかしいな。ガチャガチャ動かす。

おお!

 

f:id:miyumasi:20160917200625j:plain

 

♪ついてるじゃん!♪

 

ガチャガチャ動かす。

 

f:id:miyumasi:20160917200552j:plain

 

また、消えた。

さっきのチェックボタンはずしちゃイカンかったか? 

ソーシャルボタンのチェックをまたつける。

f:id:miyumasi:20160917200539p:plain

 

そしたら…

 

f:id:miyumasi:20160917200602j:plain

 

ダブった。秋雨前線二列編成。

 

ソッコーはずす。

 

f:id:miyumasi:20160917200625j:plainf:id:miyumasi:20160917200552j:plain

 

 やっぱり…いたり、いなかったり…なんで?

 

10分後なんでそうなるのかはわからないが、どの時にいて、どの時にいないかは判明。それは…

TOPページで表示される記事には出ない。

記事URLで表示されたものには出る。

 

ふむ。ま、TOPでも出てもらいたいんだけど、まあ、そんなのでゆきひーさんに聞くのも悪いし…、それよりはマリー・アントワネットに聞こう!

 

「パンがないならお菓子を食べればいいじゃない」

 

http://2.bp.blogspot.com/-AXqsRny0Mr0/UaVWWhXAWxI/AAAAAAAAUHw/-sZnxhqnWiE/s800/marie_antoinette.png

いらすとやさんスゴい。マリーアントワネットで検索したらちゃんとあるし!

 

そう、TOPページで記事を最後まで表示したら出ないってんなら、最後まで表示しなきゃいいのである!

 

TOPページを一覧形式にする

で、再びググってたどり着いたのがこちら。こすもろさん感謝
※ここで貼ってあった元記事はブログ自体が移転・閉鎖?してしまったらしく消えていました。同じような記事は「ブログTOP 一覧 はてな」などで検索するとたくさん現れるのでお気に入りを探してみてください(2017/5/2追記)

 

「ブログタイトルを押すとリンク先が一覧になる」魔法の呪文を教えてくれています。さっそく呪文を言われた通りに貼り付けると…

 

おお!本当に「世界にふらり ラフに生かせ」を押したら一覧に飛んだぞよ!

 

f:id:miyumasi:20160917200446p:plain

 

なんて短い呪文なのに簡単!良かったらうちのタイトル押してみてね。ちゃんと飛ぶはずだよ。

 

とはいえ。

ここを押したら一覧には行くのだが。

うちのブログURLで直で飛んだ場合。

 

f:id:miyumasi:20160917200552j:plain

やっぱりボタンがない。

 

ホントかよ、という方はこのブログURLを押すべし。

http://www.tama-lindo.com

 

 

ううむ。これは…何かまた

「お菓子がないならステーキを食べればいいじゃない」

http://1.bp.blogspot.com/-ai2AAKETKW4/Ufj1IlLe1gI/AAAAAAAAWm8/55R55dvG5Q4/s800/seikatsusyukan_highcalorie.png

的な解決方法があるの…かもしれない。

「続きを読む」機能とか?うーーーむ。本日時間切れ。

 

つづきは、また、明日考えよう。

「明日は、明日の風が吹く」 

   

風と共に去りぬ  

さすがのいらすとやさんもビビアンリーやスカーレットオハラはなかった…

 

おしまい。
(で、結局続きを読む機能を使うことにしてる2017/5。何かいい方法があったら教えてほしい〜!)