研Q118.アメブロプロフィールページのペタボタンを消す方法。

CSSのセレクタを調べる方法。

photo by Noël Zia Lee

アメーバブログにはペタというアメブロユーザー同士がブログを訪問した足あとを残す仕組みがあります。

ペタをつけてもらうと自分のペタ帳に、誰がいつペタしてくれたかという記録が残ります。

とても簡単に「来たよ」という挨拶ができるとても優れた仕組みなのであります。

来てくれたお返しにこちらからもペタをし返す「ペタ返し」という習慣もあって、ブログを初めて間もないブログ初心者さんにもブログでの交流がしやすく孤独感を味わわなくてもいいように工夫されています。


しかしペタ返しが目的でブログに来てくれるお客様はブログの記事をほとんど読んでくれません。

特にプロフィールページにあるペタボタンからペタされるお客様はブログに来てもくれないでプロフィールページから次のブログに行ってしまいます。

そこで、プロフィールページのペタボタンを非表示にするというカスタマイズが行われています。

「ペタをするなら記事の下のペタボタンからお願いします。」というわけですね。

ああ、長い前振りでした。


ところが、アメーバブログの仕様が変更されたらしく、非表示にしてあったペタボタンがいつの間にか表示されるようになってしまったのです。
⇒ ◆プロフィールページのペタボタンが復活？｜震災復興をアメブロから応援中！


たっくんは以前仕様変更されたときにカスタイズ方法をお調べになって、セレクタが変更されたことが原因だったとご存知だったのですが、
⇒ ◆プロフィールからのペタ｜震災復興をアメブロから応援中！

新しく変更されたセレクタを調べる方法をご存知なかったのかもしれません。

セレクタとは？

CSS（スタイルシート）にはブログ上の各パーツ（部品）をどう表示するかが書いてあります。

つまり、どれをどう表示するか。

その【どれを】を示すのがセレクタというわけです。


ペタボタンのセレクタは、今回 #petaBtn から #peta に変更されました。

#petaというセレクタのパーツを表示しない。というカスタマイズCSSは次のように書いてあります。

<style type="text/css">#peta{display:none;}</style>

#petaのdisplayをnoneにするというわけですね。

アメブロのプロフィールページをカスタマイズする方法。

上に書いたカスタマイズ用CSSコードをプロフィールページのフリースペースに記入するだけです。



「編集」画面でCSSコードを書き込みます。

保存してプロフィールページをもういちど表示すれば、ペタボタンは消えています。

セレクタを調べる方法。

僕はスタイルシートステッカーというブックマークレットを使っています。

プロフィールページを表示しておいて、スタイルシートステッカーのブックマークレットをクリックすると、



ペタボタンのセレクタが#petaだということがわかります。

にゃらんの肉球まんじゅう4ヶ入り posted with カエレバ　⇒カエレバについて 薯蕷饅頭 Amazon　 楽天市場 Yahooショッピング　 ヤフオク！

にほんブログ村

表示 - 継承 2.1

初めて当ブログに訪れた方や何度か当ブログにお越しいただいているみなさま。
もしブログの内容を気に入って頂けましたらRSSリーダーの登録よろしくお願いします。
　　

ツイッター でも、更新案内を流しています。　　　　　　　　　　　　　　　　　　　　　　　　　　

RSSリーダーとは？⇒ ＲＳＳってなんなの？

　　リンク切れ、動画削除などを発見されましたら、コメントで教えていただけると非常にありがたいです。

▲ネットビジネス研Ｑ室のトップページに戻る▲　　●ネットビジネス研Ｑ室の記事一覧●

記事末尾200posted by +M Inamura (水村亜里)