WordPress Beginners

アップグレードで面倒なのって多分プラグインの見直しだと思うんだよね…。 プラグインが対応してないせいで上のバージョン使えないってこともあるし。 UltimateTagWarrier 管理してたタグはWordpressのタグへそっくりそのままエクスポートできた。便利。 プラグインの使用はそのまま可能だった。 wordpressのタグアーカイブとUTWのアーカイブが喧嘩して表示されなくなる。 サーバログ見るとデータベースでエラーが発生していた。プラグインオフにしたら表示は動くが… 日本語タグのバグがなくなるまで使いたいけど、アーカイブ表示出来ないのは致命的。 Tiny-MCE関係 aoinaさんの作ったプラグインwp-tinymceで超愛用してたんだけど Firebugで「tinyMCE is not defined」というエラーが発生して、ビジュアルエディタが操作不能になった。 プラグインオフにしてもソースにプラグインが出力するソースが表示されてたが、どうもキャッシュが残ってたのが原因らしい。（よくわからない） Problemi con Visual editor di Wordpress 2.5で配布されてるプラグインを使ったら直せた。 tiny_mce_config.phpの’compress’ => trueをfalseにしてからプラグインをオンにして、エディタをリロードしたらエラーが消えた。 Bookmarklet Helper aoinaさん作Bookmarklet Helperプラグイン。新規作成までは行くんだけど、引用の本文や参照元等のタグが一部挿入されない。 2.5はデフォルトについてたブックマークレットは削除されている。（2.6で復活するらしい）その影響？ iG:Syntax Hiliter コードビューのボタンが表示されない。他は問題ないと思う。 WP-AddQuicktag 動かない。残念。

This article is a list of other Codex articles that cover how to upgrade your plugins and themes from one WordPress version to the next. Upgrade 1.2 to 1.5 - Covers how to convert a really old Theme to the current theming system. Migrating Plugins and Themes to 2.1 - Covers changes between WordPress 2.0 and WordPress 2.1 Migrating Plugins and Themes to 2.2 - Covers changes between WordPress 2.1 and WordPress 2.2 Migrating Plugins and Themes to 2.3 - Covers changes between WordPress 2.2 and WordPress 2.3 Migrating Plugins and Themes to 2.5 - Covers changes between WordPress 2.3 and WordPress 2.5 (there was no version 2.4) You may also want to check: Plugin Compatibility List Theme Compatibility List

本来は記事やページを PDF ファイルに変換してくれるプラグインを導入すべく、いくつかのプラグインを試してみたのですが、どうも日本語環境との相性が良くなかったり、当サイトはレンタルサーバを利用していることもあって、プラグインを動作させるための環境が整えられていなかったりということで動作せず。。。 ContuttoPDF Wordpress post2pdf plugin Wordpress post to pdf plugin だったら、プラグイン以外で何とかできないものかと思っていたところ、Web サイトやブログを PDF ファイルへ変換できるボタン（widget）を提供してくれる便利なサービスを見つけました。 Web2PDF Online Widget

Twitter Tools This plugin creates an integration between your WordPress blog and your Twitter account. Pull your tweets into your blog and create new tweets on blog posts and from within WordPress. If you are using WordPress 2.3 or later, download this version: Current beta release Download | README | SVN Repository Latest Release: Version 1.2b1, 2008-04-13.

Twitter Tools This plugin creates an integration between your WordPress blog and your Twitter account. Pull your tweets into your blog and create new tweets on blog posts and from within WordPress. If you are using WordPress 2.3 or later, download this version: Current beta release Download | README | SVN Repository Latest Release: Version 1.2b1, 2008-04-13. Previous, more stable release Download | README | SVN Repository Latest Release: Version 1.1b1, 2007-12-16.

If you are using WordPress 2.1 or 2.2, download this version: Download Latest Release: Version 1.0, 2007-05-07.

