この実装、面倒なら代行します
「デザインテーマを作る(初級)」に続いて、次はちょっとWordPressの関数を使って、CMSっぽくしてみましょう。
その際にあらかじめ知っておく必要があるのが
「WordPressにはページの種別のようなものがあってそれぞれにテンプレートがある」
ということです。
以下に代表的なものを挙げます。
ざっとこのくらいあります。
他にも合わせ技的なテンプレートもありますが、基本上記だけ把握しておけばWordPressでデザインテーマは作れます。
さて、次にページレイアウトについて。
WordPressでは、ページのレイアウトについて3つの部分はデフォルトでテンプレートとして持っています。
これらの3つを使って共通部を表現していきます。
それでは、WordPressで固定ページを作ってみます。
固定ページは page.php でしたね。
かなりシンプルに書きますので、皆さんは自分なりにアレンジしてください。
<?php get_header(); //ヘッダー:header.phpを取得、表示 ?> <div class="container"> <div class="row"> <div class="col-sm-9"> <?php while ( have_posts() ) : the_post(); //管理画面で登録した内容を取得、表示 ?> <?php the_content(); ?> <?php endwhile; ?> </div> <div class="col-sm-3"> <?php get_sidebar(); //サイドバー:sidebar.phpを取得、表示 ?> </div> </div> </div> <?php get_footer(); //フッター:footer.phpを取得、表示 ?>
投稿ページやアーカイブページも同様の流れです。
このようにWordPressではテンプレートファイルで登録内容と共通部を取得してhtmlにすることができます。
もっと本気でWordPressを学んでゼロから自社サイトを作りたいという方は、こちらのページが人気でオススメです。
WordPressで会社ホームページをつくる手順
https://100webdesign.jp/services/wordpress/flow/
WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信!
100ウェブで手がけた制作・開発案件を一部、ご紹介。
クライアントからご相談いただいた内容とその実装におけるポイント、工期、予算について確認いただけます。
【テレワーク実施中 につきお電話転送中】
コール中1秒程度無音状態になりますがそのままお待ちください。
受付時間
平日 10:00~18:00
メールでのお問い合わせでも
1営業日以内にご連絡いたします。