首页 > 源码模板 > wordpress top主题自用修改记录
2016
11-09

wordpress top主题自用修改记录

本文章为个人使用top (V0.3)修改过程,本站不提供下载,官网下载网址:点击前往

起因:由于emlog内容分页实在不友好

top主题改成图片站步骤(过程有点乱)

一、外链图片显示缩略图

top主题本身不支持外链图片缩略,点击查看


二、友情链接

wordpress 最新版在后台把“链接”隐藏了

在functions-theme.php文件加入

//友情链接
add_filter( 'pre_option_link_manager_enabled', '__return_true' );
友情链接横排只在首页显示

在footer.php加入

<?php if ( is_home() ) { ?>
	<div class="container" id="blog-roll">
		<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
	</div>
<?php }?>

三、点击图片跳转到下一张

在functions-theme.php加入

//获取下一页链接
function nextpage(){
    global $pages;
    $link = get_permalink();

    $max_page = count($pages);
    if (get_query_var('page')) {
    $pageno =  get_query_var('page');
    }
    else{$pageno = '1';}
    $next = $pageno+'1';
    if ($pageno == $max_page) {
    $nextpage = get_permalink(get_adjacent_post(true,'',true));
    }
    else{
        $nextpage = $link.'&page='.$next;//文章链接形式
    }
    return  $nextpage;
}
function img_info ($img_info){
    //$pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)alt=('|\")(.*?)('|\")(.*?)>/i";
    $pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
    $replacement = '<a href="'.nextpage().'" title="点击图片查看下一张" ><img$1src=$2$3.$4$5 alt="'.get_the_title().'" $10></a>';
    $img_info = preg_replace($pattern, $replacement, $img_info);
return $img_info;
}
add_filter('the_content', 'img_info');
其中文章链接形式根据自己的选择更改

四、html代码压缩

参考文章,点击打开

functions-theme.php加入

//压缩html代码
function wp_compress_html(){
    function wp_compress_html_main ($buffer){
        $initial=strlen($buffer);
        $buffer=explode("<!--wp-compress-html-->", $buffer);
        $count=count ($buffer);
        for ($i = 0; $i <= $count; $i++){
            if (stristr($buffer[$i], '<!--wp-compress-html no compression-->')) {
                $buffer[$i]=(str_replace("<!--wp-compress-html no compression-->", " ", $buffer[$i]));
            } else {
                $buffer[$i]=(str_replace("\t", " ", $buffer[$i]));
                $buffer[$i]=(str_replace("\n\n", "\n", $buffer[$i]));
                $buffer[$i]=(str_replace("\n", "", $buffer[$i]));
                $buffer[$i]=(str_replace("\r", "", $buffer[$i]));
                while (stristr($buffer[$i], '  ')) {
                    $buffer[$i]=(str_replace("  ", " ", $buffer[$i]));
                }
            }
            $buffer_out.=$buffer[$i];
        }
        $final=strlen($buffer_out);
        $savings=($initial-$final)/$initial*100;
        $savings=round($savings, 2);
        $buffer_out.="\n<!--压缩前的大小: $initial bytes; 压缩后的大小: $final bytes; 节约:$savings% -->";
    return $buffer_out;
}
ob_start("wp_compress_html_main");
}
add_action('get_header', 'wp_compress_html');
不想压缩代码

<!--wp-compress-html--><!--wp-compress-html no compression-->
此处代码不会被压缩,主要是避免压缩带来的错误,比如JS错误
<!--wp-compress-html no compression--><!--wp-compress-html-->
五、右下角弹窗

在footer.php文件</body>前加入

<!--广告弹窗-->
<style>
	*{ margin:0; padding:0; list-style:none;}
	a{font-size:12px; color:#666; text-decoration:none;}
	.adtc{ width:250px; height:250px; background:#D8D8D8; position:fixed; right:-262px; bottom:10px;}
	.adtc .close{ width:30px; height:22px; line-height:22px;display:block; float:right;}
</style>
<script src="<?php echo get_stylesheet_directory_uri() ?>/js/jquery.min.js"></script>
<script>
	$(function (){
	$('.adtc').animate({right:'10px'},1000);
	$('.adtc .close').click(function(){
	   $('.adtc').hide();
	});
	});
</script>
<div class="adtc">
	<a href="http://www.234du.com" class="close">关闭</a>
</div>
<!--广告弹窗-->
六、首页幻灯片

在index.php引入文件,假如幻灯片文件为slick.php

幻灯片自己在网上找相关代码,不站不提供。

<?php get_header(); ?>

<section class="container">
	<?php
		$paged = (get_query_var('paged')) ? get_query_var('paged') : 0;

		$args = array(
            'ignore_sticky_posts' => 1,
            'paged'               => $paged
		);

		query_posts($args);
		get_template_part('slick', 'home' );//引入幻灯片文件
		get_template_part('excerpt', 'home' );
	?>
</section>

<?php get_footer(); ?>


最后编辑:
作者:六度
这个人很懒什么也没留!~

网友评论(1)

过来看看。
2016-11-18 16:10   回复
发布评论

表情
需要勾选我,才能再发表评论