WPテーマ「STINGER7」はコチラに移動しました

今までのSTINGER3の主な変更のまとめ

投稿日：2013年10月16日

photo credit: Ѕolo via photopin cc

今までの主な変更内容を記憶限り以下にまとめます。
ご参考下さい。

※作業は必ず、バックアップを取って行ってください。
※あと、作業は必ず、バックアップを取って行ってください。
※そして、作業は必ず、バックアップを取って行ってください。

functions.phpは、変更に失敗すると「真っ白」になったりします。
その時の対応がわからない方は、もう触らないか新しいテーマをご利用下さいませ。

あと、おかしくなってもサポートに手が回る保証はございません。。

タイトルの書き出し

タイトルの書き出しで、記事ページのタイトルに「ブログ名」を出すのをやめました。
下記のコードは1016の最新verになります。

理由はコチラ

header.phpのtitle内を変更して下さい。

<title>
<?php
global $page, $paged;
if(is_front_page()):
bloginfo('name');
elseif(is_single()):
wp_title('');
elseif(is_page()):
wp_title('');
elseif(is_archive()):
wp_title('|',true,'right');
bloginfo('name');
elseif(is_search()):
wp_title('-',true,'right');
elseif(is_404()):
echo'404 - ';
bloginfo('name');
endif;
if($paged >= 2 || $page >= 2):
echo'-'.sprintf('%sページ',
max($paged,$page));
endif;
?>
</title>

<title>

<?php

global $page, $paged;

if(is_front_page()):

bloginfo('name');

elseif(is_single()):

wp_title('');

elseif(is_page()):

wp_title('');

elseif(is_archive()):

wp_title('|',true,'right');

bloginfo('name');

elseif(is_search()):

wp_title('-',true,'right');

elseif(is_404()):

echo'404 - ';

bloginfo('name');

endif;

if($paged >= 2 || $page >= 2):

echo'-'.sprintf('%sページ',

max($paged,$page));

endif;

</title>

但し、ブログがブランディングされていたり、テーマに統一性がある場合はあえて変更する必要もないと思います。
「ブログ名あり」はこちら

<title>
<?php
global $page, $paged;
if(is_front_page()):
elseif(is_single()):
wp_title('-',true,'right');
elseif(is_page()):
wp_title('-',true,'right');
elseif(is_archive()):
wp_title('-',true,'right');
elseif(is_search()):
wp_title('-',true,'right');
elseif(is_404()):
echo'404 -';
endif;
bloginfo('name');
if($paged >= 2 || $page >= 2):
echo'-'.sprintf('%sページ',
max($paged,$page));
endif;
?>
</title>

<title>

<?php

global $page, $paged;

if(is_front_page()):

elseif(is_single()):

wp_title('-',true,'right');

elseif(is_page()):

wp_title('-',true,'right');

elseif(is_archive()):

wp_title('-',true,'right');

elseif(is_search()):

wp_title('-',true,'right');

elseif(is_404()):

echo'404 -';

endif;

bloginfo('name');

if($paged >= 2 || $page >= 2):

echo'-'.sprintf('%sページ',

max($paged,$page));

endif;

</title>

ページナビを修正しました。

2013-10-16_170742

single.phpの下の方

 <!--ページナビ-->
  <div class="p-navi">
    <p> PREV :
      <?php previous_post_link('%link', '%title', TRUE, ''); ?>
      <br/>
      NEXT :
      <?php next_post_link('%link', '%title', TRUE, ''); ?>
    </p>
  </div>

<p> PREV :

<?php previous_post_link('%link', '%title', TRUE, ''); ?>

<br/>

<?php next_post_link('%link', '%title', TRUE, ''); ?>

</p>

</div>

を

 <!--ページナビ-->
  <div class="p-navi clearfix">
<dl>
      <?php
        $prev_post = get_previous_post();
        if (!empty( $prev_post )): ?>
       <dt>PREV  </dt><dd><a href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a></dd>
      <?php endif; ?>
      <?php
        $next_post = get_next_post();
        if (!empty( $next_post )): ?>
         <dt>NEXT  </dt><dd><a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a></dd>
      <?php endif; ?>
</dl>
  </div>

<dl>

<?php

$prev_post = get_previous_post();

if (!empty( $prev_post )): ?>

<dt>PREV </dt><dd><a href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php echo $prev_post->post_title; ?></a></dd>

<?php endif; ?>

