Web Design Articles

こんにちは、今回はWordPressのテーマの固定ページを作成またはカスタマイズする方法を紹介します。 前回はコンテンツん出し方でWordPressループについて触れました。 今回は第９回目、前回の実践編という位置付けです。 hollywis.hatenablog.com 固定ページのテーマの作成方法 共通のヘッダーやフッターを付ける 共通のサイドバーを付ける 固定ページのデザインの使い分け 固定ページ用のページ毎に違うidやclassを自動的に埋め込む 固定ページテンプレートを複数作る 固定ページのテーマの作成方法 固定ページはWordPressで定期的な記事の投稿ではなく、トップページや会社概要などの静的情報を表示したい時に利用する機能です。 この固定ページのテーマの作成方法をご紹介します。 まず、固定ページのテンプレートファイルを作成することで実現します。 ファイル名は予め決まっており「page.php」になります。 もしテーマの中にpage.phpがある場合、固定ページを表示する際の挙動が、index.phpよりもpage.phpの方が表示優先度が高くなります。 この仕組みを利用して、固定ページのテンプレートを作ります。 それでは実際に書いて見ましょう。 page.php <?php while ( have_posts() ) : the_post(); ?> <h1><?php the_title() ?>：page.phpによる固定ページ</h1> <div> <?php the_content(); ?> </div> <?php endwhile; ?> このようにWordPressループを利用して書くだけですね。 page.phpであることが判別できるようにh1タグの中に「：page.phpによる固定ページ」という文を入れています。 index.phpに固定ページの際の挙動を書く際には、次のようにif文で条件分岐させていましたが <?php elseif(is_page()) : ?><!-- 固定ページの時 --> <?php endif; ?> [...]

こんにちは、のすけです。 大学で非常勤講師などをやらせていただいているのですが その繋がりで大学時代の教授との縁が復活するなど、 世間は狭いなと思う今日この頃です。 本日はWordPressカスタマイズの第８団「WordPressループってなんぞや？」です。 WordPressループとは？ どこでWordPressループは使われているの？ なぜループが必要なの？ WordPressループを使ってwp_queryからデータを取り出す方法 the_post()とは 追加WP_QUERYについて ちなみに、前回はWordPressで利用すつタグを紹介しました。 これだけは覚えよう！WordPressテンプレートタグ！ - hollywis's diary (はりうすブログ) WordPressループとは？ 僕自身はRuby on RailsやNode.jsでプログラムを書くことが多いのですが そんな、Web畑出身の人が何これ？と思うのがWordPressループではないでしょうか。 何かと言いますと、端的に言うと、コンテンツを表示する時にwhile文を書いて、その中で記事情報を取得し表示までする仕組みのようです。 ちょっと良くわからないですよね。 普通にコンテンツを取ってきて表示すればいいじゃ。。。と思ってしまう。なぜわざわざループさせているのか。 しかもwhileの無限ループを使うなんてバグが出そうな怖い技を使って。。。 そんなにwhile文なんて使いませんからね。組み込み系のプログラム(Arduinoとか)じゃあるまいし。と思ってしまいます。 どこでWordPressループは使われているの？ まず、利用例を紹介します。 以前、書いたindex.phpとstyle.cssだけで作る最小のテーマを例にします。 hollywis.hatenablog.com 詳しくは↑を見てください。 この中で、index.phpにメインページの時、投稿ページの時、固定ページの時のコンテンツの出しわけを行っている部分があります。 <?php if(is_home()) : ?><!--メインページの時 --> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); [...]