Warning: count(): Parameter must be an array or an object that implements Countable in /home/accentstyle/accent-web.jp/public_html/wp-content/plugins/wordpress-ping-optimizer/cbnet-ping-optimizer.php on line 533

最低限必要なテーマファイル

2017-10-23

index.php トップページ用テンプレート
header.php パーツ:ヘッダー
searchform.php パーツ:検索フォーム
content.php パーツ:記事一覧のループ部分
comments.php パーツ:コメント
sidebar.php パーツ:サイドバー
footer.php パーツ:フッター
functions.php テーマのための関数
screenshot.png テーマのスクリーンショット
style.css スタイルシート

テンプレートとしては他に個別の記事ページで使われる single.php 、固定ページで使われる page.php 、アーカイブページで使われる archives.php があります。

index.php

get_header(); ?>
<?php if ( have_posts() ) : ?>
<!-- entry -->
<section class="entry-list">
<?php
while ( have_posts() ) {
	the_post();
	get_template_part( 'content', get_post_format() );
}
// ページナビゲーション
the_posts_pagination( array(
'prev_text'          => '< PREV',
'next_text'          => "NEXT >",
) );
?>
</section>
<!-- /entry -->
<?php endif; ?>
</main>
<!-- /main -->
<!-- sidebar -->
<?php get_sidebar(); ?>
<!-- /sidebar -->
</div>
<!-- /container -->
<?php get_footer(); ?>

header.php

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo('charset'); ?>">
	<title><?php wp_title(); ?> | <?php bloginfo('name'); ?></title>
	<meta name="description" content="<?php bloginfo('description'); ?>" />
	<meta name="author" content="" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<nav>
<!-- pc menu -->
	<div>
		<a href="<?php echo home_url( '/' ); ?>">Logo</a>
		<ul >
			<li>
				<a href="#">
					リンク
				</a>
			</li>
		</ul>
	</div>
<!-- end pc menu -->
</nav>
</header>

searchform.php

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<input type="search" class="search-field" placeholder="検索したいワードを入力してください" value="<?php echo get_search_query(); ?>" name="s" title="検索" />
<button type="submit" class="search-submit">検索</button>
</form>

content.php

<article class="entry" <?php post_class(); ?>>
<!-- entry-header -->
<header class="entry-header">
<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
<p class="post-meta">
<span class="post-date"><?php smart_entry_date(); ?></span>
<span class="link-category"><?php smart_entry_category(); ?></span>
<span class="link-tag"><?php smart_entry_tag(); ?></span>
<?php edit_post_link('<span class="edit-link">[編集]</span>'); ?>
</p>
</header>
<!-- /entry-header -->
<!-- entry-content -->
<div class="entry-content">
<?php the_content( "続きを読む" ); ?>
<?php wp_link_pages(); ?>
</div>
<!-- /entry-content -->
<!-- entry-footer -->
<footer class="entry-footer">
<!-- コメントの表示 -->
<?php comments_template(); ?>
</footer>
<!-- /entry-footer -->
</article>

comments.php

<div id="comment">
<?php if ( have_comments() ) : ?>
<h3>コメント</h3>
<?php the_comments_navigation(); ?>
<ol class="comment-list">
<?php
wp_list_comments( array(
'style'       => 'ol',
) );
?>
</ol>
<?php the_comments_navigation(); ?>
<?php endif; ?>
<?php comment_form(); ?>
</div>

sidebar.php

<div id="sub">
<!-- widget-category -->
<aside class="widget widget-category">
<h2 class="widget-title">カテゴリ</h2>
<ul>
<?php wp_list_categories('title_li=&hide_empty=0&orderby=count&order=asc') ?>
</ul>
</aside>
<!-- /widget-category -->
<!-- widget-tagcloud -->
<aside class="widget widget-tagcloud">
<h2 class="widget-title">タグクラウド</h2>
<div class="box-tagcloud">
<?php wp_tag_cloud('smallest=10&largest=10&orderby=count&order=DESC'); ?>
</div>
</aside>
<!-- /widget-tagcloud -->
<!-- widget-archives -->
<aside class="widget widget-archives">
<h2 class="widget-title">アーカイブ</h2>
<ul>
<?php wp_get_archives( 'type=monthly' ); ?>
</ul>
</aside>
<!-- /widget-archives -->
</div>

footer.php

<!-- ページフッタ -->
<footer id="site-footer">
<p id="copyright" class="wrapper">© rhythmfactory Ltd. All Rights Reserved.</p>
</footer>
<!-- /ページフッタ -->
<?php wp_footer(); ?>
</body>
</html>

functions.php

// アイキャッチ画像を使用
add_theme_support( 'post-thumbnails' );
// html5で出力
add_theme_support( 'html5', array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
) );
// 投稿フォーマットのサポート
add_theme_support( 'post-formats', array(
'aside',    //アサイド
'gallery',  //ギャラリー
'image',    //画像
'link',     //リンク
'quote',    //引用
'status',   //ステータス
'video',    //動画
'audio',    //音声
'chat',     //チャット
) );