<?php

$next_post = get_next_post();

if (!empty( $next_post )): ?>

<dt>NEXT </dt><dd><a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo $next_post->post_title; ?></a></dd>

<?php endif; ?>

</dl>

</div>

に変更。

style.css及びsmart.cssに以下を追記

/*---------------------------------
PREV NEXT
--------------------------------*/
.p-navi dl dt {
	font-weight: bold;
	font-size: 15px;
	line-height: 27px;
	float: left;
	width: 50px;
}
.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 27px;
}

/*---------------------------------

PREV NEXT

--------------------------------*/

.p-navi dl dt {

font-weight: bold;

font-size: 15px;

line-height: 27px;

float: left;

width: 50px;

}

.p-navi dl dd {

font-size: 15px;

padding-left: 55px;

line-height: 27px;

}

固定ページのパンくずの変更

もしpage.phpのぱんくずが

<div class="kuzu">
  <div id="breadcrumb">
    <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="<?php echo home_url(); ?>" itemprop="url"> <span itemprop="title">ホーム</span> </a> &gt; </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="http://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> &gt; </div>
    <?php endforeach; ?>
  </div>
</div>
<!--/kuzu-->

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="<?php echo home_url(); ?>" itemprop="url"> <span itemprop="title">ホーム</span> </a> > </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="http://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> > </div>

<?php endforeach; ?>

</div>

の場合は

<div class="kuzu">
  <?php /*--- パンくず --- */?>
  <div class="breadcrumb"> <a href="<?php echo home_url(); ?>">HOME</a>&nbsp;>&nbsp;
    </li>
    <?php foreach ( array_reverse(get_post_ancestors($post->ID)) as $parid ) { ?>
    <a href="<?php echo get_page_link( $parid );?>" title="<?php echo get_page($parid)->post_title; ?>"> <?php echo get_page($parid)->post_title; ?></a>&nbsp;>&nbsp;
    <?php } ?>
  </div>
</div>
<!--/kuzu-->

<?php /*--- パンくず --- */?>

</li>

<?php foreach ( array_reverse(get_post_ancestors($post->ID)) as $parid ) { ?>

<a href="<?php echo get_page_link( $parid );?>" title="<?php echo get_page($parid)->post_title; ?>"> <?php echo get_page($parid)->post_title; ?></a> > 

<?php } ?>

</div>

へ。

抜粋でショートコードが見える対策

functions.phpに以下を追記

//ショートコードを外す
function stinger_noshotcode( $content ) {
    if ( ! preg_match( '/\[.+?\]/', $content, $matches ) ) {
        return $content;
    }

    $content = str_replace( $matches[0], '', $content );

    return $content;
}

//ショートコードを外す

function stinger_noshotcode( $content ) {

if ( ! preg_match( '/\[.+?\]/', $content, $matches ) ) {

return $content;

}

$content = str_replace( $matches[0], '', $content );

return $content;

}

home.php、sidebar.php、single.phpの

<?php echo mb_substr(get_the_excerpt(), 0, 100); ?>

1	<?php echo mb_substr(get_the_excerpt(), 0, 100); ?>

を

<?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 100 ) . ''; ?>

1	<?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 100 ) . ''; ?>

に変更。
※「100」の数字は箇所により異なる。

更新日を追加

2013-10-16_170802

functions.phpに以下を追記

//更新日の追加
function get_mtime($format) {
    $mtime = get_the_modified_time('Ymd');
    $ptime = get_the_time('Ymd');
    if ($ptime > $mtime) {
        return get_the_time($format);
    } elseif ($ptime === $mtime) {
        return null;
    } else {
        return get_the_modified_time($format);
    }
}

//更新日の追加

