Q.STORYのトップページにてNEWSとブログ一覧部分の箇所を変更したい
STORYのトップページにてnews一覧とブログ一覧のセクションをTOPスライダー下に移動させたいですが方法はありますか。
A.該当ファイルを編集してください
編集するファイル:front-page.php
front-page.phpの164行目<div class=”inner”>から310行目</div>までをカットし、32行目<div id=”content01″ class=”main”>の次にペーストしてください。
下記の部分がカット部分です。
<div class="inner"> <?php if ( $show_index_news_content ) : ?> <section class="fade01"> <?php if ( is_mobile() && ! is_no_responsive() ) : ?> <h2 class="headline-primary headline-font-type"><?php echo esc_html( $options['index_news_headline'] ); ?></h2> <?php else : ?> <h2 class="headline-primary headline-font-type" style="font-size: <?php echo esc_attr( $index_news_headline_font_size ); ?>px;"><?php echo esc_html( $options['index_news_headline'] ); ?></h2> <?php endif; ?> <?php if ( $news_query->have_posts() ) : ?> <div class="top-news flex flex-wrap"> <?php while ( $news_query->have_posts() ) : $news_query->the_post(); ?> <article class="article02"> <a class="article02-thumbnail <?php echo esc_attr( $hover_type ); ?>" href="<?php the_permalink(); ?>"> <?php if ( has_post_thumbnail() ) : the_post_thumbnail( 'size1' ); else : ?> <img src="<?php echo get_template_directory_uri(); ?>/img/common/no-image-280x280.gif" alt="<?php the_title(); ?>"> <?php endif; ?> </a> <div class="article02-content"> <?php if ( $options['show_date_news'] ) : ?> <time class="article02-date" datetime="<?php the_time( 'Y-m-d' ); ?>"><?php the_time( 'Y.m.d' ); ?></time> <?php endif; ?> <h3 class="article02-title"> <a href="<?php the_permalink(); ?>"><?php echo wp_trim_words( get_the_title(), 40, '...' ); ?></a> </h3> <?php if ( ! is_mobile() ) : ?> <p class="article02-text"><?php the_excerpt(); ?></p> <?php endif; ?> </div> </article> <?php endwhile; wp_reset_postdata(); ?> </div> <?php endif; if ( $options['show_index_news_button'] ) : ?> <p class="button"><a href="<?php echo get_post_type_archive_link( 'news' ); ?>"><?php echo esc_html( $options['index_news_button'] ); ?></a></p> </section> <?php endif; endif; if ( $options['show_index_blog_content'] ) : ?> <section class="fade01"> <?php if ( is_mobile() && ! is_no_responsive() ) : ?> <h2 class="headline-primary headline-font-type"><?php echo esc_html( $options['index_blog_headline'] ); ?></h2> <?php else : ?> <h2 class="headline-primary headline-font-type" style="font-size: <?php echo esc_attr( $index_blog_headline_font_size ); ?>px;"><?php echo esc_html( $options['index_blog_headline'] ); ?></h2> <?php endif; ?> <?php if ( $blog_query->have_posts() ) : ?> <div class="top-blog flex flex-wrap"> <?php while ( $blog_query->have_posts() ) : $blog_query->the_post(); if ( $archive_show_category ) { $categories = get_the_category(); $thelist = ''; $i = 0; foreach ( $categories as $category ) { if ( $i > 0 ) { $thelist .= ', '; } $thelist .= '<span class="article03-category-item" data-url="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</span>'; $i++; } } ?> <article class="article03"> <a class="flex flex-column" href="<?php the_permalink(); ?>"> <div class="article03-thumbnail <?php echo esc_attr( $hover_type ); ?>"> <?php if ( has_post_thumbnail() ) : the_post_thumbnail( 'size1' ); else : ?> <img src="<?php echo get_template_directory_uri(); ?>/img/common/no-image-280x280.gif" alt="<?php the_title(); ?>"> <?php endif; ?> </div> <div class="article03-content flex flex-auto flex-column"> <h2 class="article03-title headline-font-type"><?php echo is_mobile() ? wp_trim_words( get_the_title(), 20, '...' ) : wp_trim_words( get_the_title(), 25, '...' ); ?></h2> <?php if ( $archive_show_date || $archive_show_category ) : ?> <p class="article03-meta"> <?php if ( $archive_show_date ) : ?><time class="article03-date" datetime="<?php the_time( 'Y-m-d' ); ?>"><?php the_time( 'Y.m.d' ); ?></time><?php endif; ?><?php if ( ! wp_is_mobile() && $archive_show_category ) : ?><span class="article03-category"><?php echo $thelist; ?></span><?php endif; ?> </p> <?php endif; ?> </div> </a> </article> <?php endwhile; wp_reset_postdata(); ?> </div> <?php endif; if ( $options['show_index_blog_button'] ) : ?> <p class="button"><a href="<?php echo get_post_type_archive_link( 'post' ); ?>"><?php echo esc_html( $options['index_blog_button'] ); ?></a></p> </section> <?php endif; endif; ?> </div>
設定は、以上となります。
なお、NEWSのみ、ブログのみという変更は大幅な仕様変更となりますので有償対応となります。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!