【1.4】wordpress的footer的修改

wordpress总是需要个性化的一些界面。这里提到的是如何修改主题提供的footer

一、案例一

wordpress刚刚安装完毕,打开默认的主页,会发现底部有这样的一行文字:“自豪地采用WordPress”。这个也是可以根据自己的需要进行修改的。

“外观”—“编辑” —在右侧点击“底部”即footer.php

1.1 删除

找到如下所示代码,将其删除即可

<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>”><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>

1.2 修改

<a href="<?php echo esc_url( __( '/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( '<span style="color: #339966;">鼠标放在上面显示的文字(即说明文字)</span>', 'twentyeleven' ); ?>"rel="generator"><?php printf( __( '%s', 'twentyeleven' ), '<span style="color: #339966;">填你要修改的内容</span>' ); ?></a>

注意:

<a href="<?php echo esc_url( __( '/', 'twentyeleven' ) ); ?>" 

这里'/‘代替你想要跳转的网站链接。具体原因这里不做解释。如果直接填写网站链接,是错误的网址,不信可以试试。 如果想加粗文字,可以加strong标记。如果想将文字居中,最笨的方法,加&nbsp,直到它移到你想要的位置。

最终达到满意效果:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <a href="<?php echo esc_url( __( '/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( '学习笔记', 'twentyeleven' ); ?>"rel="generator">
 <strong><?php printf( __( '%s', 'twentyeleven' ), 'Copyright by Sam\'s Note ' ); ?></strong>
 </a>

也可以用div来替代 & nbsp;

<div align="center">

二、案例二

travel eye主题footer中加入博客总阅读人数和该博文阅读人数

“外观”—“编辑” —在右侧点击“底部”即footer.php,需要已安装插件PostViews

之前的代码:

 
 <?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Travel_Eye
 */

 /**
 * Hook - travel_eye_action_after_content.
 *
 * @hooked travel_eye_content_end - 10
 */
 do_action( 'travel_eye_action_after_content' );
?>

 <?php
 /**
 * Hook - travel_eye_action_before_footer.
 *
 * @hooked travel_eye_footer_start - 10
 */
 do_action( 'travel_eye_action_before_footer' );
 ?>
 <?php
 /**
 * Hook - travel_eye_action_footer.
 *
 * @hooked travel_eye_footer_copyright - 10
 */
 do_action( 'travel_eye_action_footer' );
 ?>
 <?php
 /**
 * Hook - travel_eye_action_after_footer.
 *
 * @hooked travel_eye_footer_end - 10
 */
 do_action( 'travel_eye_action_after_footer' );
 ?>

<?php
 /**
 * Hook - travel_eye_action_after.
 *
 * @hooked travel_eye_page_end - 10
 * @hooked travel_eye_footer_goto_top - 20
 */
 do_action( 'travel_eye_action_after' );
?>

<?php wp_footer(); ?>
</body>
</html>

替换后的代码

<?php
/**
 * Template for displaying the footer
 *
 * Contains the closing of the id=main div and all content after
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */
?>

</div><!-- #main -->
 </div><!-- .container --></div><!-- #content -->
 <footer id="colophon" role="contentinfo" class="site-footer">

<?php
 /*
 * A sidebar in the footer? Yep. You can can customize
 * your footer with three columns of widgets.
 */
 if ( ! is_404() )
 get_sidebar( 'footer' );
 ?>

<div class="container"> 
 <div class="copyright">
 Copyright by Sam 
 </div>
 <div class ="copyright"> 
 <p>本站总访问量<?php if(function_exists('get_totalviews')) { get_totalviews(); } ?>次,本文总<?php if(function_exists('the_views')) { the_views(); } ?></p>
 </div>
 <div class="site-info">
 <a href="https://wordpress.org/">Powered by WordPress</a><span class="sep"> | </span>Travel Eye by <a href="http://wenthemes.com/" rel="designer" target="_blank">WEN Themes</a> 
 </div>
 </div>


 </footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>
</body>
</html>

参考资料:

http://jingyan.baidu.com/article/fdbd42771192bcb89e3f489d.html

http://blog.sina.com.cn/s/blog_958df06b01013dcd.html

这里是一个广告位,,感兴趣的都可以发邮件聊聊:tiehan@sina.cn
个人公众号,比较懒,很少更新,可以在上面提问题,如果回复不及时,可发邮件给我: tiehan@sina.cn