function get_mtime($format) {

$mtime = get_the_modified_time('Ymd');

$ptime = get_the_time('Ymd');

if ($ptime > $mtime) {

return get_the_time($format);

} elseif ($ptime === $mtime) {

return null;

} else {

return get_the_modified_time($format);

}

single.phpの

<h1 class="entry-title">
      <?php the_title(); ?>
    </h1>

<?php the_title(); ?>

</h1>

の下に

 <div class="blogbox">
      <p><span class="kdate">公開日：
        <time class="entry-date" datetime="<?php the_time('c') ;?>">
          <?php the_time('Y/m/d') ;?>
        </time>
        :
        <?php if ($mtime = get_mtime('Y/m/d')) echo ' 最終更新日：' , $mtime; ?>
        </span>
        <?php the_category(', ') ?>
        <?php the_tags('', ', '); ?>
        <br>
      </p>
    </div>

<p><span class="kdate">公開日：

<?php the_time('Y/m/d') ;?>

</time>

<?php if ($mtime = get_mtime('Y/m/d')) echo ' 最終更新日：' , $mtime; ?>

</span>

<?php the_category(', ') ?>

<?php the_tags('', ', '); ?>

<br>

</p>

</div>

を追記

style.cssに

/*-----------------------------
タイトル下
------------------------------*/

.kizi .blogbox p {
	font-size: 12px;
}
.kizi .blogbox {
	background-color: #f3f3f3;
}
.kizi .blogbox p .kdate {
	background-color: #595959;
	margin-right: 10px;
	padding: 5px;
	color: #FFF;
}

/*-----------------------------

タイトル下

------------------------------*/

.kizi .blogbox p {

font-size: 12px;

}

.kizi .blogbox {

background-color: #f3f3f3;

}

.kizi .blogbox p .kdate {

background-color: #595959;

margin-right: 10px;

padding: 5px;

color: #FFF;

}

を追記。

smart.cssに

/*-----------------------------
タイトル下
------------------------------*/
.kizi .blogbox {
	background-color: #f3f3f3;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999;
	border-bottom-color: #999;
	margin-bottom: 10px;
}
.kizi .blogbox p {
	font-size: 12px;
	margin-bottom: 0px;
}

/*-----------------------------

タイトル下

------------------------------*/

.kizi .blogbox {

background-color: #f3f3f3;

padding: 5px;

border-top-width: 1px;

border-bottom-width: 1px;

border-top-style: dotted;

border-bottom-style: dotted;

border-top-color: #999;

border-bottom-color: #999;

margin-bottom: 10px;

}

.kizi .blogbox p {

font-size: 12px;

margin-bottom: 0px;

}

を追記

jQueryの読み込みの不要なコードの削除

functions.phpの

function register_user_script() {
    if (!is_admin()) {
        $script_directory = get_template_directory_uri();
        wp_deregister_script('jquery');
        wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js');

        wp_enqueue_script('MyTheme_InitScript',$script_directory.'/init.js',array('jquery'));    
    }
}
add_action('init','register_user_script');

function register_user_script() {

if (!is_admin()) {

$script_directory = get_template_directory_uri();

wp_deregister_script('jquery');

wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js');

wp_enqueue_script('MyTheme_InitScript',$script_directory.'/init.js',array('jquery'));

}

add_action('init','register_user_script');

の

 wp_enqueue_script('MyTheme_InitScript',$script_directory.'/init.js',array('jquery'));

1	wp_enqueue_script('MyTheme_InitScript',$script_directory.'/init.js',array('jquery'));

は削除して

function register_user_script() {
    if (!is_admin()) {
        $script_directory = get_template_directory_uri();
        wp_deregister_script('jquery');
        wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js');
    }
}
add_action('init','register_user_script');

function register_user_script() {

if (!is_admin()) {

$script_directory = get_template_directory_uri();

wp_deregister_script('jquery');

wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js');

}

add_action('init','register_user_script');

に。

カスタムヘッダーの高さを自由に変更

functions.phpの

//カスタムヘッダー
add_custom_image_header('','admin_header_style');
function admin_header_style() {}

//カスタムヘッダー

add_custom_image_header('','admin_header_style');

function admin_header_style() {}

を

//カスタムヘッダー
$args = array(
	'width'         => 986,
	'height'        => 150,
        'flex-height' => true,
	'default-image' => get_template_directory_uri() . '/images/stinger3.png',
);
add_theme_support( 'custom-header', $args );

//カスタムヘッダー

$args = array(

'width' => 986,

'height' => 150,

'flex-height' => true,

'default-image' => get_template_directory_uri() . '/images/stinger3.png',

);

add_theme_support( 'custom-header', $args );

に。もし、変わっていても「flex-heighnt」となっていたら御修正ください。

Youtubeなどがスマホではみ出る事の修正

smart.cssに

.kizi img, .wp-caption, .kizi video, .kizi object, .kizi iframe, .kizi table {
	margin-bottom: 20px;
	height: auto;
	max-width: 100%!important;
}

.kizi img, .wp-caption, .kizi video, .kizi object, .kizi iframe, .kizi table {

margin-bottom: 20px;

height: auto;

max-width: 100%!important;

}

を追記

スマホの関連記事のタイトルに隙間ができる問題の修正

smart.cssに

div dl dd .saisin {
	word-break: break-all;
	overflow: auto;
}

div dl dd .saisin {

word-break: break-all;

overflow: auto;

}

を追記。

以上です。

-bug, custom, news, みんなのFAQ

: 「続きを読む」というボタンを右サイドに寄せたい

質問 twitter: iguigu1124 URL: http://ge-muki.netgamers.jp/ Ver: stinger3 version:20131016 メッセージ本文: 続きを ...

: 楽天モーションウィジェットを設置しましたが、PC上では表示されますが、モバイルでみるとモーションウィジェットの画像が表示されません。

twitter: URL: http://810miru.com/ Ver: 20131217 メッセージ本文: 先日よりstinger3のテーマを使わせていただいています。全般的にとても満足なので ...

関連記事をランダム表示に

single.phpの<関連記事>の該当箇所を以下の様にごっそり変えて下さい

<!--関連記事-->
<h4 class="kanren">関連記事</h4>
<div class="sumbox02">
<div id="topnews">
<div>
<?php
$categories = get_the_category($post->ID);
$category_ID = array();
foreach($categories as $category):
array_push( $category_ID, $category -> cat_ID);
endforeach ;
$args = array(
'post__not_in' => array($post -> ID),
'posts_per_page'=> 5,
'category__in' => $category_ID,
'orderby' => 'rand',
);
$st_query = new WP_Query($args); ?>
<?php
if( $st_query -> have_posts() ): ?>
<?php
while ($st_query -> have_posts()) : $st_query -> the_post(); ?>

<dl><dt>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>
<?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>
<?php else: // サムネイルを持っていないときの処理 ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />
<?php endif; ?>
</a>
</dt>
<dd>
<h4 class="saisin">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<p class="basui">
<?php echo mb_substr(strip_tags(akita_noshotcode($post-> post_content)),0,35).'...'; ?></p>
<p class="motto"><a href="<?php the_permalink(); ?>">記事を読む</a></p>
</dd></dl>

<?php endwhile;
?>
<?php else:
?>
<p>記事はありませんでした</p>
<?php
endif;
wp_reset_postdata();
?>
</div>
</div>
</div>

<!--/関連記事-->

<div>

<?php

$categories = get_the_category($post->ID);

$category_ID = array();

foreach($categories as $category):

array_push( $category_ID, $category -> cat_ID);

endforeach ;

$args = array(

'post__not_in' => array($post -> ID),

'posts_per_page'=> 5,

'category__in' => $category_ID,

'orderby' => 'rand',

);

$st_query = new WP_Query($args); ?>

<?php

if( $st_query -> have_posts() ): ?>

<?php

while ($st_query -> have_posts()) : $st_query -> the_post(); ?>

<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">

<?php if ( has_post_thumbnail() ): // サムネイルを持っているときの処理 ?>

<?php echo get_the_post_thumbnail($post->ID, 'thumb110'); ?>

<?php else: // サムネイルを持っていないときの処理 ?>

<img src="<?php echo get_template_directory_uri(); ?>/images/no-img.png" alt="no image" title="no image" width="110px" />

<?php endif; ?>

</a>

</dt>

<dd>

<?php echo mb_substr(strip_tags(akita_noshotcode($post-> post_content)),0,35).'...'; ?></p>

<p class="motto"><a href="<?php the_permalink(); ?>">記事を読む</a></p>

</dd></dl>

<?php endwhile;

<?php else:

<p>記事はありませんでした</p>

<?php

endif;

wp_reset_postdata();

</div>

: サイドウィジェットが途中から消えてしまう

twitter: varutoore URL: http://shukyakumaster.info/ Ver: stinger3ver20131023 メッセージ本文: 初めまして。ついこの間、s ...

: フロントページに固定ページを設定したところ、トップページのタイトルが表示されなくなってしまう

質問こんばんは。はじめまして。ただいま、stingerでブログ制作をおこなっているものです。さて、いきなりでとても恐縮なのですが、フロントページに固定ページを設定したところ、トップページのタイト ...

PREV: STINGER3の「追従するSNSボタン」を削除する方法
NEXT: フロントページに固定ページを設定したところ、トップページのタイトルが表示されなくなってしまう