WordPressのリッチエディタにはTinyMCEが使われている。リッチエディタを使うのはソースコードなどタグを記事本文として流し込むときだけなので、あまり気にしなかったが、使っている人から、なぜ明朝体のでかいフォントなのかと言われた。皆さんはどうしているのだろうか。ここではリッチエディタにオリジナルのCSSを適用する方法を調べてみた。 リッチエディタはiframeで実現されているため、擬似的にhtml-head-bodyの構造を取っている。ここに適用されているCSSは以下の3つだが、このうち”wordpress.css”が変更の対象となる。 wp-includes/js/tinymce/themes/advanced/css/editor_content.css wp-includes/js/tinymce/plugins/wordpress/wordpress.css wp-includes/js/tinymce/plugins/spellchecker/css/content.css 変更するにはまず適用するCSSを作成する。その際に、変更するwordpress.cssを当該CSSで@includeする。 フォントの指定を含め、一般的な設定をするのなら以下のようなCSSになるはず。使用しているテーマのCSSから必要な部分だけ持ってくればよい。

CSS /* rich_editor.css ver 0.1 by Junon */ @import url('http://www.techdego.com/wp-includes/js/tinymce/plugins/wordpress/wordpress.css'); body { margin: 0; padding: 0　10px; background-color: #fff; color:#000; font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", sans-serif; font-size: 0.8em; line-height: 1.4; } p a:link { text-decoration: none; color: #186FD0; border-bottom: 1px dotted #186FD0; } p a:visited, p a:active { text-decoration: none; color: #666; border-bottom: 1px dotted #186FD0; } p a:hover { text-decoration: none; color: #186FD0; border-bottom: 1px solid #186FD0; } p { margin: 1em 0; } li { margin-top: 1em; } ul li { list-style: square; } ul li ul { margin-bottom: 0.3em; } ul li ul li { list-style: circle; } a:link img, a:hover img, a:visited img, a:active img{ border: none; } .alignleft { float: left; } .alignright { float: right; } .clearer { clear: both; } code, pre { font-family: "courier new", courier, monospace; } 上記をTinyMCEに適用すればよいのだが、今回は自分のテーマに付随させてテーマを外せばエディタのCSSも変わるようにする。

上記のCSS（ここではrich_editor.cssとする）をテーマのstyle.cssと同じ階層に保存する（背景画像をテーマと共有するため）。 テーマのfunctions.php（無ければ新規に作成）の最後に以下のコードを記述する。 PHP function replace_editor_css($css_file) { $css_file = get_option('siteurl') . '/wp-content/themes/**theme-name**/rich_editor.css'; return $css_file; } add_filter('mce_css', 'replace_editor_css'); ちなみに、上記の部分を別のphpファイルにして、pluginsフォルダに入れるとプラグインになる。テーマを変えてもCSSを適用したいならプラグイン化をお勧めする。

結局最終的に「（１）sandboxをベースに、（２）gridlockのレイアウトを適用し、（３）細かい演出をredoableにして、（４）Binary Blueの採用しているプラグインを入れる」のが理想型と結論。現在の状況は(2)と(3)の60%というところで、見苦しい点もあるかと思いますが、今後どんどん変えていこうと思っています。

Gridlock : “webzine-style”という雑誌の特集記事のようなトップページが特徴のテーマ。一般的なブログの新しい順に下にずらずら続く記事とは違う、新しい見せ方として注目。Sidebar Widgetに対応していない。また、トップページに記事は3つしか掲載できない設定なのもいまいち。

ウィジェットに対応していないテーマの修正 WordPressのテーマを色々見てみると中にはウィジェットに対応していないテーマも存在します。 そういったテーマにウィジェットを対応させたい場合は、独自にソースをいじる必要があります。 sidebar.phpへコードを追加する sidebar.phpの中身を見ると、オーソドックスな作りなら、「id=”sidebar”」って記述があると思います。 そのidで囲まれている中に、 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <?php endif; ?> 上記のように記述します。 このif文の間に管理画面で追加設定したウィジェットが追加されます。 これだけでは、追加出来ないので次ぎに「functions.php」というファイルを作成します。

もっとも簡単で無理矢理な方法はWordPress Widgetsからダウンロードしたwidgetsフォルダのclassicフォルダからsidebar.php　functions.phpを、非対応テーマフォルダに上書きする。wordpressに標準で入っているテーマclassicに含まれるサイドバーで問題ない場合はこの方法が楽。しかしテーマにもともとfunctions.phpがある場合はこの方法はやめたほうがよい。基本的にはお勧めしません。（おそらくwordpress標準テーマをWidgets化するためのファイルです。）上書きする際はバックアップを忘れずに。 非対応テーマのサイドバーをいかしたままWidgetsに対応させる 参考程度に。Sidebar WidgetsREADME.txtを参照のこと。 それぞれのテーマのsidebar.phpの一番初めの<ul>の次の行に以下のコードを加える。 <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>さらに最も最後の<ul>の直前に <?php endif; ?>を加える。

サイドバーが複数ある場合の対応方法。 基本的には非対応テーマのサイドバーを生かしたままWidgetsに対応させるの方法と同じ。異なるのはsidebar.phpに加えるコードのdynamic_sidebar()の()の中に数字を入れる点。 サイドバーが２つの時。それぞれのsidebar.phpに以下を加える。 <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?> <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?> <?php endif; ?>を入れ忘れないように。 さらにfunctions.phpのregister_sidebar();にサイドバーの数と同じ数字を入れる。 <?php if ( function_exists('register_sidebars') )     register_sidebars(2); ?> このようにすればサイドバーが複数あるテーマにもSidebar Widgetsを対応させることが出来るはず。サイドバーがさらに多い場合も入れる値の数字を大きくしていけば対応できるのではと想像。

Step 1: Check if the theme is widget-ready You can’t use widgets if the theme you’re using isn’t widget-ready in the first place. Navigate to your Presentation menu and proceed to the Widgets sub-menu of your administration panel. If you see something like this, you’re out of luck:

Step 1: Check if the theme is widget-ready You can’t use widgets if the theme you’re using isn’t widget-ready in the first place. Navigate to your Presentation menu and proceed to the Widgets sub-menu of your administration panel. If you see something like this, you’re out of luck:

Step 2: Use available widgets For the rest of the tutorial, we’ll be working with one of our widget-ready themes called Moonlit Sky. You’ll notice this particular free WordPress theme has two sidebars on the right side. Both of these sidebars are widgetized. Go ahead and drag some of the available widgets into the sidebar of your choice and save the changes. These changes will be reflected on your main site automatically. Some widgets have a little icon next to them where you can set things like the title of the widget to be displayed on the site. Here’s what the settings for the Categories widget looks like:

Yahooウィジェット日本語版が公開されたので、探してみたらありましたよ、WordPress関連のが。 WP-ShortStat（またはShortStat、SlimStat）プラグインと連動して、WordPressのユニークヒット数を表示してくれるウィジェット「Unique Hits Widget」です。 WP-ShortStat連動の導入方法がちょこっと面倒だったのと、原文英語なので導入方法をメモ。

なみに当ブログでは 右サイドバーにウィジェット領域が２つ用意されているテーマです。 もともとの構図は以下 ヘッダー 記事 サイドバー１(ウィジェット) サイドバー２(ウィジェット) フッター これを ヘッダー 自由スペース(ウィジェット３) 記事 サイドバー左(ウィジェット１) サイドバー右(ウィジェット２) フッター このように変更してみる

当ブログでは 右サイドバーにウィジェット領域が２つ用意されているテーマです。 もともとの構図は以下 ヘッダー 記事 サイドバー１(ウィジェット) サイドバー２(ウィジェット) フッター これを ヘッダー 自由スペース(ウィジェット３) 記事 サイドバー左(ウィジェット１) サイドバー右(ウィジェット２) フッター このように変更してみる

WordPressのウィジェット領域は、標準ではsidebar.php内の１カ所だけだが、index.phpやfooter.phpなど、その他のエリアにもウィジェット領域を持たせる。

■手順１：テーマフォルダ/functions.php　3行目register_sidebar(array(これをregister_sidebars(3,array(※数字は、ウィジェット領域の数

■手順２：（例：index.phpのループの前と後に２つの領域を挿入）テーマフォルダ/index.php　5行目　have_postsの前に以下を挿入＜?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(2) ) : ?＞ここはウィジェット「２」※ウィジェットに何も登録されていない時にここの内容を表示＜?php endif; ?>テーマフォルダ/index.php　40行目　endifの後に以下を挿入＜?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(3) ) : ?＞ここはウィジェット「３」※ウィジェットに何も登録されていない時にここの内容を表示＜?php endif; ?＞※分かりやすくするためにdivで囲って色を付けてあります。※サイドバーには、ウィジェットが登録されていない場合は従来どおりの標準的な内容が表示されます。

Pre Wordpress 2.3 Widgets WordPress Widgets (WPW) is like a plugin, but designed to provide a simple way to arrange the various elements of your sidebar content (known as "widgets") without having to change any code. The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress, and the Widgets page at Automattic explains how to 'widgetize' themes and plugins. Using Text Widgets Using RSS Widgets Widget-ready themes Resources

Last.fm - last.fm music charts as a graphic in your sidebar Last.fm Adds the new version of the chart. Customizable color and type.

Feedburner - subscribe to blog via Feedburner Flickr Badge Widget - display your flickr photos in the sidebar Flickr Widget - same widget that www.wordpress.com uses flickr RSS Widgets - display flickr Photos on sidebar Flickr Photo Album - display Flickr album sets FlickerRSS - display Flickr photos; requires flickrRSS Plugin Flickr Spinnr - display Flickr photos in rotating cube Flickr Tag Cloud Widget - display a link tag cloud from your Flickr account

I have just finished a major update to my Translate Widget. This widget plops into you sidebar, using the Wordpress Widgets plugin. To quote my younger self:

Here’s the download: Translate Widget 2.0 The zip includes a /flags/ folder, and a translate.php file. Both need to be placed in the /wordpress/wp-content/plugins/widgets/ folder.

WordPressは，オープンソースのスクリプト言語PHPとデータベースMySQLで開発したブログ構築ソフトウエア。GNU General Public License（GPL）を適用して提供している。4カ月前に公開した旧版のWordPress 2.1は，これまでに140万回ダウンロードされたという。 　新版では，これまでプラグインとして提供していた各種ウィジェットのコードをWordPress本体と統合した。これにより，ブログ上に配置するパーツやコンテンツの位置などを，ドラッグ＆ドロップ操作で調整できるようになった。

Atom 1.0準拠の更新情報フィードの配信機能と，Atomフィード発行用APIを新たに搭載した。またブログ・インポート機能も新版とし，米Googleのブログ・サービス「Blogger」からの記事／コメント取り込みに対応している。

WordPress をプラグインの作成やカスタマイズするときに WordPress のデータベースの設定を使用してアクセスする方法です。 WordPress では $wpdb というグローバル関数に格納された wpdb クラスを使用してデータベースにアクセスしています。wpdb クラスは wp-includes/wp-db.php で定義されています。

英語版だけど、ウィジェットにドラッグして設置、自分のAssociate IDを入力、日本のアマゾンも選択するだけで準備ＯＫ。 あとは紹介する商品のASIN/ISBNを入力して写真の大きさを選ぶだけ。 とっても簡単でええですわ(^_^) ダウンロードは以下から。 WordPress › Amazon Showcase Wordpress Widget « WordPress Plugins

wordpress ウィジェット 追加　とかで検索するとよいと思います。 最低限以下の手順をとれば使用できるようになると思います。 テンプレートファイルのサイドバーウィジェットを表示したい場所に以下を追加 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <?php endif; ?> 追加するのはsidebar.phpとかになると思いますが、 カレンダーやカテゴリーなどのウィジェットで表示するもののソースが入っていれば全部消してしまって構いません。 （消さないと2重表示になります） function.phpに以下を追加。function.phpがなければ作成する register_sidebar(array( 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => '</div>', 'before_title' => '<h3>', 'after_title' => '</h3>', )); before_widget→ウィジェットの前に挿入するタグ after_widget→ウィジェットの後に挿入するタグ before_title→ウィジェットタイトルの前に挿入するタグ after_title→ウィジェットタイトルの後に挿入するタグ テーマに使われてるタグをそのままコピペすれば同じになると思います。

今回は、ブログのテーマを「ウィジェット化」するために何を知っておく必要があるのかを一緒に探っていこうと思う。はじめの一歩として、とりあえずウィジェットをブログのテーマで使えるようにする必要がある。まだワードプレス2.2をインストールしていなくても、ご心配なく。別途プラグインをサイドバー・ウィジェットとしてインストールすれば問題ないからね。