WordPressテーマSANGOのphp/css独自カスタマイズ14選

/* トップページだけ幅が異なる部分の調整 */
@media only screen and (min-width: 1230px) {
 .wrap { width: 1180px; }
 .d-5of7 { width: 70%; } /*メインコンテンツ幅*/
 .d-2of7 { width: 30%; } /*サイドバー幅*/
}

 	//(1)横長の場合
if( is_sidelong() ): ?>
		<div class="sidelong cf">
			<?php if ( is_home() || is_front_page() ){
					$poststime = 0;
					while (have_posts() & ($poststime < 3)) : the_post();
						sng_sidelong_card();/*sng-functions.phpで定義*/
						$poststime++;
						endwhile;
				} else {
					while (have_posts()) : the_post();
						sng_sidelong_card();/*sng-functions.phpで定義*/
						endwhile;
				}
			?>
		</div>
<?php else : //(2)カードタイプの場合?>
		<div class="cardtype cf">
			<?php if ( is_home() || is_front_page() ){
					$poststime = 0;
					while (have_posts() & ($poststime < 3)) : the_post();
						sng_normal_card();/*sng-functions.phpで定義*/
						$poststime++;
						endwhile;
				} else {
					while (have_posts()) : the_post();
						sng_normal_card();/*sng-functions.phpで定義*/
						endwhile;
				}
			?>
		</div>

