ConoHa WINGコラボ記念!特別割引中

よく質問されるカスタマイズ例

7 min 4,740 views

ウィジェット広告エリア
ウィジェットの機能について)

マサオカ

マサオカ

よく質問のあるカスタマイズ例を紹介します。

修正を加える箇所は、CSSの場合は外観テーマエディタースタイルシート(style.css)を利用してください。

THE SONIC CSSカスタマイズ

functions.phpの場合は外観テーマエディターテーマのための関数(functions.php)を利用してください。

WordPressのfunctions.php追記

カスタマイズは自己責任でお願いいたします。このカスタマイズに関する質問は、SONIC CLUBより受け付けています。

ウィジェット広告エリア
ウィジェットの機能について)

フォントオーサムを読み込まない

fuctions.php
add_action( 'wp_enqueue_scripts', function(){
	wp_deregister_style( 'tsnc_fontawesome-all-style' );
}, 11);

ウィジェット広告エリア
ウィジェットの機能について)

関連記事を消す

functions.php
function tsnc_the_kanren() { return ''; }

ウィジェット広告エリア
ウィジェットの機能について)

パンくずリストを消す

functions.php
function tsnc_breadcrumb() { return ''; }

人気ワードの部分のエリアを書き換え

functions.php
function tsnc_get_the_popular_word() {
	echo 'ここが表示されます';
}

ショートコードの呼び出し

function tsnc_get_the_popular_word() { echo do_shortcode('[reuse id="111"]'); }

ウィジェット広告エリア
ウィジェットの機能について)

ピンタレストのマウスオーバで個別ピンを非表示

functions.php
add_filter('tsnc_is_pinterest_pin_hover', function( $is_pin_hover ) {
	return false;
});

return false;で非表示、return true;で表示される。(デフォルトはtrue)

フッターのコピーライトの文字を変える

functions.php
add_filter('tsnc_toppage_copyright_html', function($html, $copyright){
	return '<p class="copyright">コピーライト</p>';
}, 10, 2);

トップページの並び替え

functions.php
add_filter('tsnc_top_page_disp_boxes', function( $boxes ){
	$boxes = [
		'widget-toppage-top',
		'new',
		'tab',
		'widget-toppage-bottom'
	];
	return $boxes;
});

トップページ2ページ目以降の「トップページ記事上ウィジェット」を消す

functions.php
add_filter('tsnc_top_page_disp_boxes', function() {/*2ページ目以降のウィジェットコンテンツを消す*/
	if(is_paged()){
		return $boxes = [
		'new',
		'tab',
		'widget-toppage-bottom'
		];
	}
	else{
		return $boxes = [
		'widget-toppage-top',
		'new',
		'tab',
		'widget-toppage-bottom'
		];
	}
});

トップページ2ページ目以降の「フロントCTAエリア」を消す

