作者:sofish 来源:幸福收藏夹   酷勤网收集 2008-05-19

摘要
  不要使用默认的Kubrick主题(wordpress的默认主题), 它包含了一个安全漏洞。技巧六 无插件下调用Gravatar ;技巧八 定制Read More 的样式;技巧九 定制你的评论链接样式;技巧十:定制你的登陆界面;技巧11:定制你的后台主题

  1. # 技巧一

    不要在search.php中使用下面这段代码:

    <?php echo $_SERVER ['PHP_SELF']; ?>

    没有人被允许搜索你的整个服务器,还是? 用下面这段来代替它:

    <?php bloginfo ('home'); ?>

  2. # 技巧二

    另一个在tags或search模板上使用的不良代码:

    <?php echo $s; ?>

    因为它允许恶意代码的插入。使用这个吧:

    <?php echo wp_specialchars($s, 1); ?>

  3. # 技巧三

    • 不要使用默认的Kubrick主题(wordpress的默认主题), 它包含了一个安全漏洞。/themes.php?page=functions.php影响Kubrick的 Header Image/Color
    • 更多请看 here.。
    • 另外,有很多主题是基于Kubrick的头部functions。仔细检查一下,因为他们同样容有容易受攻击的缺点。

    注:在做下面任何一个修改之前,请先备份现有的文件,并且最好先在本地调试。

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

    1. 下载这个Javascript 文件
    2. 上传这个文件到你主题中的"js" 文件夹
    3. 复制默认的样式,重命名为style2
    4. 在你的header中插入下列代码:

      <script src="<?php bloginfo('template_directory'); ?>/js/ style-switch.js" type="text/javascript"></script>

      在header中引用这两个样式:

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

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

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

    6. 上传新的图片到你的主题调用图片的文件夹中(如果有需要的)
    7. 在适当的地方调用主题样式,

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

      |

      <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

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

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

    2. 在行后加上,这些代码
    3. 调整一下当你的没有注册Gravatar时,显示什么。
  7. #技巧七 如何添加一个边栏博客

    1. 建立你要放在博客中的分类 或 使用一个现有的博客。
    2. 在functions.php文件中加入下面的代码:
      1. <?php
      2. function asidesFilter($query) {
      3. if($query->is_feed || $query->is_home || $query->is_ search) {
      4. $query->set('cat', ‘-17′);
      5. }
      6. return $query;
      7. }
      8. add_filter('pre_get_posts', ‘asidesFilter');
      9. ?>

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

  8. 假如你不使用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.

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

    1. 打开你的index php 或 home php 文件,并找到:

      <?php the_content(__('Read more'));?>

    2. 把它换成这一个:

      <?php the_content("Continue reading " . the_title(",",false), 0); ?>

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

    1. 打开index.php,、archive.php、 home.php找到这一行:

      <?php comments_popup_link('Leave a Comment', ‘1 Comment', ‘% Comments'); ?>

    2. 把它换成这一行:

      <?php comments_popup_link(__('No comments on ‘ . the_title(",",false)), __('One comment on ‘ . the_title(",",false)), __('% comments on ‘. the_title(",",false))); ?>

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

  11. # 技巧十:定制你的登陆界面

    1. 在/wp-admin/images/下载下面这两个图片:

      login-bkg-tile.gif
      login-bkg.bottom.gif

    2. 制作两个同样宽高的图片
    3. 保存为同样的名称(.gif),当然,你如果使用别的扩展名的话,那么你需要编辑admin.css以适应它。
    4. 把它们上传到/wp-admin/images/文件夹
  12. # 技巧11:定制你的后台主题

    1. 在/wp-admin/下载wp-admin.css这个文件。
    2. 后台链接颜色,找到这个::

      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; }

      把它调为适合你的颜色。

    3. 不喜欢serifs包含Lucida Grande , 调整这个:

      body, td { font: 13px &ldquo;Lucida Grande&quot;, &ldquo;Lucida Sans Unicode&quot;, Tahoma, Verdana; }

    4. 后台顶部第一格背景颜色

      #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; }

    5. 后台顶部第二格景颜色

      #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; }

    6. 这只是一个粗略的向导,教你如何调整后台链接和背景颜色。没有使用MARGIN和PADDING。无论如果,你可以看到一个这样的后台:猛击(这个是2.3.2怎样的后台,2.5的也可以参照着来修改)。

来自:http://www.happinesz.cn/archives/412/

分类: 站长经验 Web开发 网页设计



关于酷勤 | 联系方式 | 免责声明 | 友情链接