WordPressテーマ「primitive」もちろん無料ダウンロード😄

@charset "utf-8";
/*
Theme Name: primitive
*/

<!--
 WordPress Theme Primitive 1.0 by Buzzlyhan
-->

<div>--------文字コードの"UTF-8"を常に出力</div>
<?php bloginfo( 'charset' ); ?>

<div>--------head内情報を出力</div>
<?php wp_head(); ?>

<div>--------classセレクタをbodyタグに出力</div>
<?php body_class(); ?>

<div>--------サイトのタイトルを出力</div>
<?php if( display_header_text() ) { bloginfo( 'name' );} ?>

<div>--------キャッチフレーズを出力</div>
<?php if( display_header_text() ) { bloginfo('description');} ?>

<div>--------ホームのURLを出力</div>
<?php echo home_url(); ?>

<div>--------テンプレートディレクトリの URIを出力</div>
<?php echo get_template_directory_uri(); ?>

<div>--------カスタムヘッダーイメージを出力</div>
<?php if ( get_header_image() ) : ?>
	<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" />
<?php endif; ?>

<div>--------カスタムメニュー（ヘッダーメニュー）の出力</div>
 <?php
	wp_nav_menu(array(
		'theme_location' => 'header-nav',
		'container' => false,
		'items_wrap' => '<ul>%3$s</ul>',
	));
 ?>

<div>--------ヘッダーウィジェット</div>
 <?php dynamic_sidebar( 'header-widget' ); ?>

<div>--------投稿の出力</div>
<?php
	if ( have_posts() ) :
	while ( have_posts() ) : the_post();
 ?>
 <h1><?php the_title(); ?></h1>
 <section>
 	<?php the_content(); ?>
 </section>
 <?php
	endwhile;
	endif;
 ?>

<div>--------サイドバーウィジェット</div>
 <?php dynamic_sidebar( 'sidebar-widget' ); ?>

<div>--------カスタムメニュー（フッターメニュー）の出力</div>
 <?php
	wp_nav_menu(array(
		'theme_location' => 'footer-nav',
		'container' => false,
		'items_wrap' => '<ul>%3$s</ul>',
	));
 ?>

<div>--------フッター情報を出力</div>
<?php wp_footer(); ?>

<?php
//////////////////////////////////////////////////
// WordPress Theme Primitive 1.0 by Buzzlyhan
//////////////////////////////////////////////////

//////////////////////////////////////////////////
// wp_head()によりheadタグ内に
// style.css 読み込み
// reset.css 読み込み  
// mystyle.css 読み込み 
//////////////////////////////////////////////////
function my_theme_css() {
	wp_enqueue_style( 'main-style', get_stylesheet_uri() );
    wp_enqueue_style( 'reset-style', get_template_directory_uri().'/css/reset.css' );
	wp_enqueue_style( 'my-style', get_template_directory_uri().'/css/mystyle.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_css' );

//////////////////////////////////////////////////
// wp_head()によりheadタグ内に
// タイトルを出力
//////////////////////////////////////////////////
add_theme_support( 'title-tag' );


//////////////////////////////////////////////////
// テーマカスタマイザー内に
// 文字色変更表示　文字色変更のスタイルタグを出力
//////////////////////////////////////////////////
function wphead_cb() {
	echo '<style type="text/css">';
	echo 'body { color: #'.get_header_textcolor().' }';
	echo '</style>';
}

$custom_header_args = array(
	'default-text-color' => '000',
	'wp-head-callback' => 'wphead_cb'
);
add_theme_support( 'custom-header', $custom_header_args );


//////////////////////////////////////////////////
// テーマカスタマイザー内に
// ヘッダー画像カスタマイズ表示
//////////////////////////////////////////////////
$custom_header = array(
	'width'         => 980,
	'height'        => 100,
	'default-image' => get_template_directory_uri() . '/images/header.png',
	'uploads'       => true,
);
add_theme_support( 'custom-header', $custom_header );

//////////////////////////////////////////////////
// メニューカスタマイズ
//////////////////////////////////////////////////
function my_menu(){
    register_nav_menus(array(
    'header-nav' => ' ヘッダーナビ ',
    'footer-nav' => ' フッターナビ ',
    ));
 }
 add_action('after_setup_theme','my_menu');

//////////////////////////////////////////////////
// ウィジェットカスタマイズ
//////////////////////////////////////////////////
function my_header_widget() {
    register_sidebar( array(
    'name' => 'ヘッダーウィジェット ',
    'id' => 'header-widget',
    'description' => ' これはヘッダーウィジェットです ',
    'before_widget' => '<div id="header-widget_%1$s" class="header-widget_%2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h2 class="header-widget_title">',
    'after_title' => '</h2>',
    ) );
}
add_action( 'widgets_init', 'my_header_widget' );

function my_sidebar_widget() {
    register_sidebar( array(
    'name' => ' サイドバーウィジェット ',
    'id' => 'sidebar-widget',
    'description' => ' これはサイドバーウィジェットです ',
    'before_widget' => '<div id="sidebar-widget_%1$s" class="sidebar-widget_%2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h2 class="sidebar-widget_title">',
    'after_title' => '</h2>',
    ) );
}
add_action( 'widgets_init', 'my_sidebar_widget' );

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  /*　scroll-padding-top: 80px;　*/
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

@charset "utf-8";