テーマカスタマイズ

サムネイル 生成させない wp

https://www.nxworld.net/wordpress/wp-remove-image-sizes.html

options.phpでmedium_large_size_w 768 を 0 にする

medium_large_size_w 0

ストーク側のサムネイルの表示を制限

通常下のサムネイルが生成されるので

IMG_8484-150×150.jpg IMG_8484-486×324.jpg IMG_8484.jpg のみにする

function.php

#332を下記にする

add_image_size( 'home-thum', 486, 324, true );

add_image_size( 'post-thum', 486, 324, true );

addquicktag でストーク用のjsonwを挿入

https://affirepo.com/stork-shortcode/

追加CSSがあるのでそれをテーマ 外観 カスタマイズ cssに追加

STORKのカテゴリー一覧を「ボタン風」にアレンジ!

https://affirepo.com/stork-customize/
https://affirepo.com/stork-customize-categorybtn/
カテゴリーリストをボタン風にアレンジしました。

1メニューを作る『サイドバーカテゴリー』
その後ウィジェットでサイドバーに追加

2挿入コード カスタマイズ cssで追加

		/* カテゴリーボタン風
		 * https://affirepo.com/stork-customize-categorybtn/ */
/* ボタン風カテゴリ一覧 */
.widget_nav_menu ul {
padding-top: 5px;
list-style: none;
}

.widget_nav_menu li {
display: inline-block;
width: 49%;
padding-top: 5px!important;
border-bottom: none;
text-align: center;
}

.widget_nav_menu ul :before{
font-family: fontawesome; 
content:"\f0a9";
color: #f55e5e;
padding-right: 5px;
padding-left:7px;
}

.widget_nav_menu ul a{
padding: 10px 5px;
border-radius: 3px;
background:#fff;
color: #000000;
border:solid 1px #f55e5e;
font-size: 14px;
text-decoration: none;
text-align: left;

}

.widget_nav_menu ul a:hover{
background: #f55e5e;
color:#ffffff;
transform: translate3d(0px, 2px, 0px);
box-shadow: none;
}

.widget_nav_menu li a:after{
display: none;
}


ページャーをカスタマイズ

https://affirepo.com/stork-customize-pagination/
cssを追加するだけ

	/* ページャーをカスタマイズ
		 * https://affirepo.com/stork-customize-pagination/ */


.pagination a, .pagination span{
padding: 7px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}

インフィード広告を記事内に挿入

https://open-cage.com/adsense-infeed-add-archives/
/jstork/parts_archive_magazine.php を改造、2箇所にコード挿入

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

の前に

<?php
$ads_infeed = '4'; //何番目に表示したいか
$ads_infeed_count = '1';
?>

あとに

<?php
if($ads_infeed_count == $ads_infeed){
?>

<!-- ここに取得した広告コードをいれる -->

<?php
}
$ads_infeed_count++;
?>

モバイルでのロゴの大きさ調整

/taiwanfan.com/wp-content/themes/jstork/header.php
cssでもダイルだけ制御 2箇所
#45 を下に変更

<p class="h1 img"><a href="<?php echo esc_url(home_url()); ?>"><img src="<?php echo get_theme_mod( 'opencage_logo' ); ?>" alt="<?php bloginfo('name'); ?>" <?php if ( wp_is_mobile() ) : ?>
 style="height:35px;margin:8px 0;"
<?php else: ?>

<?php endif; ?>></a></p>

#39 を下に変更

<h1 class="h1 img"><a href="<?php echo esc_url(home_url()); ?>" rel="nofollow"><img src="<?php echo get_theme_mod( 'opencage_logo' ); ?>" alt="<?php bloginfo('name'); ?>"<?php if ( wp_is_mobile() ) : ?>
 style="height:35px;margin:8px 0;"
<?php else: ?>
 style="height:38px;margin:8px 0;"
<?php endif; ?>></a></h1>