webの勉強!!初心者!脱出マニュアル!!

webの勉強を、初心者から脱出するためのメモを残していきます

Webの勉強~WordPress~2日目

Webの勉強~WordPress~2日目

フッター

 

<div id="footer">
<address>&copy; 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>&copy; Naoki Kobayashi 2015</address>
</div><!--/#footer-->

 

 

index.phpには

<?php get_footer(); ?>

を記入する

 

ブログを記入したときに、

 

<div id="sidebar">
<?php dynamic_sidebar(); ?>
</div>

 

次にfunctions.phpのファイルを作成して、ウィジェットを使えるようにする。

改造コードを入れる。

<?php
register_sidebar();
?>

を入れることにより、外観のところに、

ウィジェットがついかされて、使えるようになります。

で、ここに、どんどん出したいものを入れていく。

下に出てくるから、左右に出てくるようにCSSでいじる

#content {

width:500px;
float: left;
}

#sidebar {
width:240px;
float: right;
}


#footer {
clear: both;
}

 

次は固定ページを1段組みのレイアウトにする。

先ずは、page.phpのファイルを作成します。

これにindex.phpを丸っとコピーしちゃます。

そして、sidebarの部分をカットする。

 

<?php

/*

Template Name:キャンペーン