すごいWordPressプラグインです。
iWPhoneはWordPressをiPhone,iPod touch用に対応させるプラグイン。
IPhone用の画面を作ろうとしてた所だったのですが、これで解決してしまいました。
使用方法は上記サイトからファイルをダウンロードし、
ダウンロードファイル中の
「iwphone.php」をpluginsフォルダ
「iwphone-by-contentrobot」をフォルダごとthemesフォルダに
未だIPhoneは持っていないので、Safariでのチェックでしたが、
下記みたいな感じで表示されました。
↑イメージ画像(多分こんな感じに表示されるはず)
以前「WordPress で特定のカテゴリのみ表示させる覚え書き」の時に使用したis_category。
さらにin_categoryもあるらしく、使用方法の覚え書き。。
これは投稿ページ(single.php)などのテンプレートを制作するときに
「このカテゴリーの記事の時のみ表示したい」という場合に
<?php if (in_category('3')) { ?>
ここに表示したい内容を。
<?php } ?>
で分岐することで、このカテゴリに含まれる記事投稿の表示ができるみたいです。
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>
で変更できるみたいです。
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] -->
その後管理ページでプラグインを有効にする 。
これで表示されるはず。。
角丸コーナーや影付きドロップシャドウを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;';
で大丈夫だと思います。