functions.php
function tsnc_get_the_top_page() {
	if(!is_paged()){
		global $tsnc_lib_instance;
		$cucstom_html = '';
		if ( is_category() ) {
			if ( !tsnc_is_cat_top_page() ) {
				$cat_id = tsnc_get_category_id();
				if ( !tsnc_set_cat_parent_top_page( $cat_id ) ) {
					//自分にも親にもカテゴリページがなければトップのまま
					return '';
				}
			}

			$top_page_cta = tsnc_is_cat_top_page();
			$top_page_design_class = tsnc_cat_page_design_class();
			if ($top_page_design_class){
				$cucstom_html = tsnc_cat_page_first_view_html();
			} else {
				$cta_image = tsnc_cat_page_first_view_image_url();
				$top_page_title_text = tsnc_cat_page_first_view_title();
				$top_page_button_text = tsnc_cat_page_first_view_button_text();
				$top_page_button_url = tsnc_cat_page_first_view_button_url();

				$top_page_image_url_tag = tsnc_get_the_image_tag_from_theme_mod( null, tsnc_cat_page_first_view_box_image_url() );
				$top_page_explan_text = tsnc_cat_page_first_view_text();
			}
		} else {
			$top_page_cta = get_theme_mod( $tsnc_lib_instance->add_prefix('use_top_cta' ) );
			$top_page_design_class = tsnc_top_page_custom_html();
			if ($top_page_design_class){
				$cucstom_html = get_theme_mod( $tsnc_lib_instance->add_prefix('top_page_custom_html' ) );
			} else {
				$cta_image = get_theme_mod( $tsnc_lib_instance->add_prefix('cta_image' ) );
				$top_page_title_text = get_theme_mod( $tsnc_lib_instance->add_prefix('top_page_title_text' ) );
				$top_page_button_text = get_theme_mod( $tsnc_lib_instance->add_prefix('top_page_button_text' ) );
				$top_page_button_url = get_theme_mod( $tsnc_lib_instance->add_prefix('top_page_button_url' ) );
				$top_page_image_url_tag = tsnc_get_the_image_tag_from_theme_mod('top_page_image' );
				$top_page_explan_text = get_theme_mod( $tsnc_lib_instance->add_prefix('top_page_explan_text' ) );
			}
		}

		if ( $top_page_cta ) :
		if ( $top_page_design_class ) : ?>
			<?php if (strlen($cucstom_html) > 0) : ?>
			<div class="top-cta-custom-html"><?php echo do_shortcode( wp_kses_post( $cucstom_html ) )?></div>
			<?php endif;?>
		<?php else: ?>
			<?php if (strlen( $cta_image ) > 0 || strlen( $top_page_title_text ) > 0 || strlen( $top_page_explan_text ) > 0 || strlen( $top_page_button_text ) > 0 || strlen( $top_page_button_url ) > 0 || strlen( $top_page_image_url_tag ) > 0) : ?>
				<div class="header-img" style="background-image: url('<?php echo esc_url($cta_image) ?>');">
					<div class="header-img-area">
						<div class="imgarea-text imgarea-text-inver hb">
							<?php if (strlen( $top_page_image_url_tag ) > 0 ): ?>
							<div class="imgarea-img">
								<a href="<?php echo esc_url( $top_page_button_url ) ?>">
									<?php echo $top_page_image_url_tag ?>
								</a>
							</div>
							<?php endif; ?><?php if (strlen( $top_page_title_text ) > 0 || strlen( $top_page_explan_text ) > 0 || strlen( $top_page_button_url ) > 0 || strlen( $top_page_button_text ) > 0 ) : ?>
							<div class="imgarea-text-in <?php echo esc_attr( $top_page_design_class ) ?>">
								<div class="imgarea-text-inner">
									<p class="imgarea-title"><?php echo nl2br(esc_html( $top_page_title_text )); ?></p>
									<p><?php echo wp_kses_post( do_shortcode ( $top_page_explan_text ) ) ?></p>
									<div class="imgarea-btn-area">
										<a href="<?php echo esc_url( $top_page_button_url ) ?>" class="imgarea-btn main-bgc"><?php echo esc_html( $top_page_button_text ) ?></a>
									</div>
								</div>
							</div><?php endif; ?>
						</div>
					</div>
				</div>
			<?php endif;?>
			<?php
		endif;
		endif;
	}
	else{return '';}
}

カテゴリー詳細エリア2ページ目非表示

funtions.php
function tsnc_the_category_page_contents() {
	if(!is_paged()){
		global $tsnc_custom_category_page_instance;
		return $tsnc_custom_category_page_instance->get_contents();

	}
	else{return '';}
}

ヘッダーナビの表示trueで表示

(以下の例はモバイルで非表示にしています)

functions.php
add_filter('tsnc_is_disp_header_nav', function( $is_disp ){
	return !wp_is_mobile();
});

ウィジェットエリアを追加して、その内容を人気ワード検索の内容と入れ替える

functions.php
/* ウィジェットエリア追加 */
if (function_exists('register_sidebar')){
	register_sidebar(array(
		'name' => 'ヘッダー画像の下',
		'id' => 'tsnc-header-hotword',
		'description' => 'ヘッダー画像の下',
		'before_widget' => '<div id="%1$s" class="content-under-widget-area %2$s">',
		'after_widget' => '</div>',
		'before_title' => '<h2 class="mainSection-title">',
		'after_title' => '</h2>'
	));
}


function tsnc_get_the_popular_word() {
	if(is_active_sidebar('tsnc-header-hotword')) { ?>
		<div class="hotword">
			<div class="hotword-in hb">
				<div class="hotword-area">
					<?php dynamic_sidebar('tsnc-header-hotword'); ?>
				</div>
			</div>
		</div>
	<?php };
}

THE SONICからのお知らせ

COPIA

THE SONICのキャンペーン配信機能を、他のWordPressでも利用できる便利プラグイン「COPIA(コピア)」をリリースしました。

THE SONICユーザーの方は現在の利用料金のまま利用可能。

ぜひ、ご利用ください。

ウィジェット広告エリア
ウィジェットの機能について)

SONIC TEAM

SONIC TEAM

収益とライティングを"1UP"させるWordPressテーマ「THE SONIC(ソニック)」を開発しています。
アフィリエイター・ブロガー・テーマ開発者3つの視点からWordPressテーマをリビルドしました。

FOLLOW

カテゴリー:
CTAエリア
関連記事