wopus.org

Category: 主题制作

  • 资料分享：三份WordPress帮助文档

    wordpress-help-sheet

    本着老外继续分享的精神，Wopus把收集的三份关于WordPress函数的文档分享给大家，想制作WordPress主题的朋友可以看看，很有价值。都是PDF的。欢迎各位继续传播给更多的朋友。

    Wopus下载地址：

    文档一；文档二；文档三。

    Ziddu分流下载：

    文档一；文档二；文档三。

    Wopus提示：WordPress 2.9 bete 1已经发布。

  • WordPress主题设计常用代码

    希望对那些在学习WordPress主题制作的朋友有帮助。

    显示最近文章：
    < ?php wp_get_archives('type=postbypost&limit=5'); ?>

    或者：
    < ?php $recentposts = get_posts('numberposts=12&category=4'); foreach ($recentposts as $post) : setup_postdata($post); ?>

  • < ?php the_title(); ?>

    • < ?php endforeach; ?>

    显示分类：

    Categories

      < ?php wp_list_cats('sort_column=name'); ?>

    显示存档：

    Archives

      < ?php wp_get_archives('type=monthly'); ?>

    显示标签云：
    < ?php wp_tag_cloud('smallest=8&largest=36&'); ?>

    显示友情链接：

      < ?php wp_list_bookmarks('title_li=&categorize=0'); ?>

    显示标签：
    < ?php the_tags(); ?>

    显示页面导航菜单:

    Pages

      < ?php wp_list_pages('title_li='); ?>

    显示最新评论:
    < ?php global $wpdb; $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments
    LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID =
    $wpdb->posts.ID)
    WHERE comment_approved = '1' AND comment_type = '' AND
    post_password = ''
    ORDER BY comment_date_gmt DESC
    LIMIT 10";
    $comments = $wpdb->get_results($sql);
    $output = $pre_HTML;
    $output .= "n

    ";
    $output .= $post_HTML;
    echo $output;?>

    显示管理面板:

      < ?php wp_register(); ?>

    • < ?php wp_loginout(); ?>
    • WordPress

      • < ?php wp_meta(); ?>

    • XHTML

    显示热门评论:
    < ?php $result = $wpdb->get_results("SELECT
    comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count
    DESC LIMIT 0 , 10");
    foreach ($result as $topten) {
    $postid = $topten->ID;
    $title = $topten->post_title;
    $commentcount = $topten->comment_count;
    if ($commentcount != 0) { ?>

  • title="< ?php echo $title ?>">< ?php echo $title ?>

    • < ?php } } ?>

  • 分享：WordPress 主题框架

    第一次知道“框架”这个词汇应该是 JavaScript 的框架，早期的 Prototype，到后来的 jQuery 和 mootools 等。我想这些 JS 框架出现的初衷是将常用效果封装，方便使用。我承认，JS 并不难，虽然没有系统的学过，但还是很容易的能够使用 JS 框架实现很复杂的效果。而后，出现了各种语言或程序的框架，我也先后的接触过，像 PHP 的，CSS 的等等。当然，有关人员也将框架引入了 WordPress，制作了“WordPress 主题框架”。

    据我了解，最早的可以称为 WordPress 主题框架的是 Sandbox，当时出现之时很受欢迎，曾经还举办个一个基于 Sandbox 的主题设计比赛。随后有一段时间的沉寂，Sandbox 虽然有一定的更新，但没有多少出彩的地方。沉寂期似乎是因为没有看到 WordPress 主题框架的出路。而后，我所看到的是，可以套用一个老词“雨后春笋”，出现了很多 WordPress 主题框架，我在阅读器中几乎每天都能看到关于主题框架的文章。目前，比较常见的 WordPress 主题框架如下。

    当然还有一些主题框架没有列出。这些主体框架的出现得到了很大的欢迎。为什么受欢迎，我想大致的原因有：一，主题框架节省了主题制作时间，主题框架已经将代码 code 好了，如果不需要改动默认布局，简单的 style 就可以，或者通过一定的 hook 改变默认的布局和内容显示；二，扩展功能，部分的主题已经为某种需求做好了底层的代码准备，例如 Carrington 就为 CMS 做了优化，这样就无需关心底层代码问题，拿到框架，直接 design + style；三，主题框架一般出自具有经验的编程人员或设计人员之手，其代码具有一定的规范性。

    再分析哪些人会使用主题框架。一，新手，刚接触 WordPress，却想自己制作个性化的主题；二，设计人员，对 code 不太了解；三，想通过主题框架节省主题制作时间的人。暂且分为这三类。下面详细分析这三种类型。

    第一种，新手。框架对新手最具有吸引力，有了框架似乎一切都变得简单了，不需要 code，有些主题框架甚至也不需要 style。其实，对于此类型的人，最合适的“框架”是 WordPress 的默认主题。我一直将默认主题作为最理想的“框架”推荐给新手。这是一个伴随了 WordPress 很久的主题，后期由 WordPress 开发人员来维护，各方面都由很高的参考价值，虽然被使用的很广泛，但这更印证其经典性。不过，提醒一句，投机、走捷径没有好处，脚踏实地吧。

    第二种，设计人员。现在设计人员和编程人员的分工越来越明确，设计人员不懂 code 是很正常的。因此也导致一些设计人员可以 design 出很精美的主题，却无法将之 code 成主题。网路上有很多提供 PSD 到 XHTML 的服务，一般均为收费服务。所以，主题框架对设计人员有一定的作用，套用框架提供的底层代码即可制作主题。

    第三，想节省主题制作时间的人。这类人，可以假定有一定的主题制作经验，因为每次制作新主题都需要重新 code，找个合适的框架可以节省不少敲代码的时间。暂且将我自己归为“有一定主题制作经验”的人之一，根据我自己的经验，花时间去阅读和理解主题框架的时间会比自己敲代码所用时间多得多，往往是花了时间还没有明白作者的思路。这样，为何不按照自己的思路，自己敲击所需代码，一来自己的思路自己最了解，二来，自己最明白自己不需要什么，省去了很多不必要的代码堆积。此类人也不是一定不需要主题框架，可以试图从框架中学习，学习代码规范化，学习以前不知道的效果实现方式等。

    基于以上不很严谨、不很科学的分析，我的结论是：WordPress 主题框架有一定的作用，但不是对任何人都有用。

  • 关于Prower V2主题使用中的问题集锦

    很多朋友在留言中询问关于Prower V2这款主题在使用中的问题，而我也多次在留言里做了回答，无奈留言太多而且不集中，所以前来询问的朋友一般都不愿意从留言评论中去寻找答案，为了不再重复回答这些问题，所以特在此将询问最多的问题在集中回答一次。

    1、关于显示“全文阅读”的摘要显示问题

    博客的首页以及列表页中文章里显示的“全文阅读”，这里并没有使用插件，也不是使用什么摘要的，这里只是利用Wordpress本身自带的编辑器来完成的：

    编辑器按钮

    如上图所示，只需在内容里插入这个按钮即可实现那个类似摘要的功能，在插入这个按钮前，请另起段落再使用，因为样式的原因直接跟在内容里插入会导致“全文阅读”前面的图标显示一半；

    2、关于评论里的嵌套回复

    由于此主题是在Wordpress2.7发布之前制作的，所以不能实现在WP2.7中新增的评论翻页以及嵌套回复功能，本博客的嵌套回复功能是利用“WP Thread Comment”插件实现的，该插件的后台设计样式如下：

    编辑评论的HTML：
    <div class=”comment-childs” id=”comment-[ID]”><?php if(function_exists(“get_avatar”)) echo get_avatar( $comment, 32 ); ?> <strong>[author]</strong> 回复于：[moderation][date] [time][content]</div>

    编辑评论的CSS：
    .editComment, .editableComment, .textComment{
    display: inline;
    }
    .comment-childs{
    border-top: 1px dashed #559CE7;
    margin: 5px 2px 2px 4px;
    padding: 4px 2px 2px 4px;
    }
    .chalt{
    }
    #newcomment{border:1px dashed #777;width:90%;}
    #newcommentsubmit{color:#000;}
    .adminreplycomment{
    border:1px dashed #777;
    width:99%;
    margin:4px;
    padding:4px;
    }
    .mvccls{color: #999;}

    *如果复制以上代码而样式不能正常显示的话，请手动修改一下代码中的双引号以及“-”，因为可能复制的时候这些代码被转换成了中文的。

    3、关于侧边栏下掉问题

    侧边栏下掉问题，基本上是由于左侧内容部分超出默认宽度引起的，请检查左侧正文中的格式，因为很多这样的情况都是因为日志内容是直接从外面复制进来的，默认就会带有其他的样式，过滤掉这些样式就可以；

    还有另一种可能是因为左侧内容中的图片超出宽度，建议修改图片宽度到600px左右为最佳；

    4、关于小工具使用问题

    要替换掉主题默认的侧边栏内容的话，请在主题 – 小工具设置里，将小工具放置在“主题2”下面。

    小工具

  • 如何让你的主题实现 WordPress 2.7 的评论嵌套功能

    今天，就让我们来开始告诉你如何使你的主题兼容 WordPress 2.7 这个专题的第一篇吧。

    (more…)

  • 如何让你的主题兼容 WordPress 2.7

    就在我们还在憧憬 WordPress 2.7 各种功能的时候，Wordpress 开发团队悄然发布了 WordPress 2.7 Beta1。
    和 WordPress 2.3 的 Tag 功能一样，我们需要修改主题才能兼容 WordPress 2.7 的评论嵌套（Comment Threading）和自动升级主题（Theme Update API）这两项功能。你是否已经迫不及待地想支持它们？那
    (more…)

  • CMS类WordPress主题使用教程

    CMS类主题无疑是眼下最受欢迎的Wordpress主题，前段时间Wopus中文平台也适时的为大家搜集、整理了WordPress十大免费CMS主题，反响不错！可是这些CMS主题都很个性化，很多同学还不会使用，现在我以有名的Mimbo2.2主题为例，给大家详细的讲解下如何使用CMS主题：

    1. 调用某个分类文章的第一篇文章作为头条

      2. query_posts(‘showposts=1&cat=86’)
      (修改86为你想显示的分类id)
      当然，你也可以像Wopus中文平台一样，调用最新的一篇文章作为头条：
      query_posts(‘showposts=1’)

    2. 调用Custom Fields图片

      3. 每次撰写新文章时，就须：
      (more…)

  • WordPress Theme SubtleZen Released

    subtlezen.gif主题简介：宽屏两栏主题，又一款Daily Blog Tips的主题，该作者的几个主题都是非常不错的，我也都非常喜欢，个人觉得，这个属最特别吧，颜色的整体搭配很不错！这是一款精美的主题！ 详细链接：点击查看

  • WordPress Theme DeepBlue Released

    主题简介：宽屏三栏主题，有三款样式可供选择，非常不错的一款主题，具体请看DEMO吧。 详细链接：点击查看

  • WordPress Theme Fotosky Released

    主题简介：宽屏三栏主题，支持Widget,所以两个侧边栏可以任意的按自己的喜好修改。这样的主题不需要太多的评价，从Demo中相信大家能看出来，这是一款精美的主题！
    详细链接：点击查看