「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマSTORY:トップページ内のコンテンツの順番を入れ替える方法

Q.トップページ内のコンテンツは順番を入れ替えられますか?

トップページ内のコンテンツ1・2・3・4は順番を並び替えることはできますか?

A.下記phpファイルの該当箇所を編集します。

コンテンツで該当する箇所ごと、ご希望の順番に入れ替えてください。

編集するファイル: front-page.php

コンテンツ1

編集する箇所: 32~54行目付近
変更箇所イメージ: →参考:STORY(TCD041)デモサイト
変更箇所イメージ

<div id="content01" class="main">
	<div class="inner">
<?php
〜省略〜
<p class="content01-text" style="font-size: <?php echo esc_attr( $index_content1_desc_font_size ); ?>px;"><?php echo nl2br( esc_html( $options['index_content1_desc'] ) ); ?></p>
		</section>
<?php
endif;
?>
	</div>

 

コンテンツ2

編集する箇所: 55~81行目付近
変更箇所イメージ: 
変更箇所イメージ

<?php
if ( $options['show_index_content2'] ) :
?>
ont-type"><?php echo esc_html( $options['index_content2_headline' . $i] ); ?></div>
〜省略〜
<?php
endif;
?>

コンテンツ3

編集する箇所: 82~103行目付近
変更箇所イメージ: 
変更箇所イメージ

<div class="inner">
<?php
if ( $options['show_index_content3'] ) :
?>
〜省略〜
$options['index_content3_desc'] ) ); ?></p>
		</section>
<?php
endif;
?>
	</div>

コンテンツ4

編集する箇所: 104~163行目付近
変更箇所イメージ: 
変更箇所イメージ

<?php
if ( $options['show_index_content4'] ) :
?>
	<div class="fade01">
〜省略〜
<?php
		endif;
?>
		</div>
<?php
	endforeach;
?>
	</div>
<?php
endif;
?>

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事