このページは、
Raindropsには、サイドバーやフッターなどにウィジェットを配置できる便利な機能がありますが、これらのウィジェットは、すべてのページで共有されるので、トップページでだけで表示されるウィジェット、スティッキーウィジェットを使って、メニューの配置を行っていきます。
コンテンツの表示には、ショートコードプラグインを使ってみたいと思います。
ここでは、以下のプラグインを試しています
スティッキーウィジェットにテキストウィジェットを配置して、以下のように記述します。
<div class="yui-gb"> <div class="yui-u first">
- 投稿本文 p要素のラインハイト調整フィルタ
- テンプレート毎にベースフォントサイズを変更
- アーカイブ、カテゴリーウィジェットの件数表示をカッコつきに戻す
- gallery gap filter
- タイトルがない場合のフィルター
- ヘッダー画像の高さに最小の高さを指定する方法
- メインコンテンツとサイドバーに適当な空白(ガター）を作る
- グリッド表示の場合の投稿の記述のコツ
- Raindrops テーマでグリッド表示を設定する
- デフォルトサイドバーを追従型にカスタマイズする。
- カスタム投稿タイプのカラム数変更フィルター
- グリッドレイアウトのカスタマイズ
- filter hook raindrops_skip_excerpt
- Raindrops1.452 ループ内でのアクションフックを追加します
- Raindrops1.439 カスタム投稿 テスト用プラグイン
- カテゴリーの自動配色
- Raindrops テーマのHTML構造
- オリジナルCSSの記述方法 最新版 raindrops1.404
- 縦横中央揃え
- キャッシュプラグイン アドオンの変更について、
[list-pages sort_column="post_title"]
[catlist]
Raindropsテーマでは、テキストウィジェットで、ショートコードが記述できる設定が行われていますので、上記のようにショートコードを記述するだけで、動作させる事が出来ます。
あと、CSSなどの細かな調整を残して、トップページは完成しました。
どうですが、ここまですべて管理パネル内の操作だけで、あなただけの配色とレイアウトを持ったトップページの完成です。（ 取扱説明書のトップページも完成です ）