<hr style="height: 1px; width: 100%">
<p>ここからtest表示</p>
<?php
$cat = get_the_category(); //カテゴリー情報取得
$cat_id = $cat[0]->cat_ID; //カテゴリーID取得
$cat_name = $cat[0]->name; //カテゴリー名取得
$cat_slug = $cat[0]->category_nicename; //カテゴリースラッグ取得
$link = get_category_link($cat_id); //カテゴリーリンク取得
?>
全てのカテゴリーを取得し出力する(親カテゴリーのみ）
<?php wp_list_categories() ?>
<br><br>
全てのカテゴリーを取得し出力する2
<ul>
<?php
$cat_all = get_terms( "category", "fields=all&get=all" );
foreach($cat_all as $value):
?>
<li><a href="<?php echo get_category_link($value->term_id); ?>">
<?php echo $value->name;?></a></li>
<?php endforeach; ?>
<?php wp_reset_postdata(); ?>
</ul>

<br>
<p>特定のカテゴリーの記事一覧を出す</p>
<?php
$args = array(
'category_name' => $cat_slug, //カテゴリーのスラッグ名
'post_type' => 'post',
'posts_per_page' => -1,
'order' => 'DESC', //最新から順に並べる 'ASC' 古い順序から
'orderby' => 'date'
);
$wp_query = new WP_Query($args);
if( have_posts() ) : while( have_posts() ) : the_post();
?>
<div class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p>日付け：<?php the_time( 'Y.m.d' ) ?><br>
カテゴリー: <a href="<?php echo $link ?>">
<?php echo $cat_name ?></a><br>
<?php the_tags('タグ: ',' , '); ?></p>
</div>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>
<p></p><br><br>
投稿ページで記事のタイトルとカテゴリを3つ出力する<br><br>
<?php
$args = array(
'posts_per_page' => 3, //'-1'で全件表示
'post_type' => 'post',
'order' => 'DESC',
'orderby'=>'date'//日付順
);
$the_query = new WP_Query( $args );
while ( $the_query->have_posts() ) : $the_query->the_post();
the_title();
the_category();
endwhile;
wp_reset_postdata();
?>
<p></p><br><br>
固定ページで記事のタイトルを3つ出力する<br>
（固定ページは１つしかない）<br><br>
<?php
$args = array(
'posts_per_page' => 3, //'-1'で全件表示
'post_type' => 'page'
);
$the_query = new WP_Query( $args );
while ( $the_query->have_posts() ) : $the_query->the_post();
the_title();
?><br>
<?php
//  the_category();
endwhile;
wp_reset_postdata();
?>

 top

下記のように出力したい場合
//html

<nav class="nav">
<ul>
<li><a href="">menu01</a></li>
<li><a href="">menu02</a></li>
<li><a href="">menu03</a></li>
<li><a href="">menu04</a></li>
</ul>
</nav>

次のように設定します。テンプレートファイル

<?php wp_nav_menu( array(
'theme_location' =>'css_menu',
'container' =>'nav',
'container_class'=>'nav',
'items_wrap' =>'<ul>%3$s</ul>') );
?>
//functions.php
//カスタムメニューの設置
register_nav_menu('css_menu', 'cssメニュー');
//register_nav_menus(array('css_menu' => 'cssメニュー'));

カスタムフィールドを表示する

the_meta() のテンプレートタグをテンプレートファイルに記述することによってカスタムフィールドを表示することができます。このタグはループ内に記述する必要があります。

<?php the_meta(); ?>

HTMLはこのように出力されます。

<ul class="post-meta">
<li><span class="post-meta-key">材料:</span> 卵, 砂糖</li>
<li><span class="post-meta-key">コツ:</span> 弱火で焼くこと</li>
</ul>

///////////////////

get_post_custom();
<div style="margin-right: 15px; margin-left: 15px">
<table class="table table-condensed" style="border-top: 1px solid #666; border-bottom: 1px solid #666;">
<?php $mydata = get_post_custom();
foreach( $mydata as $key => $value ) : ?>
<?php if ( !is_protected_meta( $key ) ): ?>
<tr>
<th style="width: 66px;"><?php echo $key; ?>&nbsp;&nbsp;</th>
<td><?php echo $value[0]; ?></td>
</tr>
<?php endif; ?>
<?php endforeach; ?>
</table>
</div>

//have_posts

通常、カテゴリーテンプレート（category.php）などの一覧ページや、記事テンプレート（single.php）において、投稿をループで表示させたいときは下記のように記述します。

<?php if(have_posts()): ?>
<?php while(have_posts()): the_post();?>
<!-- ここにループ内容 -->
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>

<?php if(have_posts()):
while(have_posts()): the_post(); ?>
<article <?php post_class(); ?>>
<h1><?php the_title(); ?></h1>
<div class="postinfo">
<a href="<?php echo get_month_link( get_the_date('Y'), get_the_date('m') ); ?>">
<time datetime="<?php echo get_the_date( 'c' ); ?>">
<?php echo get_the_date(); ?>
</time>
</a>
<?php if( has_category() ): ?>
<span><i class="icon-folder-open"></i> <?php the_category( ', ' ); ?></span>
<?php endif; ?>
<?php the_tags('<span><i class="icon-tag"></i> ', ', ', '</span>'); ?>
</div>
<?php if( has_post_thumbnail() ): ?>
<div class="catch">
<?php the_post_thumbnail( 'large' ); ?>
</div>
<?php endif; ?>
<?php the_content(); ?>
<div class="navlink">
<span class="navlink-prev">
<?php previous_post_link('%link', '<i class="icon-chevron-sign-left"></i> %title'); ?>
</span>
<span class="navlink-next">
<?php next_post_link('%link', '%title <i class="icon-chevron-sign-right"></i>'); ?>
</span>
</div>
<?php comments_template(); ?>
</article>
<?php endwhile; endif; ?>

<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php if (is_singular()) : ?>
<?php the_title('<h2>', '</h2>'); ?>
<?php else : ?>
<?php $permalink = get_permalink(); ?>
<?php the_title('<h2><a href="' . $permalink . '">', '</a></h2>'); ?>
<?php endif; ?>
<div class="post-meta">
<p class="post-date">日付:<?php the_date(); ?></p>
<div class="post-categories">カテゴリー:<?php the_category(); ?></div>
<div class="post-tags"><?php the_tags(); ?></div>
</div>
<div class="post-content">
<?php the_content(); ?>
</div>
<?php if (is_singular()) : ?>
<h2>カスタムフィールドの値と名前</h2>
<ul>
<?php
$cf = get_post_custom(get_the_ID());
foreach ($cf as $key => $values) :
if (substr($key, 0, 1) != '_') :
?>
<li><?php echo $key; ?>
<ul>
<?php foreach ($values as $value) : ?>
<li><?php echo $value; ?></li>
<?php endforeach; ?>
</ul>
<?php endif; endforeach; ?>
</ul>
<?php if (is_singular()) : ?>
<?php comments_template(); ?>
<?php endif; ?>
</article>
<?php endwhile; ?>
<div class="paginate-links"><?php echo paginate_links(); ?></div>
<?php else : ?>
<p>投稿がありません。</p>
<?php endif; ?>

//custom-header

add_theme_support( 'custom-header' );

//functions.php
// ヘッダー画像
add_theme_support( 'custom-header', array(
'width' => 1000,
'height' => 300,
'header-text' => false,
'uploads' => true,
) );

//header.php
<?php if( get_header_image() ): ?>
<div class="hero">
<div class="hero-img" style="background-image: url(<?php header_image(); ?>)"></div>
<div class="hero-text">Wordpress Test</div>
</div>
<?php endif; ?>

css

/* ヘッダー画像 */
.hero    {position: relative}

.hero-img    {width: 100%;
height: 300px;
margin: 20px 0 10px;
background-color: #dddddd;
background-size: cover;
background-position: 50% 50%}

.hero-text    {position: absolute;
top: 120px;
right: 30px;
color: #ffffff;
font-size: 30px;
font-family: 'Montserrat', sans-serif;
text-shadow: 0 0 10px #000000}

@media (max-width: 599px)    {
.hero-img    {height: 200px}

.hero-text    {top: 100px;
right: 10px;
font-size: 18px;
text-align: center}
}

////////////////////////////////////////////

$args = array(
'width'         => 980,
'height'        => 60,
'default-image' => get_template_directory_uri() . '/images/header.jpg',
);
add_theme_support( 'custom-header', $args );

<?php if(get_header_image()): ?>
<p id="image"><img src="<?php header_image(); ?>" alt="" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>"></p>
<?php endif; ?>

//////////////////////////////////////////
カスタムヘッダーの画像を読み込み

関数「get_uploaded_header_images」でカスタムヘッダーの画像の配列を取得し、foreachで配列から必要な画像のアドレスを取得して、imgタグを作成します。

<?php $header_images = get_uploaded_header_images();
if ($header_images) {
echo '<div class="flex slider">';
echo '<ul class="slides">';
foreach ($header_images as $header_image) {
echo '<li><img src="' . $header_image['url'] . '" /></li>';
}
echo '</ul>';
echo '</div>';
}
?>