カスタマイズ投稿のカテゴリー選択をラジオボタンにするWordPressで新規投稿する際に、記事のカテゴリーを決めて選択するようにしていることがよくあると思います。5330のブログでもWordpress、プラグイン、テーマ、カスタマイズ、の4つを定義して、記事を整理しています。投稿を整理するのに大事なカテゴリーですが、一つの投稿に複数のカテゴリーが付けられるので、散らかることもよく起ります。(カテゴリーやタグを付けすぎて、何がなんだかというブログもたまに見かけますね。)整理整頓好きな方だと、一つの記事に一つのカテゴリーで十分と考える方もいるでしょう。いう場合、カテゴリーの選択を複数選択が可能な「チェックボックス(四角いやつです)」ではなく、一つしか選択できないラジオボタン(丸いやつです)にしたいかもしれません。WordPressの使い方をよく知っている人なら良いですが、お客さんに納品する場合など、入力方法を用途にあわせて制限してあげた方が親切ですし、利用の際に間違いも起りにくくなります。カテゴリー選択をラジオボタンに変更するコードを紹介します。$content;}リンク先のコードだけだと、編集だけで新規作成の時にラジオボタンにならないので、post-new.phpを追加しました。変更箇所はそれだけです!リンク先にあるようにプラグインにしてもいいですし、functions.phpに書き込んでも同じように動きます。カスタマイズページに投稿を表示するショートコードWordPressをコンテンツ管理システムとして使う場合、サイトトップはブログのように投稿(ポスト)を時系列で表示するのではなく、奇麗にデザインされた固定ページを用意し、投稿は一部だけを(例えば新着記事5件とか)ページ上にリストで表示するなんてことをよくやります。WordPressをブログっぽくしたくない時、トップページでループ(投稿のまとまりのこと。WordPressのテーマのテンプレートで投稿を連続表示させるファイルはloop.phpと呼ばれます。)をまるごと表示ではなく、一部だけ表示するようにして、投稿は別の専用ページ上で表示するようにします。した作り方をする際、ループを任意のページに簡単に差し込めるショートコードを作っておけば、ページごとにコードが微妙に異なるテンプレートを用意せずとも、このカスタマイズが簡単に実現できます。会員制サイトで著者とカテゴリーで分類すれば、特定の会員のお知らせを表示するページなんかも作れます。ショートコードを使うので、お客さま側で簡単に表示の順番を入れ替えたり、レイアウトを変えたりできます。あと、カスタム投稿タイプを使って専用のお知らせ入力欄を作り、好きな場所に表示するなど、ページの中に色々なコンテンツを一括して掲載することができるようになります。投稿の種類と表示場所が自由に選べるだけでも、できることは色々広がりそうです。Tabsプラグインを使って、ページのコンテンツを3つのタブに分類し、その一つ”お知らせ”に著者web5330によって書かれた投稿のループを差し込んでいます。)いろいろ応用が利くループを表示するショートコードですが、日本語で書かれた作り方の情報がほとんどありません。英語では多少ありますが、情報が多少古いのと、ループ部分の出力の仕方が単純なリスト表示だけだったりしたので、元のコードを改変して、WordPressのloop.phpで出力している形式のものを作ってみました。"myLoop");?>上のコードをfunctions.phpに差し込めば、loopショートコードが使えるようになります。テーマの変更を自由にしたい場合はプラグインにすると良いでしょう。利用できるパラメーターはcategory_name、author_name、posts_per_pageの3つを用意しました。WP_Queryで使えるパラメーターは何でも追加できるので、パラメーターは好きに改変してください。shortcode_attsの配列にパラメーターを追加するだけでOKです。APIWP_Queryの説明は下のリンクを参照してください。リンク先にも説明されているように、使えるパラメーターはquery_postsと同じです。posts_per_page="5"]上のショートコードをページの好きな場所に差し込むことで、WordPressの投稿からカテゴリーがwork(仕事)、著者がweb5330(nicenameを使います。ニックネームではないので注意!)、最新の投稿5件をWordPressのデフォルトのループ同様フル記事で表示します。ページ送りもできるはずなので、htmlのアウトプットを変えたいときは、ob_start()からob_get_contents()の間のhtmlを変えれば、好きなhtmlを出力できます。このショートコードが一個あるだけ、色々できることが広がるので皆さんも試してみてください。カスタマイズシェア(共有)ボタンを追加するWordPressで作ったサイトを宣伝する上で、ソーシャル系のサービスが提供しているシェア(共有)ボタンの設置はかかせません。シェアボタンを提供しているソーシャル系サービスはそれこそ色々ありますが、サイトにボタンをごちゃごちゃ乗せるのも、見た目上よくないですし、使い勝手も悪くなってきます。欲張らずに、日本で人気のあるサービス3つくらいに絞った方が良いでしょう。サービスの追加や入れ替えは、後で簡単にできるので、ここではTwitter、Facebook、はてなブックマークの3つに絞って解説します。Buttonプラグイン)http://wordpress.org/extend/plugins/topsy/Twitterのリツイートボタンを追加したい場合、いろいろプラグインがあるので、それを使うのが一番お手軽です。プラグインをインストールしたら、設定メニューの下に「Topsy」というメニューが追加されるので、そこから設定します。Usernameのところに入れておきます。Appearanceでボタンの見た目を決めます。すると上のようなプレビューが表示されます。いうコードを使って、single.phpのボタンを表示したい場所に差し込みます。するとWordPressのページ上では、ボタンを表示するためのコードが自動で生成され、ブラウザ上でリツイートボタンとして表示されます。Retweet(公式リツイートボタン)Topsyのような外部サービスではなく、Twitterが提供する公式ボタンを使いたい場合は、プラグインを使う方法もありますが、差し込み場所を自由に指定したいのであれば、リツイートボタンのコードを作って好きな場所に差し込みます。公式ボタンは以下のTwitterのサイトで作成することができます:http://twitter.com/about/resources/tweetbuttonサイトに丁寧に説明されているので、ボタンの種類を決めるだけで簡単に公式リツイートボタンが作れます。できあがったコードをsingle.phpの好きな場所に差し込めばOKです。いいね!(Like!)Facebookのいいね!ボタンもTwitterの公式ボタンのように、Facebookのボタン作成ページでコードを作ります。ボタンを押して、コードを生成します。するとiframeとXFBMLの二つのコードが表示されます。どちらか好きなコードを、single.phpの好きな場所に差し込みます。XFBMLを選んでも、iframeのコードが生成され差し込まれます。新はてなブックマークボタン新しくなったはてなブックマークボタンも、はてなのサイト上でコードを生成します。http://b.hatena.ne.jp/guide/bbuttonURLとタイトルにブログの情報を記入し、好きなボタンタイプを選べばコードの完成です。できあがったコードをsingle.phpの好きな場所に差し込みます。ボタンのレイアウトを直すHTML要素としてsingle.php上に順番にボタンのコードを並べても、ブラウザ上で見るとボタンは縦一列に並んでしまいます。通常、ボタンを横に並べる場合が多いと思いますので、HTMLのリスト表示とスタイルシートを使って、横に並べます。<li>"ここにLike!ボタンのコードを入れる"(長いので略します。10px;}まず、HTMLのリスト表示に使うulとliのタグを使ってボタンのリストを作ります。ulタグにはclassにsocialbuttonなどの名前を付けておきます。liの中にそれぞれのボタンのコードを入れておきます。次に、スタイルシートに先ほどHTMLで作ったリストのスタイルを定義します。ulの中のli要素はfloatで順番に横に並ぶようにし、widthで横幅を指定します。margin-rightで各ボタンの右側の余白を指定して間を少し開けます。これで、liの順に左から右へボタンがきれいに並びます。