著作権フリーの素材屋・ＨＰ素材のおすそわけ。BLOG

つぶやきボタン - ブログ１年生でも設置できる超シンプルTwitterボタン

つぶやきボタンは、あなたのブログに簡単に「この記事をTwitterで呟く」ボタンを設置する事が出来るサービスです。入力フォームにブログアドレスを記入するだけでソースコードが生成されます。私も、このwordpressブログに設置してみました。個別の記事ページには表示されているはずです。

で、ここからは特殊なケース（wordpress使用が前提）での防備録になります。

私はwordpressで運営しているこのブログを、外部のサイトを新しいウインドウで開くためにWebsite Optionsと言う外部リンクを新しいウィンドウで開くJavaScriptを利用させて頂いています。この「Website Options」ですが、リンク先にリファラを残さないと言う特性があるみたいなんです。
で、つぶやきボタンはと言うと、リファラでurlを判断してTwitterへとリダイレクトしていたんですよね。そうすると、リファラが出ない私のブログでは使えなかったんです。

解決策としては、まずhttp://2bu.in/d/設置するブログアドレスにアクセスします。例えば、私のブログだったら「http://2bu.in/d/http://kanari.info/b/」です。

↑表示されたページには「つぶやくボタン」がありますので、そこの上にカーソルを合わせます。そうすると、「http://2bu.in/redirect/数字/ブログアドレス」がステータスに表示されると思うのですが、その数字が自分に割り振られた数字です。

この割り振られた数字がわかったら、wordpressのテンプレートを弄ります。

<a href="http://2bu.in/j" target="_blank" style="text-decoration:none;border:none;padding:0px;margine:0px;"><img src="http://2bu.in/tw" alt="Twitter「つぶやく」ボタン" style="border:none;padding:0px;margine:0px;" /></a><a href="http://2bu.in/d/ブログアドレス" title="Twitterの「つぶやき」を見る" target="_blank" style="text-decoration:none;border:none;padding:0px;margine:0px;"><img src="http://2bu.in/i/ブログアドレス" alt="" style="border:none;padding:0px;margine:0px;" /></a>

上記のソースコードが生成されていると思うのですが、一番最初のa href="http://2bu.in/j"のところを、a href="http://2bu.in/redirect/割り振られた数字<?php the_permalink(); ?>"に書き換える事でリファラを残さない環境でもこの「つぶやきボタン」を使う事が出来ます。

でもこのケースはかなり特殊だと思いますし、普通は生成して貰ったソースコードをコピペするだけでOKのハズです(^0^;)

• つぶやきボタン - ブログ１年生でも設置できる超シンプルTwitterボタン
• Website Options - read a little.

ワードプレスの画像アップロード時にFirefoxがクラッシュするのはGoogle Gearsのせい？

メモ兼防備録的な記事です。

ここ最近、Firefoxを積極的に使っているんですが、Wordpressの投稿時に画像をアップしようとすると100％の確率でFirefoxがクラッシュしてまして。どうしてなんだろうと調べたら、Google Gearsのせい？と言う記事にたどり着きました。

とりえず、私はGoogle Gears自体をアンインストールしてしまいましたが、おかげさまでクラッシュはしなくなりました。

リンクに、新しいウィンドウで開くためのアイコンを自動で追加(Wpプラグイン) | Numb.

具体的には、以下のような javascript です。

• リンクに自動で「新規ウィンドウを開くためのリンク」を追加。
• 除外したい URL 等の文字列を指定可能。これによって自分のサイト内リンクに新規ウィンドウ用のリンクを追加しないようにできる。
• 除外したい URL 等の文字列を含んでいても、特定の class 名を付けてある場合は追加できる。
• この追加する動作を、サイトの全体に適用するか、指定した id の部分のみに適用するか選択可能。
• target=”_blank” で開くか javascript を使い window.open で開くかも選択可能。

『AutoExternalLink』は、Javascriptによってリンクに自動で新規ウィンドウを開くためのリンクを追加するWordPress のプラグインだそうです。このブログはまだ実装していないのですが、とても素晴らしいのでブックマークを兼ねて記事を書かせて頂きました。

このブログの場合は「Website Options」と言うJavascriptを利用しているのですが、これは別窓で開く動作だけなんですよね。ただ、今のところどのブラウザでも問題なく動作していますし、当面はこの「Website Options」を利用しようかと思っています。ただ、別窓で開くのを選べる「AutoExternalLink」も捨てがたいですね。ワードプレスのプラグインとして導入できるというのが魅力だと思います。

WordPressを携帯から参照したい | JC亭blog

mobilepress-20071105.zip

• WordPress のプラグインとして動作するので、インストールが簡単
• カナ文字等は半角カナに変換し、通信量を節約
• 画像はリンクとして表示することで、通信量を節約
• スマイリー (この記事でも使っている とか) も表示可能
• 固定リンク (parmalink) を通常の PC 版と同じに扱うことで、SEO 向上
• ページ各部のデザイン部分は分離しているので、ある程度カスタマイズが容易

遅ればせながら、著作権フリーの素材屋・ＨＰ素材のおすそわけ。BLOGを携帯対応にしたんです。WordPressのプラグインで「MobilePress(旧バージョン)」を利用させて頂いたのですがインストールは凄く簡単でした。
PC版と同じアドレスで、携帯端末からアクセスすると下のスクリーンショットのように表示されます。

コレは良いです、もっと早く導入していれば良かった！

ダウンロードはこちらです→MobilePressNEO

2009/05/12　23:35　追記

Yuriko.Net様にコメントにて、プラグインのバージョンが古いと言うアドバイスを頂きました。最新版は、MobilePressNEOとして配布されているようです。池田百合子様、お優しいお言葉有り難うございました。心より感謝を申し上げます。