ブログ練習帳

ソーシャルボタンのレイアウト

プラグインさまを入れて、FaceBookだのTwitterだのの、ソーシャル対応になって、うひうひ言ってる見習いですが、ふっと、ブログを見ていて、あんまりきれくないことに気づきました。って、キレイなところあったら述べてみよって言われると困っちゃいますが・・・。というのは、画像が張り込んである日のブログで、その画像が右寄せだったり、左寄せだったりすると、ソーシャルボタン群が、変にずり上がっちゃっているんですぅ。こりゃ、もう、忘れちゃったけど、画像にフロートかけて、クリアしてないな、って、ぴーんときました。そりゃ、横に書き込んだテキストは、回りこんでくれないと困るけど、ソーシャルまでずり上がっちゃうのは、ちょっとですぅ。ということで、このソーシャルボタンにclear:bothをかけたいと思いました。

Word Pressでは、というか、こういう動的なファイルを作り出すシステムでCSSを修正したいと思ったら、とにかく、吐き出されたHTMLをチェックすることから、スタートです。まず、ブラウザでブログを見てみて、ソーシャルボタンが出ているページを閲覧します。それから「ソースを表示」とかを選んで、そのソースをじろじろ見ます。すると、どうやら、このプラグインで入れたソーシャルのボタン群は、wp_social_bookmarking_lightというクラス名のつけられたDIVで囲われています。ということで、style.cssを開いて、このdiv.wp_social_bookmarking_lightに、clear:bothをつけてやれば、OKです。でけた。

珍しく、勘があたってうれしい見習いですぅ。

2011年11月9日12:27 AM| カテゴリー： 見習い奮闘記| コメント (0)

ソーシャルもプラグインで

ついこのまえ、自分のサイトもソーシャル対応したばかり。というか、よくわからないまま、ボタン自動生成サイトを利用して、TwitterとFaceBookのいいね！ボタンを引っ付けました。

イエイ、と喜ぶのもつかの間。こういったソーシャルなボタンをWord Pressに自動生成アンド貼り付けなプラグインがあることをしりました。わざわざindex.phpに貼り付けたコードですが、もっとラクラクにできるってこと？
このごろ、おぼろげながらにわかってきたことですが、プラグインを使うといいことって、テーマを変えても、いちいちコードを書き直したりしないでOKってことなんでしょうか。そもそもWord Pressでは、index.phpとかその他のファイルに、カタカタとコード打ち込めばできることって、いっぱいあるけど、それってとっても、ちょー、ムズカシイ。見習いには、清水の舞台より、敷居が高い！で、がんばって、コード調べて、カタカタ書き込んでも、テーマ変えたりすると、もいちど、そのコードを書き直さなきゃならない。そんなとき、「たすけてー、プラグイーン！」と叫ぶと、プラグインにおまかせ！だったりする。

プラグインの使い方の基本は、Word Pressのプラグインを探してきて、ローカルのコンピュータにダウンロードして、解凍。それからFTPソフトなんかで、サーバのWord Pressの置いてあるディレクトリの中にあるpluginディレクトリにアップロード。そしたら、管理者権限のある人でログインして、管理画面から「プラグイン」を選んで、アップロードしたプラグインを探して、「有効化」にする。すると「設定」の中に有効化したプラグインの一覧が出るので、そこを選らんで、設定していく。という流れになりますぅ。たぶん。だいたい。

今回使うプラグインは、WP Social Bookmarking Lightです。Twitter、FaceBook、Evernote、Google系など、いっぱい、いっぱいソーシャルに対応していて、入れたいボタンをクリックしていくだけです。入れるページは、どこですか、位置はどうしますか、どのソーシャルに対応しますか、言語は？といったことを、クリックしたりコピペしていくだけで、Word Pressがソーシャル対応になります！

正直に言っちゃいますと、本当は、このプラグインの導入、そんなに難しくないハズです。でも、見習い、オマヌケなところでつまづきました。該当するファイルをダウンロード、解凍したところまではよかったのですが、Windowsのデフォルトのまま、ZIPを解凍すると、その階層に、そのフォルダとまったく同じ名前のフォルダを自動生成して、その中へ解凍してくれます。今回だと、WP-Social-Bookmarking-Light1.7.0.zipを解凍してWP-Social-Bookmarking-Light1.7.0というフォルダの中にWP-Social-Bookmarking-Lightというフォルダとして解凍してくれました。FTPでアップロードすべきなのは、このWP-Social-Bookmarking-Lightフォルダです。そうしないと、管理画面のプラグインメニューでWP Social Bookmarking Lightが一覧に出ません。マヌケ見習いは、「あれー、なんでアップロードしたのに、一覧にでないのかしらん」とあちこち探し回ってしまいました・・・。そう、WP-Social-Bookmarking-Light1.7.0フォルダごと、アップロードしてました。きちんと、解凍してからアップロードしましたが、指定のディレクトリ構造じゃなかったんですぅ。ということで、WP-Social-Bookmarking-Light1.7.0ディレクトリを削除して、きっちりpluginディレクトリ直下にWP-Social-Bookmarking-Lightを置いてやって、できました。なぁんて、おドジなことでしょう。

とりあえずクリックする性格は、きっちり治して、正確な人間になりたいと誓う見習いです。

2011年11月8日1:00 AM| カテゴリー： 見習い奮闘記| コメント (0)

Fire Worksの練習と銘打って・・・

2011年11月7日12:19 AM| カテゴリー： ギャラリー,見習い奮闘記,閑話休題| コメント (0)