最近のブログエントリを表示するチュートリアル RapidWeaver Central版

2010/01/26 火カテゴリ: カスタム・検証

今まで幾つか最近のブログエントリを表示する方法を紹介してきましたが、さらに追加です。

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制作に役立つソフトのプレゼントキャンペーンを実施中！

2010/01/12 火カテゴリ: News | 製作支援 | Coupon & Sale

RapidWeaver ThemesでRapidWeaverのプラグインやウェブサイト制作に役立つソフトのプレゼントキャンペーンを実施中です。

Item list for the Super Colossal Give-Away from RWT

応募方法は、The Official RapidWeaver Themes Websiteの右側にあるニュースレターを申し込むか、twitterをフォローすればいいようです。ペイルーム欲しい。

タグ: RapidWeaverThemes

メールフォームに不具合がありました

2010/01/07 木カテゴリ: お知らせ

メールフォームの不具合があるのにしばらく気がつきませんでした…。
メールを送ったのに返信が来ない、サイト登録を依頼したのに未だに登録されていないという方はお手数ですが再度ご連絡ください。

修正したページ
お問い合わせ
サイト登録フォーム

管理人よりStacksプラグインを1名様にプレゼント

2010/01/06 水カテゴリ: お知らせ

先日、RapidWeaverCentralのプレゼントキャンペーンがあったのですがすっかりお伝えするのを忘れてました。偶然、私はメールマガジンの登録をしていましたので運良くStacksプラグインに当選していました。

stacks_image_184_1
stacks_image_187_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を貰いました。

当選者の方は問い合わせフォームから登録ユーザー名と登録メールアドレスをご連絡ください。こちらでライセンス譲渡手続きを行います。