WordPress 自作テーマ メモ

基本的なファイル構成

ファイル名機能備考
header.php共通
index.phpトップページWordPress必須ファイル
sidebar.phpサイドバー
footer.phpフッター
page.php固定ページ
single.php投稿ページ
archive.php記事一覧ページ
functions.php機能追加時などに利用WordPress必須ファイル
style.cssスタイルシートWordPress必須ファイル
あくまでも一例

テーマの詳細をstyle.cssに記述

テーマ名は必須項目

/*
Theme Name: MyTheme
Theme URI: 
Description: 
Version: 1
Author: 
Author URI: 
*/

functions.php メニュー機能の追加

<?php
register_nav_menus(
 array(
 'gloval-navigation' => 'グローバル', 
 'place_sidebar' => 'サイドメニュー',
 'footer-navigation' => 'フッター',
 )
); ?>

functions.php サムネイル表示

add_theme_support('post-thumbnails');

記事一覧を取得する

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 <?php endwhile; else : ?>
  <p>記事がありません。</p>
<?php endif; ?>

よく使うテンプレートタグ

取得するものよく使う使い方
テンプレート ディレクトリのURI<?php echo get_template_directory_uri(); ?>
日付<?php the_time(”); ?>
タイトル<?php the_title(); ?>
カテゴリー リンク付き<?php the_category( ‘ ‘ ); ?>
サムネイル表示<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(); ?>
<?php else : ?>
<p>サムネイルがないです</p>
<?php endif; ?>
コンテンツ<?php the_content(); ?>
タグ(URLなし)<?php the_tags(); ?>
ループの中で記事のURLを取得<?php the_permalink(); ?>
本文の抜粋<?php the_excerpt(); ?>
ホーム URL<?php echo home_url(); ?>
メニューを設定<?php wp_nav_menu( $args ); ?>
記事取得の時に便利な関数$the_query = new WP_Query( $args );

コメントを残す