wordpress主题等任何带拖拽功能教学

夏柔12月 3, 2019

站长笔录:关于一些自带[拖拽] 、 [首页位置]功能主题,本教程会详细讲解并提供给有需要的朋友

首先我们来熟悉一下什么叫首页拖拽? 如图:

这是本站的首页布局

那我们如何增加我们自己想要的功能呢?

首先,我们准备下适合 wordpress 的首页代码(本站会提供免费的代码)

如图:

该代码来自 ripro主题

<?php

$mode_catpost = _cao('mode_catpost');



foreach ($mode_catpost['catcms'] as $key => $cms) { 

	$args = array(
	    'cat'            => $cms['category'],
	    'ignore_sticky_posts' => true,
	    'post_status'         => 'publish',
	    'posts_per_page'      => $cms['count'],
	    'orderby'      => $cms['orderby'],
	);

	$data = new WP_Query($args);
	$category = get_category( $cms['category'] );

	ob_start(); ?>
	<div class="section pb-0">
	  <div class="container">
	  	<h3 class="section-title">
	  		<span><i class="fa fa-th"></i> <a href="<?php echo esc_url( get_category_link( $category->cat_ID ) ); ?>"><?php echo $category->cat_name; ?></a></span>
	  	</h3>
	  	<?php _the_cao_ads('ad_list_header', 'list-header');?>
		<div class="row cat-posts-wrapper">
		    <?php while ( $data->have_posts() ) : $data->the_post();
		      get_template_part( 'parts/template-parts/content',$cms['latest_layout'] );
		    endwhile; ?>
		</div>
		<?php _the_cao_ads('ad_list_footer', 'list-footer');?>
	  </div>
	</div>

	<?php 
	wp_reset_postdata();
	echo ob_get_clean(); 
}
?>

现在我来教大家怎么创建.

打开文件路径 (ripro主题演示):如图