Q.投稿ページのh1の内容を記事のタイトルにしたい
記事タイトルがそのままh1になるようにしたいのですが、どこを変更すればよいのでしょうか?
A.下記の手順でカスタマイズしてください。
①
編集するファイル:functions/header-logo.php
編集する箇所:
echo "<div id='logo_image'>\n" ; |
echo '<h1 id="logo" style="top:' . $option [ 'logotop' ] . 'px; left:' . $option [ 'logoleft' ] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo [ 'url' ] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h1>' . "\n" ; |
echo "<div id='logo_text'>\n" ; |
echo '<h1 id="logo"><a href="' . $url . '/">' . $title . "</a></h1>\n" ; |
echo '<h2 id="description">' . $tagline . "</h2>\n" ; |
↓
echo "<div id='logo_image'>\n" ; |
if (is_home()||is_front_page()){ |
echo '<h1 id="logo" style="top:' . $option [ 'logotop' ] . 'px; left:' . $option [ 'logoleft' ] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo [ 'url' ] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></h1>' . "\n" ; |
echo '<div id="logo" style="top:' . $option [ 'logotop' ] . 'px; left:' . $option [ 'logoleft' ] . 'px;"><a href=" ' . $url . '/" title="' . $title . '" data-label="' . $title . '"><img src="' . $logo [ 'url' ] . '?' . time() . '" alt="' . $title . '" title="' . $title . '" /></a></div>' . "\n" ; |
echo "<div id='logo_text'>\n" ; |
if (is_home()||is_front_page()){ |
echo '<h1 id="logo"><a href="' . $url . '/">' . $title . "</a></h1>\n" ; |
echo '<div id="logo"><a href="' . $url . '/">' . $title . "</a></div>\n" ; |
echo '<h2 id="description">' . $tagline . "</h2>\n" ; |
②
編集するファイル:functions/category_style.php
編集する箇所:
echo '.category-' . $category_id . ' #single_title h2 { background:#' . $cat_data [ 'color1' ] . "; } \n" ; |
↓
echo '.category-' . $category_id . ' #single_title h1 { background:#' . $cat_data [ 'color1' ] . "; } \n" ; |
③
編集するファイル:single.php
編集する箇所:
<h2><?php the_title(); ?></h2> |
↓
<h1><?php the_title(); ?></h1> |
④
編集するファイル:header.php
編集する箇所:
.pc #global_menu li a, .archive_headline, .page_navi a:hover:hover, |
#single_title h2, #submit_comment:hover, #author_link:hover, |
#previous_next_post a:hover, #news_title h2, |
.profile_author_link:hover, #return_top, .author_social_link li.author_link a |
{ background-color:#<?php echo $options [ 'pickedcolor1' ]; ?>; } |
↓
.pc #global_menu li a, .archive_headline, .page_navi a:hover:hover, |
#single_title h1, #submit_comment:hover, #author_link:hover, |
#previous_next_post a:hover, #news_title h2, |
.profile_author_link:hover, #return_top, .author_social_link li.author_link a |
{ background-color:#<?php echo $options [ 'pickedcolor1' ]; ?>; } |
⑤
編集するファイル:style_pc.css
編集する箇所:
#single_title h 2 { margin : 0 ; font-size : 16px ; background : #ccc ; color : #fff ; padding : 10px 15px ; line-height : 180% ; } |
↓
#single_title h 1 { margin : 0 ; font-size : 16px ; background : #ccc ; color : #fff ; padding : 10px 15px ; line-height : 180% ; } |
⑥
編集するファイル:style_sp.css
編集する箇所:
↓