日主题底部美化,日主题美化教程,纯标题文章展示模块美化 

日主题底部美化,日主题美化教程,纯标题文章展示模块美化 

日主题底部美化 增加统计  蓝色框以及纯标题文章展示模块美化    RIpro

[wm_notice]其他主题使用 请自行修改[/wm_notice]

本着简单即是美的原则 进行美化

演示站可查看本站首页 底部

如果您购买后对本样式进行了修改,可以与我们交换其他源码


教程

打开目录/themes/ripro/parts/home-mode/  找到ulist.php文件

将下方PHP文件 全部替换到ulist.php文件中

[rihide]

	<link rel='stylesheet' id='wp_stylesheet-css'  href='https://www.okmg.cn/css/1.css' type='text/css' media='all' />
	
	<div class="foot-zizhu">
<section class="gradient section-item section-statistics">
<div class="inner section-container">
	<div class="section-content col-mid-4" style="
    display: flex;
    justify-content:center;
    align-items:center;
">
		<div>
			<i class="iconfont icon-lvyouzhoubianfuwu"></i><span class="number"><?php echo floor((time()-strtotime("2019-08-08"))/86400); ?><sup>+</sup></span>
			<h3>安全运行</h3>
		</div>
		<div>
			<i class="iconfont icon-huiyuan"></i><span class="number"><?php $count_posts = wp_count_posts(); echo $published_posts = $count_posts->publish;?><sup>+</sup></span>
			<h3>资源总数</h3>
		</div>
		<div>
			<i class="iconfont icon-download"></i><span class="number"><?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users"); echo $users; ?><sup>+</sup></span>
			<h3>芒果会员</h3>
		</div>
		<div>
			<i class="iconfont icon-zan"></i><span class="number">99.9%</span>
			<h3>用户好评</h3>
		</div>
	</div>
</div>
</section>
</div>
<div class="section" style="padding-bottom: 20px;/* border: beige; */background-color: white;">
	  	<div class="container" style="
    margin-top: -8%;
    padding-top: 3%;
    background-color: #fff;
    position: relative;
    max-width: 1400px;
    border-radius: 25px;
    text-align: center;
">
	  	    <h2 style="
    font-size: 40px;
    font-weight: 300;
">精彩推荐</h2>
	  	    <span style="
    font-size: 18px;
    color: rgba(0,0,0,.45);
    display: block;
    margin-bottom: 50PX;
">分享最前沿的建站优化推广技巧和完善的建站教程</span>
			<div class="row">
			
<?php
$mode_ulistpost = _cao('mode_ulistpost');

foreach ($mode_ulistpost['catulist'] 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'] );
	$this_i = 0;
	ob_start(); ?>
	
	<div class="col-12 col-sm-6">
	    
		<div class="uposts">
		<div class="codesign-list lazyload visible" data-bg="">
			<h4 class="codeisgn-h4"><i class="fa fa-circle-o"></i>  <a<?php echo _target_blank();?> href="<?php%20echo%20esc_url(%20get_category_link(%20$category->cat_ID%20)%20);%20?>"><?php echo $category->cat_name; ?> &gt;</a></h4>
			<span class="codesign-esc"><p><?php echo $cms['desc'];?></p></span>
			<div class="codesign-cover"></div>
		</div>
	    <?php while ( $data->have_posts() ) : $data->the_post();
	    $this_i++;
	    echo '<div class="hentry"><h2 class="title"><span class="post-num num-'.$this_i.'">'.$this_i.'</span><a'._target_blank().' href="'.get_permalink().'" title="'.get_the_title().'">'.get_the_title().'</a></h2>';
	    echo '<div class="meta"><span>热度('._get_post_views().')</span></div></div>';
	    endwhile; ?>
	    </div>
    </div>
	<?php 
	wp_reset_postdata();
	echo ob_get_clean(); 
}
?>

		</div>
	</div>
</div>

CSS样式下载  https://www.okmg.cn/css/1.css   打开css文件 右键另存为   然后放到css文件目录里,并修改 php文件第一行的css文件位置[/rihide]

 

 

分享到 :
相关推荐

基echarts实现的地图,大数据数据可视化

插件描述:利用ets做出大数据图表展示更新时间:2020-01-1509:59:39...

新版币币C2C+IEO数字资产交易平台+自动撮合+合约交易所+送交YI机器人

源码说明区块链MDC交易所系统交易平台源码。数字化、智能化已经成为当今科技发展的重要...

破壳内容社交电商

社交电商魅力一:自用返利!社交电商魅力二:分享赚钱!社交电商魅力三:终身绑定的利益分...

一款免费开源wordpress主题 smarty_hankin

介绍一款免费开源wordpress主题smarty_hankinpjax无刷新体验1...

发表评论

登录... 后才能评论