最近のブログエントリを表示するチュートリアル RapidWeaver Central版
Recent Blog Posts on Home Page Tutorial | Tutorials | RapidWeaver Central
手順はこちら。
1.必要なファイルをダウンロードする
2.functions.phpをアセットに追加
3.テーマのindex.htmlファイルを開く
4.bodyタグの直下に以下のタグを挿入
<div id='zero'><?php require_once "assets/functions.php"; ?></div>
3と4のタグ挿入ですが、テンプレートのindex.htmlに挿入しないで個別のページに挿入した方がよさそうです。body直下にこだわらず入れてみてください。
5.ページインスペクタのheaderに以下のコードを挿入
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script>
$("ul li").click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
</script>
もし使っているテーマがjQueryを内蔵しているなら最初の2行は省くことが出来ます。
6.フィードを表示したい場所に以下のコードを貼り付けます。フィード部分は変更してください。タイトル部分などカスタム出来ます。
<div class="newspod">
<h2>News Feed</h2>
<?php parserSide("http://feeds.feedburner.com/rapidweaverfan"); ?>
</div>
7.CSSコードをページインスペクタのCSSタブの中に挿入します。自由にカスタムしてください。
.newspod {
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #ececec;
line-height: 1.5em;
margin: 0 30px 15px 30px;
padding: 15px 20px 20px 20px;
}
ul.newsSide li {
text-align: left;
margin-bottom: 5px;
border-bottom: 1px dotted #999;
list-style:none;
}
ul.newsSide li a {
color: #3284E6;
font-weight: bold;
text-decoration: none;
}
ul.newsSide li a:hover {
color: #888;
text-decoration: none;
text-shadow:none;
border: none
}
ul.newsSide li:hover { border-bottom: 1px solid #999 }
#zero {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
7.表示するページの拡張子をphpに変更してアップロードすれば完了です。表示件数の調整をどこでするのか調べてないので分かりませんが、今までの物に比べると結構簡単だったかな?
→サンプルページ
RapidWeaver Themes でプラグインやWeb制作に役立つソフトのプレゼントキャンペーンを実施中!
Item list for the Super Colossal Give-Away from RWT
応募方法は、The Official RapidWeaver Themes Websiteの右側にあるニュースレターを申し込むか、twitterをフォローすればいいようです。ペイルーム欲しい。
メールフォームに不具合がありました
管理人よりStacksプラグインを1名様にプレゼント


当選は嬉しいのですが、既にStacksプラグインを所有していますので、このサイトをご覧のRapidWeaverユーザーの方にプレゼントしようと思います。
応募方法は、このサイトのTwitterをフォローして(画面右側にあるTwitterタブをクリック)「RapidWeaver4のプラグイン、Stacksを1名様にプレゼント中!http://is.gd/5Ntlv」とつぶやいて、そのつぶやきのリンク(投稿時間の所でわかります)をコメント欄に貼ってください。
Stacksの動作条件ですが、OS10.5以上、RapidWeaver4.1.3以上のようですね。一応体験版をダウンロードしてご自分の環境で動作するか試してみてください。
Stacks Installation - YourHead
締め切りは1月10日です。応募条件はありません。当選者はこのエントリとTwitterでご連絡します。
ライセンスの譲渡ですが、YourHeadに確認してOKを貰いました。
当選者の方は問い合わせフォームから登録ユーザー名と登録メールアドレスをご連絡ください。こちらでライセンス譲渡手続きを行います。
テーマカスタムに非常に役立つThemeEasy
>> 続きを読む...

























