Webの勉強~WordPress~2日目
Webの勉強~WordPress~2日目
フッター
<div id="footer">
<address>© Naoki Kobayashi 2015</address>
</div><!--/#footer-->
記事下に古い記事、新しい記事に行くように追加する。
<!--古い記事新しい記事-->
<p class="pagelink">
<span class="oldpage"><?php previous_post_link(); ?></span>
<span class="newpage"><?php next_post_link(); ?></span>
</p>
<?php if(is_single()): ?>
<?php endif; ?>
コメントを入れられるようにする!!
新たに
comments.phpファイルを作成して、
<div id="comments">
<?php comment_form(); ?>
</div>
を入力します。
次に
index.phpに
<?php comments_template(); ?>
を打ちます。
固定ページの作成
今は全てがindex.phpにあるが、
それを切り取って、バラばらにしてまたくっつける。
先ずは、header.phpを作り、
<!doctype html>
<html>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
<div id="headear">
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1><p><?php bloginfo('description'); ?>
</p>
<div id="topimg">
<img src="<?php bloginfo('template_url'); ?>/img/top_nozomi.png" alt="トップ画像" width="760px" height="300px">
</div><!--/#topimg-->
</div><!--/#headea-->
を貼り付けて、
index.phpのheader部分を消して、消したところに、
<?php get_header(); ?>
を書き込みます。
同じようにhooterも作成
hooter.php
<!--hooter-->
<div id="footer">
<address>© Naoki Kobayashi 2015</address>
</div><!--/#footer-->
index.phpには
<?php get_footer(); ?>
を記入する
ブログを記入したときに、
<div id="sidebar">
<?php dynamic_sidebar(); ?>
</div>
次にfunctions.phpのファイルを作成して、ウィジェットを使えるようにする。
改造コードを入れる。
を入れることにより、外観のところに、
ウィジェットがついかされて、使えるようになります。
で、ここに、どんどん出したいものを入れていく。
下に出てくるから、左右に出てくるようにCSSでいじる
#content {
width:500px;
float: left;
}
#sidebar {
width:240px;
float: right;
}
#footer {
clear: both;
}
次は固定ページを1段組みのレイアウトにする。
先ずは、page.phpのファイルを作成します。
これにindex.phpを丸っとコピーしちゃます。
そして、sidebarの部分をカットする。
<?php
/*
Template Name:キャンペーン