Group items tagged

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

もっとも簡単で無理矢理な方法は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:

偶然ワードプレス2.5で忘れられた、Press-It Bookmarklet（プレスイット・ブックマークレット） 行方不明になったプレスイット・ブックマークレットを再び作る方法に関しては、WordPress Support Forum（ワードプレス・サポート・フォーラム）でも確認することができる。 ワードプレス2.5のイメージ・アップロード問題 One Cool Site（ワン・クール・サイト）が、新しいインターフェース内で、イメージのアップロードとインサートを実施する手順を細かく記したガイドを提供している。 イメージ・アップローダー/メディア・ライブラリの問題を抱えている人へ 多くのユーザーが、ワードプレス2.5のメディア・ライブラリに対して問題を抱えている。このような問題の大半は、最新版のAdobe（アドビ）のFlash（フラッシュ）をインストールし、再起動し、FireFox（ファイヤーフォックス）のAdBlockPlus（アドブロックプラス）やその他のジャバスクリプトのブロッカーを無効にすることで、解決することができる。さらにアドバイスや情報が必要なら、ワードプレス 2.5: イメージをアップロードする際の問題、写真をアップロードする方法（動画）、メディア・ライブラリからイメージをアップロードする際の問題、そして、ブラウザーのバグとメディア・ライブラリに関する議論に目を通しておこう。

ワードプレス2.5のテクニック、秘訣、そして、プラグイン: 次に挙げるエントリは、ワードプレス2.5の具体的な秘訣、テクニック、そして、プラグインを紹介するエントリである:

Category Selector to Sidebar（カテゴリー・セレクター・トゥ・サイドバー）ワードプレス・プラグインは、ワードプレス2.5のブログに対して、カテゴリー・リストをサイドバーの従来の位置に戻すプラグインである。 Dashboard Last News（ダッシュボード・ラスト・ニュース）ワードプレス・プラグインは、ワードプレス・ダッシュボード・パネル内に、気に入っている最新の投稿のフィード・アイテムを表示するプラグインである。 planetOzh（プラネットオズ）が、“ハウ・トゥー: ワードプレス2.5のツールティップ”を、この新しい機能を一段上のレベルで利用できるように、プラグインのクリエイター達に向けて、提供している。 Remove Max Width（リムーブ・マックス・ウィドゥス）ワードプレス・プラグインは、ワードプレス2.5と併用し、新しい管理者パネルで設定されている、980ピクセルという幅の制限を取り払うプラグインである。 ワードプレス2.5 サイドバー・ウィジェット・ガイドは、プラグインのクリエイターやユーザーが、ワードプレス2.5のサイドバー・ウィジェットの仕組みをより深く理解することができるように、策定された指南書である。

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

