【アップデート情報】販売中の全テーマ対象にユーザービリティの改善を行いました（Ver.20170301）

重要度★★☆

Minimal WPテーマのご利用ありがとうございます。
全テーマ対象に、ユーザビリティを改善する細かなアップデートを行ないました。
2017年3月1日19:00以降のダウンロードファイルは修正済みです。

具体的には「スマホメニューの使いやすさの向上」
「カテゴリーの説明を表示可能＆HTML使用可能にする仕様変更」
「テキストウィジェットでショートコードが使えるようにする仕様変更」
「フォントサイズの見直し」「パンくずリストの調整」「コメント欄の調整」など、
わりと細かい部分です。

以下に、変更点をまとめました。

1) カテゴリーページで説明文を表示・HTMLを使用できるように仕様変更（全テーマ）

アーカイブ(archive.php)内の＜!– / 投稿一覧の最初 –＞の直後に以下を追加

<!-- カテゴリーの説明 -->
<?php if (is_category() && //カテゴリページの時
          !is_paged() &&   //カテゴリページのトップの時
          category_description()) : //カテゴリの説明文が空でない時 ?>
<div class="margin-bottom30"><?php echo category_description(); ?></div>
<?php endif; ?>
<!-- / カテゴリーの説明 -->

＊category-gallery.phpも同様に修正
＊テーマ「Flora deux]「Slauson」はcategory-gallery.phpを削除しました

テーマのための関数 (functions.php)内に以下を追加

/* ************************************************ 
*	カテゴリー説明文でHTMLタグを使用
* ************************************************ */

remove_filter('pre_term_description', 'wp_filter_kses');

2) テキストウィジェットでショートコードを使用できるように仕様変更（全テーマ）

テーマのための関数 (functions.php)内に以下を追加

/* ************************************************ 
*	テキストウィジェットでショートコードを使用
* ************************************************ */

add_filter('widget_text', 'do_shortcode' );

3) スマホメニューでドロップダウンが使いやすくなるように動作改善（全テーマ）

footer.phpの＜/body＞直前に以下を追加

<!-- doubleTapToGo Js -->
<script src="<?php echo esc_url( get_template_directory_uri() );?>/jquery/doubletaptogo.js" type="text/javascript"></script>
<script>
$( function()
 {
 $( '#nav li:has(ul)' ).doubleTapToGo();
 });
</script>
<!-- / doubleTapToGo Js -->

詳しくはこちらの解説記事をどうぞ
スマホメニューでドロップダウンが使えるようにするカスタマイズ方法 ＞

4) 個別投稿 (single.php)＆single-xxx.phpにパンくずリストを設置（対象：Juliet、Suger Suger Baby、Million Dollar Man、Ultra Rocket Man）

single.php＆single-xxx.phpの＜!– 投稿 –＞の直前に以下を追加

<!-- パンくずリスト -->
<div class="breadcrumb">
<div itemscope itemtype="//data-vocabulary.org/Breadcrumb">
<a href="<?php echo home_url(); ?>" itemprop="url">
<span itemprop="title">Home</span> </a> &rsaquo;</div>
<?php $postcat = get_the_category(); ?>
<?php $catid = $postcat[0]->cat_ID; ?>
<?php $allcats = array($catid); ?>
<?php 
while(!$catid==0) {
$mycat = get_category($catid);
$catid = $mycat->parent;
array_push($allcats, $catid);
}
array_pop($allcats);
$allcats = array_reverse($allcats);
?>
<?php foreach($allcats as $catid): ?>
<div itemscope itemtype="//data-vocabulary.org/Breadcrumb">
<a href="<?php echo get_category_link($catid); ?>" itemprop="url">
<span itemprop="title"><?php echo get_cat_name($catid); ?></span></a> &rsaquo;</div>
<?php endforeach; ?>
<div itemscope itemtype="//data-vocabulary.org/Breadcrumb">
<span itemprop="title"><a href="<?php echo the_permalink(); ?>" itemprop="url"><?php the_title(); ?></a></span></div>
</div>
<!-- / パンくずリスト -->

スタイルシートに以下を追加

/* パンくずリスト
---------------------------------------------------- */

.breadcrumb {
margin: 10px 0 0px 0;
line-height: 120%;
}
.breadcrumb div {
display: inline;
font-size: 11px;
color: #999;
}
.breadcrumb span,
.breadcrumb span a {
color: #45aab8;
}

5) 文字サイズ微調整　スタイルシート (style.css)

文字サイズを以下の通り変更（数字の置き換え）しました

