1/4 WordPress オリジナルブログを作成
- 作者: エビスコム
- 出版社/メーカー: ソシム
- 発売日: 2010/09/08
- メディア: 単行本
- 購入: 17人 クリック: 535回
- この商品を含むブログ (37件) を見る
- テキストの「sample」フォルダーを「wp-content」→-「htemes」の階層の中に入れる。
- http://localhost/wordpress/で「外観」→「テーマの管理」→sampleを有効化する。
- Dreamweaverでサイトの定義をする。
- テキストに沿って作成する。
index.phpを編集
タイトルの表示
<title><?php bloginfo('name'); ?></title>
<?php bloginfo(); ?>はブログの基本情報を出力する。
('name')で管理画面の「ブログタイトル」を出力。
コンテンツタイプとエンコードを指定
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset="<?php bloginfo('charset'); ?>">
ブログ名表示(タイトルと一緒)
<h1><?php bloginfo('name'); ?></a></h1>
ブログ名にトップページのリンクを貼る
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
ブログの紹介文を表示
<p><?php bloginfo('description'); ?></p>
管理画面の「キャッチフレーズ」を出力。
記事タイトルと本文を表示
ループ
投稿の複数の記事を連続して表示させるために使う。
<?php if(have_posts()): while(have_posts()):the_post(); ?>〜<?php endwhile; endif; ?>
記事タイトル(h2)を表示
※ループの中に書く
<?php the_title(); ?>
記事タイトル(h2)に個別ページへのリンク設定
※ループの中に書く
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
記事の本文を表示
※ループの中に書く
<?php the_content(); ?>
記事の投稿日を表示
※ループの中に書く
<?php echo get_the_date(); ?>
記事の投稿時間を表示
※ループの中に書く
<?php the_time(); ?>
記事が属するカテゴリを表示
※ループの中に書く
<?php the_category(); ?>
トップページの記事を複数ページで表示する
管理画面の表示設定で、最大投稿数を設定する。
トップページの場合は最新の中身を表示
<?php if(is_home()): ?> 〜 <?php endif; ?>
前のページへのリンクを表示
<?php previous_posts_link(); ?>
次のページへのリンクを表示
<?php next_posts_link(); ?>
フッターを表示する
管理者メールアドレスへのリンクを設定
<address>Copyright © <a href="mailto:<?php bloginfo('admin_email'); ?>">○○○○○</a>, All rights reserved.</address>
記事の個別ページを作成
※ループの中に書く
個別ページのタイトルを追加
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
記事の個別ページの場合は中身を表示
<?php if(is_single(): ?> 〜 <?php endif; ?>
前のページへのリンクを表示
<?php previous_posts_link(); ?>
次のページへのリンクを表示
<?php next_posts_link(); ?>
記事の本文に画像を挿入
- 管理画面・設定・メディアで画像の大きさを指定
- 管理画面で画像を挿入