<?php endif;
	if ( is_home() || is_front_page() ){
	?> <div class="center"><a href="https://tabihow.jp/author/seshimo" class="raised blue-bc strong">新着記事をもっと見る</a></div> <?php
	} else { sng_page_navi(); }
} else {//記事なし

<div class="say left" style="margin-left:10px; margin-top:20px;"><p class="faceicon"><img src="https://tabihow.jp/imgblog/koi154.webp"><span>セシモ コイ</span></p><div style="margin-left:-10px; padding-right:20px; font-size:16px;">国内旅行が好きで47都道府県踏破済。ツイッターでも旅行ネタを中心に発信中！</div></div>

			       		get_template_part('parts/single/entry-footer');//記事フッターまわり
			       		comments_template();//コメント
								insert_json_ld();//構造化データ

        	<div class="footer-meta dfont">
               	<?php if(get_the_category_list()): //カテゴリー一覧を出力 ?>
               	 	<p class="footer-meta_title">CATEGORY :</p>
               	 	<?php echo get_the_category_list(); ?>
               	<?php endif;
               		if(get_the_tags()) : //タグ一覧を出力?>
               		<div class="meta-tag">
               		<p class="footer-meta_title">TAGS :</p>
               		<?php the_tags('<ul><li>','</li><li>','</li></ul>');?>
               		</div>
              	<?php endif; ?>
          	</div>

<!-- 冒頭でカテゴリ情報を取得 -->
<?php $cat = get_the_category();         //カテゴリ群を取得して変数に格納（この時点では配列）
$cat_name = $cat[0]->name;               //カテゴリ配列の1番目オブジェクトからカテゴリ名を取得
$cat_id = $cat[0]->cat_ID;               //カテゴリ配列の1番目オブジェクトからカテゴリIDを取得
$link = get_category_link($cat_id);      //カテゴリIDをキーにしてカテゴリのリンクURLを取得
?>

<!-- 独自に作成した関数を呼び出して、カレントカテゴリと同じカテゴリの記事を6件表示する -->
<p class="hh hh11"><a href="<?php echo $link; ?>"><?php echo $cat_name; ?></a> カテゴリの関連記事</p>
<div class="related-posts type_b no_slide" ontouchstart="" style="background:#ffffff"><ul class="cf">
<?php seshimo_posts('c', 6, $cat[0]->term_id); ?>
</ul></div>

<!-- 対象カテゴリ記事をもっと見るボタンを表示する -->
<div class="center" style="margin:-25px 0 15px 0;">
<a href="<?php echo $link; ?>" class="raised blue-bc strong"><?php echo $cat_name; ?> の記事をもっと見る</a>
</div>

<!-- 冒頭でタグ情報を取得 -->
<?php $tag = get_the_tags();        //タグ群を取得して変数に格納（この時点では配列）
$tag_name = $tag[0]->name;          //タグ配列の1番目オブジェクトからタグ名を取得
$tag_id = $tag[0]->term_id;         //タグ配列の1番目オブジェクトからタグIDを取得
$link = get_tag_link($tag_id);      //タグIDをキーにしてタグのリンクURLを取得
?>

<!-- 独自に作成した関数を呼び出して、カレントタグと同じタグの記事を6件表示する -->
<p class="hh hh11"><a href="<?php echo $link; ?>"><?php echo $tag_name; ?></a> タグの関連記事</p>
<div class="related-posts type_b no_slide" ontouchstart="" style="background:#ffffff"><ul class="cf">
<?php seshimo_posts('t', 6, $tag[0]->term_id); ?>
</ul></div>

<!-- 対象タグ記事をもっと見るボタンを表示する -->
<div class="center" style="margin:-25px 0 15px 0;">
<a href="<?php echo $link; ?>" class="raised blue-bc strong"><?php echo $tag_name; ?> の記事をもっと見る</a>
</div>

if (!function_exists('seshimo_posts')) {
  function seshimo_posts($type, $num, $input_id) //カテゴリー'c'orタグ't', 関連記事出力数, カテゴリーIDorタグID
  {
    if ($type == 'c') {
     $related_posts = get_posts(array(
      'category' => $input_id,
      'numberposts' => $num,
      'orderby' => 'rand',
     ));
    }
    if ($type == 't') {
     $related_posts = get_posts(array(
      'tag_id' => $input_id,
      'numberposts' => $num,
      'orderby' => 'rand',
     ));
    }
    if ($related_posts) {
      $design = 'type_b';
        foreach ($related_posts as $related_post):
          $thumbnail = get_post_thumbnail_id($related_post->ID);
          $src_info = wp_get_attachment_image_src($thumbnail, 'thumb-520');
          $src = $src_info[0];
          if (!$src && get_option('thumb_upload')) { //アイキャッチ画像が無い時は登録されたデフォルト画像を探す
            $src = replace_thumbnail_src(esc_url(get_option('thumb_upload')), "thumb-520");
          } elseif (!$src) { //それでも無い場合はテンプレートフォルダから
            $src = get_template_directory_uri() . '/library/images/default_small.jpg';
          }
          $title = $related_post->post_title;
          ?>
          <li>
            <a href="<?php echo get_permalink($related_post->ID); ?>">
              <figure class="rlmg">
                <img src="<?php echo $src; ?>" alt="<?php echo $title; ?>">
              </figure>
              <div class="rep"><p><?php echo $title ?></p></div>
            </a>
          </li>
      <?php
        endforeach;
    }
  }
}

        	<div class="footer-meta dfont">
               	<?php
		if(get_the_category_list()) {
			if(file_exists('/home/seshimo3/tabihow.jp/public_html/wp-content/themes/sango-theme-child/original-category.php')) {
               	 		get_template_part('original-category'); //カテゴリー一覧を出力
			}
		}
               	if(get_the_tags()) {
			if(file_exists('/home/seshimo3/tabihow.jp/public_html/wp-content/themes/sango-theme-child/original-tags.php')) {
               			get_template_part('original-tags'); //タグ一覧を出力
              		}
		}
		?>

<br>
<!-- 記事下の自己紹介(divの閉じタグはひとつ不足させる) -->
<div class="author-info__inner" style="margin:4px; padding:4px; background:#ffd282">
 <div class="tb" style="background:#fcf1e0;">
  <div class="tb-left">
   <div class="author_label">
    <span>記事を書いた人＆運営者</span>
   </div>
   <div class="author_img">
    <img src='https://tabihow.jp/imgblog/koi154.webp' class='avatar avatar-100 photo' />
   </div>
    <dl class="aut">
     <dt><a class="dfont" href="https://tabihow.jp/author/seshimo/"><span>セシモ コイ</span></a></dt>
     <dd>趣味の旅行ブロガー</dd>
    </dl>
   </div>
   <div class="tb-right">
    <p>WELQ問題をきっかけに、自分で旅行した体験と撮影写真をもとに「本物の国内旅行まとめサイト」を作成。<br>
    添乗員系Vチューバーとしても活動予定で、国内の情報を解説するため日々勉強中。</p>
    <div class="center follow_btn dfont">
     <a class="Twitter" href="https://twitter.com/seshimo_tv" target="_blank" rel="nofollow">Twitter</a>
     <a class="Facebook" href="https://www.facebook.com/seshimo3" target="_blank" rel="nofollow">Facebook</a>
     <a class="YouTube" href="https://www.youtube.com/channel/UC3TRg7beYnnhAbNJQ-hTNbg/" target="_blank" rel="nofollow">YouTube</a>
    </div>
    <div class="center">
     <a href="https://tabihow.jp/blogt001/" class="raised blue-bc strong">私の作業デスク</a>
     <a href="https://tabihow.jp/tools001/" class="raised blue-bc strong">私の旅行道具</a>
    </div>
   </div>
  </div>
 </div>

        	<?php insert_social_buttons(); //シェアボタン?>
        	<?php insert_like_box();//フォローボックス?>
			<?php get_template_part('introduce');?>
			<?php
			if(get_the_tags()) {

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

    add_image_size('thumb-940', 940); //関連記事等で利用

    add_image_size('thumb-520', 300, 200, true); //関連記事等で利用

    add_image_size('thumb-160', 150, 150, true); //サムネイルサイズ

function sng_document_title_separator($sep)

{

  $sep = '-';

  return $sep;

}