はなとみかん » カスタマイズ http://hanatomikan.com 「はなとみかん」はWebデザイン、ホームページ作成、ネットショップ（ショップサーブ、楽天市場、Yahoo!ストア）のデザイン・カスタマイズなどをしているフリーランスのWebデザイナーです。 Tue, 04 Jan 2011 01:16:14 +0000 ja hourly 1 http://wordpress.org/?v=3.2.1 [WP]同じカテゴリの前後の記事へリンク http://hanatomikan.com/blog/wordpress/%e5%90%8c%e3%81%98%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%81%ae%e5%89%8d%e5%be%8c%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%b8%e3%83%aa%e3%83%b3%e3%82%af http://hanatomikan.com/blog/wordpress/%e5%90%8c%e3%81%98%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%81%ae%e5%89%8d%e5%be%8c%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%b8%e3%83%aa%e3%83%b3%e3%82%af#comments Fri, 12 Feb 2010 03:38:28 +0000 はなとみかん http://hanatomikan.com/?p=759

Photologを作った時に前後の記事へのリンクにBlogカテゴリの記事も混ざるのが気になったので、同じカテゴリ間でリンクさせる方法を探してみたら、めちゃくちゃ簡単で驚いたｗ

参考サイト

テンプレートタグ

前の記事（古い記事）へのリンク

<?php previous_post_link('format', 'link', in_same_cat, 'excluded_categories'); ?>

後の記事（新しい記事）へのリンク

<?php next_post_link('format', 'link', in_same_cat, 'excluded_categories'); ?>

パラメータ

  • format
    リンク文字列の書式
  • link
    表示するリンクのテキスト
  • in_same_cat
    同じカテゴリの前後記事へリンクさせるかどうかを指定。これをTRUEにすると同じカテゴリ間のリンクになります。
    デフォルト：FALSE
  • excluded_categories
    表示させたくない記事のカテゴリーID

ちゃんとパラメータが用意されてたんですね～

「in_same_cat」を指定するだけで良かったとは。目からウロコｗ

]]> http://hanatomikan.com/blog/wordpress/%e5%90%8c%e3%81%98%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%81%ae%e5%89%8d%e5%be%8c%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%b8%e3%83%aa%e3%83%b3%e3%82%af/feed 0 写メールとWordPressとTwitter http://hanatomikan.com/blog/wordpress/%e5%86%99%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%a8wordpress%e3%81%a8twitter http://hanatomikan.com/blog/wordpress/%e5%86%99%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%a8wordpress%e3%81%a8twitter#comments Tue, 26 Jan 2010 10:49:15 +0000 はなとみかん http://hanatomikan.com/?p=753

最近、Twitterをはじめるお客様が多くなってきて、いろいろと相談を受けることが多くなってきました。

この間も「Twitterって画像付けれるの？」と聞かれyfrogを紹介したのですが、そういえば、WordPressでも同じようなことができるな～と後で気づきました＾＾；

ということで、携帯電話の写メールとWordPressとTwitterを連携させてPhotologを作ってみました。

  1. 携帯電話から写メールを送る
  2. WordPressが受け取り記事にする
  3. 記事が公開されるとTwitterに通知

写メールを送った後の2、3は自動で行われます。

使用したプラグイン

  • Ktai Entry (メール投稿プラグイン)
    携帯電話からメールを送って記事を投稿できるようにします。
  • QF-GetThumb
    記事内の画像からサムネイルを自動生成するプラグイン。
  • Twitter Tools
    新規投稿があればTwitterに通知します。
    私は以前から使っていたのでこのプラグインを使っていますが、Simple Tweetも国産プラグインなので使いやすいと思います。

Photolog用のテンプレートを作る

ギャラリーっぽいテンプレートを作ります。

テンプレートのループ部分はこんな感じです。

<div id="photolog">
<ul>
<?php query_posts($query_string.'&posts_per_page=15'); ?>
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<li id="post-<?php the_ID(); ?>"><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><img src="<?php echo the_qf_get_thumb_one('num=0&height=150&crop_w=150&tag=0'); ?>" alt="<?php the_title();?>" class="fadeImg" /><em><?php the_title();?></em></a><span><?php the_tags( 'Tags: ' , ', '); ?></span></li>
<?php endwhile; endif ?>
</ul>
<!-- / #photolog --></div>

基本の投稿数の表示は5件なのですが、Photologだけは5件だと少ないので、ループタグの前にquery_posts($query_string.'&posts_per_page=15');と書いて表示数を15件にしています。

今までこのサイトでのサムネイル画像はカスタムフィールドで指定したものを表示していたけど、Photologは写メを送るだけで済ませるので、サムネイルを自動生成するプラグインQF-GetThumbを使うことにしました。

今回追加したQF-GetThumbは国産プラグインなのでとても使いやすかったｗ
詳しい使い方は配布サイトをご覧くださいませ。

このサイトではカテゴリとしてPhotologを作成しましたが、Photolog用に新たにWordPressを用意しても良いと思います。

Photologテーマ

すぐにPhotologを作りたい方にはこちらのような素敵なPhotologテーマもありますよ(*´∀｀)

lomohmds：ダウンロード、Demo

