个人博客网站建设中最实用的12个WordPress技巧

  • A+
所属分类:wordpress

1.# 技巧一

不要在search.php中使用下面这段代码:
<?php echo $_SERVER ['PHP_SELF']; ?>
没有人被允许搜索你的整个服务器,还是? 用下面这段来代替它:
<?php bloginfo ('home'); ?>

个人博客网站建设中最实用的12个WordPress技巧

2.# 技巧二

另一个在tags或search模板上使用的不良代码:
<?php echo $s; ?>
因为它允许恶意代码的插入。使用这个吧:
<?php echo wp_specialchars($s, 1); ?>

3.# 技巧三

不要使用默认的Kubrick主题(wordpress的默认主题), 它包含了一个安全漏洞。/themes.php?page=functions.php影响Kubrick的 Header Image/Color
另外,有很多主题是基于Kubrick的头部functions。仔细检查一下,因为他们同样容有容易受攻击的缺点。
注:在做下面任何一个修改之前,请先备份现有的文件,并且最好先在本地调试。

4.# 技巧4 简易的风格转换方法

0.下载这个Javascript 文件

1.上传这个文件到你主题中的"js" 文件夹

2.复制默认的样式,重命名为style2

3.在你的header中插入下列代码:
<script src="<?php bloginfo('template_directory'); ?>/js/ style-switch.js" type="text/javascript"></script>

4.在header中引用这两个样式:

4.1.<link media="screen" title="default" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" />

4.2.<link title="style2″ href=" media="screen" type="text/css" rel="alternate stylesheet" /><?php bloginfo('template_directory'); ?>/style2.css&quot; /&gt;

注意默认和style2样式的不同点, 变更原来的CSS样式以应该新的 id 和 classe。

5.上传新的图片到你的主题调用图片的文件夹中(如果有需要的)

6.在适当的地方调用主题样式,

6.1.<a href="javascript : chooseStyle('none', % 20 60)" title="Toggle stylesheets" rel="no follow">#000</a>

6.2.<a href="javascript : chooseStyle('style2', % 20 60)" title="Toggle stylesheets" rel="no follow">#fff</a>

然后为和 IE6+7调校样式。

5.# 技巧五

阻止搜索蜘蛛,以防止你的归档页面被索引:

<?php if(is_archive()) { ?>

<meta content="noindex" name="robots" /><?php } ?>

在head标签内的任何地方插入这段代码。

6.# 技巧六无插件下调用Gravatar

0.在你的Comment模板中找到下面这一行:

<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

1.在行后加上,这些代码。

2.调整一下当你的没有注册Gravatar时,显示什么。

7.#技巧七如何添加一个边栏博客

0.建立你要放在博客中的分类 或 使用一个现有的博客。

1.在functions.php文件中加入下面的代码:
<?php
function asidesFilter($query) {
if($query->is_feed || $query->is_home || $query->is_ search) {
$query->set('cat', ‘-17′);
}
return $query;
}
add_filter('pre_get_posts', ‘asidesFilter');
?>

( 注意,17是你选择的分类的ID号,你需要填写你自己的ID号。)

2.假如你不使用Widgets的话,在侧栏中加入下面的代码(Widgets中一般不能运行PHP,你可以使用Samsarin PHP Widget插件):
<h3>TITLE <a href="FEED URL" title="The Asides RSS feed."> <img src="RSS IMAGE URL" alt="RSS" style="position: relative; left: 0;" /> </a> </h3>

<?php query_posts('cat=17&showposts=4′); ?> <?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>
<?php the_content('Continue reading this article'); ?>
<?php endwhile; ?> <span class="aside_archive_link"> <a title="More asides." href="CATEGORY URL">Archives</a> </span>
<?php else : ?>
Sorry, the sideblog is having a little trouble.

8.# 技巧八定制"Read More" 的样式

0.打开你的index php 或 home php 文件,并找到:
<?php the_content(__('Read more'));?>

1.把它换成这一个:
<?php the_content("Continue reading " . the_title(",",false), 0);?>

9.# 技巧九定制你的评论链接样式

0.打开index.php,、archive.php、 home.php找到这一行:
<?php comments_popup_link('Leave a Comment', ‘1 Comment', ‘% Comments'); ?>

1.把它换成这一行:
<?php comments_popup_link(__('No comments on ‘ . the_title(",",false)), __('One comment on ‘ . the_title(",",false)),__('% comments on ‘. the_title(",",false))); ?>

当然"No comments on "会有更多的样式

10.# 技巧十

0.在/wp-admin/images/下载下面这两个图片:
login-bkg-tile.gif login-bkg.bottom.gif

1.制作两个同样宽高的图片

2.保存为同样的名称(.gif),当然,你如果使用别的扩展名的话,那么你需要编辑admin.css以适应它。

3.把它们上传到/wp-admin/images/文件夹

11.# 技巧11:定制你的后台主题

0.在/wp-admin/下载wp-admin.css这个文件。

1.后台链接颜色,找到这个::
a { border-bottom: 1px solid #69c; color: #00019b; text-decoration: none; }
a.edit:hover { background: #ccc; color: #036; }
a:visited { color: #006; }
a:hover { a:hover { /* border-bottom: 1px solid #3a75ae;*/ color: #069; }

把它调为适合你的颜色。

2.不喜欢serifs包含Lucida Grande , 调整这个:
body, td { font: 13px &ldquo;Lucida Grande&quot;, &ldquo;Lucida Sans Unicode&quot;, Tahoma, Verdana; }

3.后台顶部第一格背景颜色
#adminmenu { background: #6da6d1; border-top: 3px solid #448abd; margin: 0; padding: .2em .2em .2em 2em; } #adminmenu a { color: #000; font-size: 14px; font-weight: normal; margin: 0; padding: 3px 5px; text-decoration: none; }
#adminmenu a:hover, .current { background: #ddeaf4; color: #333; }

4.后台顶部第二格景颜色
#submenu { background: #0d324f; border-bottom: none;margin: 0; padding: 3px 2em 0 3em; }
#submenu .current { background: #f9fcfe; border-top: 1px solid #045290; border-right: 2px solid #045290; color: #000;}
#submenu a { border: none; color: #fff; font-size: 12px;padding: .3em .4em .33em; }
#submenu a:hover { background: #ddeaf4; color: #393939; }

5.这只是一个粗略的向导,教你如何调整后台链接和背景颜色。没有使用MARGIN和PADDING。

12.# 技巧12:坚持更新你的wordpress博客文章!

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: