March, 2005

WP-Plugins Wordpress

wpPaginateを入れました。これはページナビゲーション表示を、ただの<Previous Next>ではなくて、ページ番号を表示するようにするもの。
インストールは簡単で、プラグインをコピーして新規テキストファイルにペーストし、名前をつけて保存(私はpagenate.phpにしました)あとはwp-content/pluginsフォルダの中に入れてアドミンエリアで有効化。ページナビゲーションを入れたい部分に
<? print_pg_navigation('<p>','</p>'); ?>
を書き込めば完了です。

Trackback URI: http://www.hyperpup.com/main/archives/94/trackback/

WP-Plugins Wordpress

WPプラグインのwp-gravatarを入れてみた。これは、コメントをすると登録したアバターが表示されるというもので、登録してない人のアバターとしてデフォルトアバターも設定することができます。
まずは自分のアバターを無料登録しましょう。1つのメールアドレスに付1つのアバターが無料で登録できて、複数のアバターを使いたい時には新たにメールアドレスを登録するか、5ドル出すと1つのアカウントで複数アバターオプションがあるようです。
無料登録して、アバターをアップロードしたら一応審査があって、G,PG,R,Xのうちの1つにランクづけされます。これによって自分のサイトにどのランク以上のアバターを表示するかを選択でき、変な画像のアバターは表示されないようになってます。登録できるアバターの大きさは80×80です。
プラグインをダウンロードしてpluginsフォルダにいれ有効化したら、comments.phpの好きなところにgravatarのコードを記入します。
<?php gravatar(); ?>
ランクR以上のアバターだけを表示したい時
<?php gravatar("R"); ?>
さらにサイズを40に変更したい時
<?php gravatar("R", 40); ?>
アバター登録していない人のデフォルト画像に自分で設定したアバターを使いたい時
<?php gravatar("R", 40, "http://www.somewhere.com/heatvision.jpg"); ?>
アバターを表示させるには、このコードだけでは駄目で、必ずこれを<img src="">と一緒に使ってください。
<div class="gravatar">などでくくってCSSでスタイルを設定もできます。(私はなぜか、デフォルトのアバター設定のURLに”www”を入れたら画像表示がうまくされませんでした。)
Gravatarが落ちていると自分のアバターも表示されないようで、これを解決する方法や、Gravatarの登録リンクを表示するプラグインも出ています。早速Gravatar登録プラグインも入れてみましたので良かったら試してみてください。チェックボックスにチェックして、希望パスワードを入力しそのままコメントを普通に送れば、入力したアドレス宛にGravatarから確認メールが届き、そのメール内のURLをクリックすれば登録は完了です。あとはそのメールアドレスとパスワードでGravatarサイトにログインして自分のアバター(サイズは80×80px)をアップロードすれば完了です。
今回私は、themeフォルダの中のimagesフォルダの中にアバター登録してない人のデフォルトアバター(nogravatar.gif)を入れました。サイズは50に変更、ランクはR以上の設定にしました。Wordpressはwp-directoryに入っていてyourthemeというThemeを使っていると想定した時のコードはこんな感じです。
<div class="gravatar"><img src="<?php gravatar("R", 50, "http://yourdomain.com/wp-directory/wp-content/themes/yourtheme/images/nogravatar.gif"); ?"> title="<?php comment_author(); ?>'s Gravatar" height="50" width="50" alt="Gravatar" /></div>
私が書いた場所は
<h3 class="commenttitle">

<?php comment_author_link() ?> <?php _e('Said'); ?></h3>
の間で、スタイルシートでは、class=”gravatar”としたので、gravatarというクラスを使って、写真のスタイルを変更できます。この名前は好きなのに変更しても大丈夫です。

Trackback URI: http://www.hyperpup.com/main/archives/93/trackback/

Website

 昨日やっとこさWordpressを1.5にアップグレードした。アップグレードしたついでに、文字コードも今までのEUC-JPからUTF-8に変更してみた。(かみらさんによる変更方法の説明)よくわからないのだけれど、管理画面の中の文字コード設定の所に「UTF-8推奨」って書いてあるし、何故か月の表示が日本語(~月)になって文字化けしてしまっていたのを、テストサイトでUTF-8に変更したら英語表示になったから(Jan, Feb…)。
 デザインはAlex Kingで今やっているテーマコンペの中から、一番やりたい形に近かったAlmost Springというのを元に変更していった。作者のBecca Weiさんのサイトはとっても素敵で、個人的にはこの人のテーマが一番好きだから優勝して欲しいな・・・。
 今回は、2カラムでメニューを右に持ってくるレイアウトにしようと思った。HomeやPageはヘッダーの下のところに横並びのメニューにして、カテゴリーが多いので特に目立つようにしたかった。前回のデザインはWPがCSSベースで色んなデザインに変更できるなんて全然気にもとめず、テーブルを駆使した3カラムのデザインだったけど、今回はCSSの勉強をしながらCSSだけでデザインをしようとおもった。優柔不断なので何を決めるにしろ時間がかかる。
 とにかく、最初はCSSを勉強すること。とはいえ、テーブルレイアウトでもある程度のCSSは使っていたので、実際に自分が必要な部分を検索しながら始めることにした。
 CSSでデザインががらっとかわるということは、テーブルのときと違って、index.phpなどはそんなにいじる必要もないなってことを結構後になってから気づいたけど、それまではCSSやらその他テーマに必要なファイルが色々あるので頭がこんがらがった。
 大体のリニューアルはできましたが、細かいところはおいおい・・・。

Trackback URI: http://www.hyperpup.com/main/archives/92/trackback/

Pages (2): [1] 2 »