＜Slauson＞
.item h2 {
font-size: 19px; ⇒font-size: 17px;

＜Vanilla City、Black Studio、White Studio、My Song＞
.item h2 {
font-size: 18px; ⇒font-size: 17px;

.item-cat {
font-size: 84%; ⇒font-size: 12px;

.item-cat a {
color: #444;
}
3行丸ごと削除

＜Juliet、Suger Suger Baby＞
body {
font-size: 14px; ⇒font-size: 15px;

p {
font-size: 14px; ⇒font-size: 15px;

.blog-title {
font-size: 21px; ⇒font-size: 22px;
line-height: 140%; を追加

＜Million Dollar Man＞
body {
font-size: 14px; ⇒font-size: 15px;

.item h2 {
font-size: 16px; ⇒font-size: 17px;

.item-text {
font-size: 12px; ⇒font-size: 13px;

p {
font-size: 14px; ⇒font-size: 15px;

.blog-title {
font-size: 21px; ⇒font-size: 22px;
line-height: 140%; を追加

＜Ultra Rocket Man＞
body {
font-size: 14px; ⇒font-size: 15px;

.item h2 {
font-size: 15px; ⇒font-size: 17px;

p {
font-size: 14px; ⇒font-size: 15px;

.blog-title {
font-size: 21px; ⇒font-size: 22px;
line-height: 140%; を追加

6) コメント欄サイズ微調整（対象テーマ：Juliet、Suger Suger Baby、Million Dollar Man、Ultra Rocket Man）

スタイルシート style.cssに以下を追加

#comment {
width: 95%;
}

7) ヘッダーテンプレートのコード簡略化

テーマヘッダー (header.php)内の以下の部分を置き換え

＜修正前＞

<!-- ロゴ -->
<div class="logo">
<a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_template_directory_uri() .'/images/logo.gif' ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>
<!-- / ロゴ -->

＜修正後＞

<!-- ロゴ -->
<?php if ( is_home() || is_front_page() ) : ?>
<!-- トップページだけ -->
<h1 class="logo">
<a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_template_directory_uri() .'/images/logo.gif' ?>" alt="<?php bloginfo('name'); ?>" /></a>
</h1>
<?php else : ?>
<!-- トップページ以外 -->
<div class="logo">
<a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo (get_option('logo_url')) ? get_option('logo_url') : get_template_directory_uri() .'/images/logo.gif' ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>
<?php endif; ?>
<!-- / ロゴ -->

header-top.phpまたはheader-single.phpを削除

FTPでサーバーからheader-top.phpまたはheader-single.phpを削除

テーマヘッダー (header.php)の最終行に以下を追加（対象テーマ：Vanilla City、Black Studio、White Studio、My Song）

<!-- トップページヘッダー画像 -->
<?php if ( is_home() || is_front_page() ) : ?>
<!-- トップページだけ -->
<div id="top-slide-max" class="cycle-slideshow">
<img src="<?php echo (get_option('slideshow1')) ? get_option('slideshow1') : get_template_directory_uri() . '/images/main_01.jpg' ?>" alt="<?php bloginfo('name'); ?>" class="first" />
</div>
<?php else : ?>
<!-- トップページ以外 -->
<?php endif; ?>
<!-- / トップページヘッダー画像 -->

テーマヘッダー (header.php)の＜body ＜?php body_class(); ?＞＞の直後に以下を追加（対象テーマ：Holiday）

<!-- スライドショー -->
<?php if ( is_home() || is_front_page() ) : ?>
<!-- トップページだけ -->
<div id="top-slide-max" class="cycle-slideshow"
data-cycle-fx="fade"
data-cycle-pause-on-hover="false"
data-cycle-speed="600">
<img src="<?php echo (get_option('slideshow1')) ? get_option('slideshow1') : get_template_directory_uri() . '/images/main_01.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow2')) ? get_option('slideshow2') : get_template_directory_uri() . '/images/main_02.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow3')) ? get_option('slideshow3') : get_template_directory_uri() . '/images/main_03.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
</div>
<?php else : ?>
<!-- トップページ以外 -->
<?php endif; ?>
<!-- / スライドショー -->

テーマヘッダー (header.php)の以下の部分を置き換え（対象テーマ：Suger Suger Baby）

＜修正前＞

<!-- スライドショー -->
<div id="top-slide">
<div class="cycle-slideshow"
 data-cycle-fx="fade"
 data-cycle-pause-on-hover="false"
 data-cycle-speed="300">
<img src="<?php echo (get_option('slideshow1')) ? get_option('slideshow1') : get_template_directory_uri() . '/images/main_01.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow2')) ? get_option('slideshow2') : get_template_directory_uri() . '/images/main_02.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow3')) ? get_option('slideshow3') : get_template_directory_uri() . '/images/main_03.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
</div>
</div>
<!-- / スライドショー -->

＜修正後＞

<!-- スライドショー -->
<?php if ( is_home() || is_front_page() ) : ?>
<!-- トップページだけ -->
<div id="top-slide">
<div class="cycle-slideshow"
 data-cycle-fx="fade"
 data-cycle-pause-on-hover="false"
 data-cycle-speed="300">
<img src="<?php echo (get_option('slideshow1')) ? get_option('slideshow1') : get_template_directory_uri() . '/images/main_01.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow2')) ? get_option('slideshow2') : get_template_directory_uri() . '/images/main_02.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
<img src="<?php echo (get_option('slideshow3')) ? get_option('slideshow3') : get_template_directory_uri() . '/images/main_03.jpg' ?>" alt="<?php bloginfo('name'); ?>" />
</div>
</div>
<?php else : ?>
<!-- トップページ以外 -->
<?php endif; ?>
<!-- / スライドショー -->

テーマヘッダー (header.php)の＜head＞内の＜?php wp_head(); ?＞の直後に以下を追加（対象テーマ：Flora deux、Slauson、Holiday、Pantomime）

<script src="<?php echo esc_url( get_template_directory_uri() );?>/jquery/jquery.cycle2.js" type="text/javascript"></script>

個別投稿 (single.php)、single-design2.phpの冒頭の＜?php get_header(‘single’); ?＞から’single’を削除（対象テーマ：Juliet、Suger Suger Baby、Million Dollar Man）

＜修正前＞

<?php get_header('single'); ?>

＜修正後＞

<?php get_header(); ?>

テーマヘッダー (header.php)の＜head＞内の＜![endif]–＞の直後に以下を追加（対象テーマ：Suger Suger Baby、Million Dollar Man、Ultra Rocket Man）

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

★

以上です。

ちなみに７番のテーマヘッダーのコード簡略化は作業がややこしいのと、
修正しても何かが改善するということではなく、
単にテンプレートファイルが１個減って管理しやすいというだけですので、
無視してもらっても大丈夫です。

＊作業をする時はバックアップを忘れずに！

＊本日、2017年3月1日19:00以降のダウンロードファイルは修正済みです。