WordPress极简博客 WordPress极简博客
  • 新鲜事
  • 战疫情
  • UI素材
    • UI素材
    • 电商/节日
    • PPT
      • 节日庆典
      • 工作汇报
      • 商业计划书
    • word
      • 简历竞聘
      • 合同/公文
  • 创客头条
    • 音乐分享
    • 初创文章
    • 极客头条
    • 数码解说
    • 生活趣事
    • 生活日记
  • 全球科技
    • 新浪博客
    • A5资讯
    • 环球网新闻
  • 编程教学
    • Linux安全栏目
      • Linux运维安全汇总
      • DDOS攻击防护
      • XSS攻击防护
      • SQL安全防护
    • Python技术栏目
      • Python基础入门
      • Python基础结构
    • WordPress技术栏目
      • WP主题
      • WordPress技术教程
      • RIPRO主题美化
    • WordPress漏洞发布
    • 技术教程汇总
  • 专题
  • 基友
  • 隐私
  • 云优化
  • 注册
    登录
立即登录
  • 首页
  • 云优化
  • 新疫情
  • 新鲜事
    • 热文
    • 极客
    • 生活
  • 技术篇
    • WP主题
    • 技术教程
    • Python入门
    • Python基础
  • 专题篇
  • 友链君

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

夏柔12月 3, 2019

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

wordpress主题等任何带拖拽功能教学-WordPress极简博客

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

这是本站的首页布局

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


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

如图:

wordpress主题等任何带拖拽功能教学-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主题演示):如图

wordpress主题等任何带拖拽功能教学-WordPress极简博客

文件路径: 域名/wordpress/wp-content/themes/ripro/parts/home-mode

我们会看到很多php文件,现在我们将上方代码创建一个空白文件并载入进去

wordpress主题等任何带拖拽功能教学-WordPress极简博客

如图:

点击保存,第一步就大功告成啦


那我们如何在后台显示呢?

打开我们的文件路径(ripro主题演示) 文件: options.theme.php

路径: wordpress/wp-content/themes/riproinc/codestar-framework/options/options.theme.php

wordpress主题等任何带拖拽功能教学-WordPress极简博客

打开后翻倒 300-318行左右 (根据自身定夺) 如图:

在318底下腾出一行,添加我们刚才在home-mode目录里的hacker.php

wordpress主题等任何带拖拽功能教学-WordPress极简博客

注: 在home-mode目录里添加任何php文件,不需要将.php放上去,直接将前缀添加上即可 如图:

保存后,重新回到后台

注: 主题自带(重置当前分区的一定要重制,若没有重置分区的选项却还没有显示请刷新缓存)

wordpress主题等任何带拖拽功能教学-WordPress极简博客

如图:

重置后,我们就会看到刚才添加的功能了

文本编辑:闫硕鹏

#RIPRO#wordpress#wordpress美化
1
等 1 人赞过
分享
夏柔 站长
文章 712评论 23
赞赏
夏柔
相关文章
  • 全网首发-日主题V2角标亲测美化
  • 自定义onion域名
  • 宝塔linux面板一键工具箱
  • 7种提高代码阅读能力的方法
  • 保护你的WordPress,修改服务器默认用户名root
  • Python多线程扫描端口
  • ThnBo-一款针对WordPress开发的缩略图美化插件,为广大站长提供缩略图的美化便利
  • WordPress去除index.php的方法
  • WordPress美化-文字渐变特效
  • WordPress美化-抖动图片
17 5月, 2020
如何给WordPress网站添加Javascript代码
夏柔
站长
夏山如碧 - 怀柔天下
712文章
23评论
58144K获赞
版权声明

文章采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议,与本站观点无关。

如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。
投诉邮箱wpsite@aliyun.com

栏目推荐
Python基础入门30
WordPress技术教程265
前沿技术情报所7
城市创新——新消费8
最近有哪些不可错过的热文5
程序员的养生之道0
疫情实况
31省区市新增11例境外输入病例
3月 2, 2021
世卫称年底前结束疫情不现实
3月 2, 2021
31省区市本土零新增
2月 27, 2021
更多
每日快讯
货拉拉:正配合司法机构调查取证
3月 3, 2021
代表建议儿童防性侵教育纳入必修
3月 3, 2021
31省区市新增11例境外输入病例
3月 2, 2021
郭树清:房地产核心问题还是泡沫大
3月 2, 2021
中国教师在英国遭4人围殴
3月 2, 2021
2021胡润全球富豪榜
3月 2, 2021
世卫称年底前结束疫情不现实
3月 2, 2021
复出首日罗志祥买200箱凤梨
3月 1, 2021
更多
  • 新鲜事
  • 疫情实况
  • UI素材
  • 技术教程
  • 音乐分享
  • 专题
  • 友情
  • 隐私
  • 云优化
Copyright © 2019-2021 WordPress极简博客. Designed by 骚老板. 辽公网安备21010502000474号