Photo-Biyori：ダウンロード、Demo

]]> http://hanatomikan.com/blog/wordpress/%e5%86%99%e3%83%a1%e3%83%bc%e3%83%ab%e3%81%a8wordpress%e3%81%a8twitter/feed 0 Tweet Thisボタンをつけてみた http://hanatomikan.com/blog/wordpress/tweet-this%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f http://hanatomikan.com/blog/wordpress/tweet-this%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f#comments Tue, 19 Jan 2010 08:37:44 +0000 はなとみかん http://hanatomikan.com/?p=708 Twitterユーザーが増えた今日この頃、ブログやニュースサイトに「Tweet This」ボタンが設置されているのをよく見るようになりました。

気になった記事についてスグに「つぶやける」のは便利ですよね。

私はたまにブクマ代わりに使ったりします。

で、これをこのサイトにも付けて見たくなったわけです。大した情報もないけど（爆）

WPプラグインを探してみる

WordPressを使っているのでまずはプラグインを探してみました。

この２つのプラグインが使いやすそうだったのでインストールしてみました。
両方ともTweet Thisボタンの設置だけじゃなく、ブログに新規投稿した時にTwitterに自動でtweetされる機能があります。
お得ですｗ

Tweet Thisについて

使い方は簡単で、インストールして管理画面で設定を行えば勝手に記事の末尾にTweet Thisボタンが追加されます。
タグの設置をしなくて良いのはメチャ簡単で◎！

でも私は勝手に入れられたくないんです！（わがままｗ）

多分、自分で任意の場所に設置できるんだろうけど、英語を読み解くのがおっくうになって挫折。
（英語はメチャ苦手ｗｗ）

Simple Tweetについて

をかもとさんが作ったとてもシンプルで使いやすいプラグインです。
何より日本語が一番！

メインは「新規投稿した時にTwitterに自動でtweetされる」機能、Tweet Thisボタンはサブ機能なんですよね。

メイン機能は既にTwitter Toolsにあるので、同じ機能を持ったプラグインをいくつも入れるのはイヤ
（わがままｗｗ）

ということで、両プラグインは今回は使用見送りとなりました（爆）

JSを試してみる

プラグインを検索している時にJSを使ったTweet Thisボタンを見つけたので試してみました。

お！なかなかいい感じ♪
bitlyはユーザー登録してあるから丁度いいかも～♪

期待を胸に試してみたのですが記事にあるようにJSの後ろの方を

window.open(url, "_blank");

とするとポップアップブロックされてしまってちょっと不便。残念(´･ω･`)
チョチョイとソースを直してしまうような知識ナシ！

最後はやっぱり原点に戻る！

これまたプラグインを検索していて見つけたサイトを参考にPHPに挑戦。

そのものズバリがココにありました！

<a href="http://twitter.com/home?status=I just read <?php the_permalink(); ?>" title="Send this page to Twitter!" target="_blank">Tweet This!</a>

こんなに簡単なことだったとは（；^ω^）
ここまでの道のりは長かった・・・（遠回りしすぎｗｗ）

でも少しわがままを言うと、the_permalink()のままだとURLが長い・・・

そこで一工夫

大してPHPの知識があるわけじゃない無いけどがんばってみました！これも勉強。

Simple Tweetの作者をかもとさんとこで紹介されている「ショートURLを取得する方法」を使います。

$api_url  = "http://tinyurl.com/api-create.php?url=";
$url = "http://example.com/";   // 変換したい URL
$result = @file_get_contents( $api_url.$url );

参考サイトではTinyURL.comを使っていますが、Twitter Toolsで使っているbitlyに変更。
（なんとなく統一したい気分だったのでｗ）

単純にhttp://bit.ly/api?url=に変更するだけでは動かなくなったので、下記の記事を参考にfunctions.phpの記述を変更しました。（2010年5月5日）

「yourAccountName」と「yourApiKey」部分はbitlyに登録しているアカウント名と配布されているAPIキーに変更してください。

functions.phpに下記を追加。

function tweet_this_short_url() {
$long_url = get_permalink();
$req = "http://api.bit.ly/shorten?login=yourAccountName&apiKey=yourApiKey&version=2.0.1&longUrl=".$long_url;
	$contents = file_get_contents($req);
	if(isset($contents)) {
		$url = json_decode($contents, true);
	}
echo $url['results'][$long_url]['shortUrl'];
}

変更前

function tweet_this_short_url() {
	$api_url  = "http://bit.ly/api?url=";
	$url = get_permalink();
	$result = @file_get_contents( $api_url.$url );
	echo $result;
}

single.phpに下記を追加。
設置場所はループ内のお好きなところへどうぞ。

<a href="http://twitter.com/home/?status=<?php the_title(); ?>｜<?php bloginfo('name'); ?> <?php tweet_this_short_url(); ?>" title="Twitterでつぶやく">Twitterでつぶやく</a>

これで思い通りのTweet Thisが完成！
このサイトではテキスト部分をアイコンにしています。お好みで変更してください(´∀｀)

WordPressを使ってると何でもプラグインに頼ってしまうけど、今回のようにプラグインにしなくても簡単に出来ちゃうことって多いんだろうなぁ。
あぁ、PHPをもっと自由自在に使えるようになりたい！

]]> http://hanatomikan.com/blog/wordpress/tweet-this%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e3%81%a4%e3%81%91%e3%81%a6%e3%81%bf%e3%81%9f/feed 0