Wordpressの「Widgets」は、もともと管理画面からサイドバーの表示内容を切り替えることの出来る便利なプラグインだったようですが、Wordpress2.5からは本体に組み込まれており、プラグイン導入の手順を踏まなくても利用できます。 早速独自テーマを選択し、管理画面のデザイン＞ウィジェットからWidgetsを使ってみようとすると ウィジェットは使用できません 現在使用中のテーマはウィジェットに対応していないため、このままではサイドバーの変更はできません。ウィジェットに対応するようにテーマを修正するにはこちらの説明を参照してください。 と言われちゃいました。 デフォルトテーマのkubrickでは、設定無しに簡単に利用できるのですが、どうやら独自のテーマでこの機能を利用するためには、テーマファイルに少し手を加える必要があるようです。 でグーグルさんに聞きました。 超とりあえずWidgetsを使えるようにする！ とりあえずWidgetsを使えるようにするには、「function.php」と「sidebar.php」を編集する必要があります。 function.php function.phpはテーマ内で使うユーザー関数など、全ページで呼び出したいプログラムをまとめて記述しておくファイルです。このファイルに <?php if ( function_exists('register_sidebar') ) { register_sidebar(); } ?> を加えます。ファイルが存在しない場合は新しく作ってください。 sidebar.php 標準のサイドバー部分のファイルです。このファイルの内容が例えば <ul> 　<li> 　　<h3>このサイトについて</h3> 　　<div class="content"> 　　　このサイトは。。。。 　　</div> 　</li> </ul> なら、これを <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) { ?><!-- 追加 --> 　<li> 　　<h3>このサイトについて</h3> 　　<div class="content"> 　　　このサイトは。。。。 　　</div> 　</li> <?php } ?><!-- 追加 --> </ul> このように編集します。最初のULの後と、最後のULの前に1行ずつ加わりました。 　 ここまで終えて、再度デザイン＞ウィジェットに行ってみると、Widgetsの管理画面を見ることが出来るようになっていて、管理画面でWidgetsの設定をすると、テーマに反映されるはずです。 ちなみに左サイドバー、右サイドバーというように、複数のサイドバーを使っている場合は、function.phpの内容を <?php if ( function_exists('register_sidebars') ) { register_sidebars(サイドバーの数); } ?> のように変更します。例（2個のバーを使う場合）↓ <?php if ( function_exists('register_sidebars') ) { register_sidebars(2); } ?> さらに、各サイドバーファイルの <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) { ?> の部分の「dynamic_sidebar()」という関数に <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) { ?> のように、数字の引数を与えてやると（ファイル毎に異なる数字）、複数バーのWidgetsを管理画面から管理出来るようになります。 以上とりあえず、Widgetsを使ってみるでした。

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

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

Wordpressのデザインはテーマと呼ばれてます。テーマを構成するファイル群がテンプレートファイルです。 他のブログのようにテーマをテンプレートと呼んでも通じるけど、検索するときはテーマ(Theme)を使う方が良いかも。 ダウンロードしたばかりだと"Classic" と "Default"の２つがプリインストールされてますが、 テーマ新しく追加する場合は、ダウンロードして解凍したテーマのフォルダをWordpressのwp-content/themes/にアップロードするだけ。 デザイン（表示）に並ぶテーマのスクリーンショットをクリックすれば即座に変更されます。 テーマ変更で再構築が必要ない、というのがWordpressの良いところ。 Wordpressは1.x系、2.0.x系、2.1.x系、2.2以降と2.5では内部仕様が違ってるので、テーマやプラグインはバージョンにあったものを選ばないとエラーが出たりするので注意。 特に2.5は最新とあって対応してるテーマやプラグインもまだ少ないようです。 公式のリスト» WordPress 2.5 Theme Compatibility List WordPress 2.5 Plugin Compatibility List

Wordpressはコアファイル・プラグイン等全てPHPなので、PHPとmySQLに通じていればかなり色々なことができます。 テーマを構成するテンプレートファイルは、XHTMLとPHPのテンプレートタグで作成されてます。 XHTMLとUTF-8で記述するのがベターですが、HTMLでも文字コードさえ合ってれば問題はないです。 文字コードはWordpress2.5ではUTF-8のみになりました。 テキストエディタはBOM無しのUTF-8で保存できるものを選ぶ必要があります。(メモ帳はダメ！絶対）

テンプレートに記述するWordpress独自のPHPコードはテンプレートタグの他、ループやファンクションなどかなり色々使えます。 PHPの関数や変数なんかも使えま

過去幾度無くAppleサイトのサイドバーの再現に挑戦したのですが、中々思うようにできなかったのですが、jQueryを使用して再現するチュートリアルを参考にしてやってみたら、やっと私も当ブログのサイドバーに導入できたー！の導入メモ。 参考サイト: Slide out and drawer effect | jQuery for Designers - Tutorials and screencasts ダウンロード: jQuery: The Write Less, Do More, JavaScript Library Dimensions | jQuery Plugins jQuery plugin: Accordion ダウンロードしたjQueryとDimensions, accordion plugin をjsフォルダにアップロードし、下記CodeをWordpress theme のヘッダーにに読み込みます。

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で囲って色を付けてあります。※サイドバーには、ウィジェットが登録されていない場合は従来どおりの標準的な内容が表示されます。

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をインストールしていなくても、ご心配なく。別途プラグインをサイドバー・ウィジェットとしてインストールすれば問題ないからね。

ダッシュボードはコアファイルを直接変更していました。2.0.xまではwp-admin/index.phpを、2.1ではそれに加えてwp-admin/index-extra.phpも手を加えることになるわけです。それをしなくても済むプラグインがWordPressのダッシュボードを自由にカスタマイズ at orioaにて紹介されています。 このプラグインでは要らない項目を非表示に出来るだけでなく、項目を追加することも出来るのでとても便利そうです。さらにSidebar Widgetも使えるとのこと。(ココ重要！)ということで早速導入をば。

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.

In WordPress 2.5, the code is cleaner, the plugin is more responsive and you can add both “real” sidebar widgets, or add “fake” ones to match the dashboard. This plugin is currently intended for 2.5, but it also works in Wordpress 2.1 - 2.3 and can work in Wordpress 2.0.x if you use the Completely Wipe Dashboard option.