[k]id » 2008 » 6月 

2008年6月30日

WordPressをiPhone,iPod touchの画面に対応させるプラグイン【iWPhone】

すごいWordPressプラグインです。

iWPhoneはWordPressをiPhone,iPod touch用に対応させるプラグイン。

IPhone用の画面を作ろうとしてた所だったのですが、これで解決してしまいました。

使用方法は上記サイトからファイルをダウンロードし、

 

ダウンロードファイル中の

「iwphone.php」をpluginsフォルダ

「iwphone-by-contentrobot」をフォルダごとthemesフォルダに

 

未だIPhoneは持っていないので、Safariでのチェックでしたが、

下記みたいな感じで表示されました。

 

 


↑イメージ画像(多分こんな感じに表示されるはず)

2008年6月27日

WordPress で特定のカテゴリのみ表示させる覚え書きの続き(in_categoryとis_category))

以前「WordPress で特定のカテゴリのみ表示させる覚え書き」の時に使用したis_category。

さらにin_categoryもあるらしく、使用方法の覚え書き。。

 

これは投稿ページ(single.php)などのテンプレートを制作するときに

「このカテゴリーの記事の時のみ表示したい」という場合に

<?php if (in_category('3')) { ?> 
ここに表示したい内容を。 
<?php } ?>

で分岐することで、このカテゴリに含まれる記事投稿の表示ができるみたいです。

2008年6月25日

WordPressで「より新しい投稿」「より古い投稿」のページナビゲーションの表示を変更

WordPressでページ数が増えてくると過去のページへのリンクを出現させるnext_posts_linkとprevious_posts_link

日本語に自動で変換されると「より新しい投稿」と「より古い投稿」に訳されてしまうのだが、

若干気に入らなかったので変更する方法の覚え書き

 

defoltテンプレートを引用、index.phpを下記の箇所を変更

<div class="navigation">
<div class="alignleft"><?php next_posts_link(__('« <span style="color: #ff0000;">Older Entries', 'kubrick')) ?></div>
<div class="alignright"><?php previous_posts_link(__('<span style="color: #ff0000;">Newer Entries »', 'kubrick')) ?></div>
</div>
       ↓

<div class="navigation">
<div class="alignleft"><?php next_posts_link(__('« <span style="color: #ff0000;">最新の記事')) ?></div>
<div class="alignright"><?php previous_posts_link(__('<span style="color: #ff0000;">過去の記事 »')) ?></div>
</div>
で変更できるみたいです。

2008年6月23日

WordPressでパンくずリスト(breadcrumb list)を挿入するプラグイン【Breadcrumb Navigation XT】

WordPressでちょっと表記方法を忘れてしまったので
パンくずリスト生成プラグイン【Breadcrumb Navigation XT】の覚え書き

 

私はWordPress内でパンくずリストを生成するのに
Breadcrumb Navigation XT】を使用させていただいています。

上記サイトからダウンロードしwp-content/pluginsディレクトにに格納

 
表示させたい所に以下を記述

<div class="breadcrumb">
<?php
if (class_exists('breadcrumb_navigation_xt')) {
// Display a prefix
echo 'Navigation: ';
// new breadcrumb object
$mybreadcrumb = new breadcrumb_navigation_xt;
// Display the breadcrumb
$mybreadcrumb->display();
}
?>
</div> <!-- [breadcrumb] -->
 
その後管理ページでプラグインを有効にする 。

これで表示されるはず。。

 

2008年6月19日

ShadedBorderでheightの繰り返しがうまくいかない時のTips

角丸コーナーや影付きドロップシャドウをJavaScriptとCSSだけで作成できるShadedBorderですが、
何故か縦長のページの時に、背景が途切れてしまうという現象が起こりました。

 

そこで使用させていただいているshadedborder.jsの中身を2カ所、修正してあげる事で、
繰り返しが正常に動作する事が解ったので、メモしておきます。

 

155段目
ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height:2048px; ' +
                 ↓
ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height:10240px; ' +
  と
162段目
' top:' + (th+bh) + 'px; height:2048px; padding:0; margin:0;';
                 ↓
' top:' + (th+bh) + 'px; height:10240px; padding:0; margin:0;';
で大丈夫だと思います。

Page 1 of 3123
Get Adobe Flash playerPlugin by wpburn.com wordpress themes