wordpressでトップページを固定ページに設定して新着記事も表示する
2010年3月14日 wordpressをCMSとして企業サイトを作るときに役立つ、複数ループのやり方を紹介。 少々、前置きが長くなりますけど。 wordpressをCMSとして使用する際のシンプルなページ構成例 企業サイトなどでwordpressをCMSとして使用する場合、サイトの規模にもよりますが、「お知らせ」などの日々更新されるコンテンツを「ブログ記事」として作成し、その他を「固定ページ」として作成するのが、一般的かと思います。 wordpressでは、固定ページをサイトのトップページ（フロントページ）に設定できるため、スマートなサイト設計が可能です。実在するサイトを例に挙げて説明したほうが分かりやすいと思うので、僕が構築した「とんぼ整体院」のサイトを例に、説明を進めていきます。 下記は、とんぼ整体院のページ構成をまとめたものです。 非常に作りやすそうな、シンプルな構成ですね。更新さ
WordPress のページによってサイドバーを切り替える方法
今回は例として、会社情報ページ(about)は会社情報用のサイドバー。商品紹介ページ(item)のページは商品紹介用のサイドバーに切り替えたい場合の手順を紹介します。 ページ用のサイドバーを用意する それぞれのページで読み込むサイドバーのファイルを用意します。サイドバーのファイル名は、sidebar にハイフンを付けてページのスラッグ名を入れます。今回の場合だと以下のような感じです。 sidebar-about.php sidebar-item.php ページによって切り替える分岐タグ ページによって読み込むサイドバーを切り替えてくれるタグを書きましょう。このタグを書く場所は page.php とか index.php とか人によっては違うと思いますが頑張ってみてください。 <?php if(is_page('about')): ?> <?php get_sidebar('about');
PHPのrequireを使って、WordPressの外にある静的トップページに新着記事＋投稿タグを表示させてみた
今回課せられた制約は大きく2つ ・/blog ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
