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

This item was filled under [ 一步一步学习中 ]

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

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

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

编辑器按钮

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

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

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

编辑评论的HTML:

[author] 回复于:[moderation][date] [time][content]

编辑评论的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”下面。

小工具

Bookmark and Share
Tagged with: [ ]

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

This item was filled under [ 一步一步学习中 ]

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

在这篇文章中,我们将讨论如何让你的主题实现 Wordpress 2.7 的评论嵌套功能。
在Wopus 中文平台新主题-wMagazine即将完工的时候,我们拿到了Wordpress 2.7 的最新版本 Beta1,第一时间对其进行了详尽的测试。在 Wordpress 2.7 之前,要实现评论嵌套,我们必须开启 Wordpress Thread Comment 这个插件,而在即将发布的 Wordpress 2.7 中,Thread Comment 将被集成进来,使用 wp_list_comments 函数即可调用嵌套评论(Thread Comment)。但是,Wordpress 开发团队还没有任何资料说明如何使用这个新函数,在参考了 default 主题的 comments.php 文件后,我们大致了解了其工作流程。也想使自己的主题支持嵌套评论(Thread Comment)这个功能?那就继续看下去吧。

1. 首先,添加 comment-reply JavaScript,让评论嵌套 (Thread comment) 能够正常运行

在 wp_head() 函数之前添加如下函数:
< ?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
2. 判断 Wordpress 版本,有选择性地使用 wp_list_comments 函数

WordPress 2.7 通过函数 wp_list_comments 来显示所有留言,可之前版本并没有这个函数,所以,我们需在 comments.php 文件中添加如下代码:

if (function_exists(‘wp_list_comments’)) :
// new comments.php stuff
else :
// old comments.php stuff
endif;

###请根据自身情况合理安排位置
3. WordPress 2.7 的评论 Loop

< ?php if ($comments) : ?>
< ?php comments_number('No Comments', 'One Comment', '% Comments' ); ?>
< ?php wp_list_comments(); ?>
< ?php previous_comments_link() ?>
< ?php next_comments_link() ?>

< ?php else : // this is displayed if there are no comments so far ?>
< ?php if ('open' == $post->comment_status) : ?>

< ?php else : // comments are closed ?>

Comments are closed.

< ?php endif; ?>
< ?php endif; ?>

4. 实现嵌套回复留言

首先需要要把评论框 (Comment Form) 放入一个 ID 为 respond 的 DIV 中,然后并在评论框中添加如下代码:
< ?php comment_id_fields(); ?>
5. 当然,我们也可以取消回复

< ?php cancel_comment_reply_link(); ?>

Bookmark and Share
Tagged with: [ ]

如何让你的主题兼容 Wordpress 2.7

This item was filled under [ 一步一步学习中 ]

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

1. 让你的主题实现 Wordpress 2.7 的评论嵌套功能
2. 让你的 Wordpress 主题自动升级

不过,不得不强调的是,Wordpress 2.7 还处于开发、测试阶段,各种功能还在不断开发、测试、完善中,我们不敢保证这些技巧是否适用于 Wordpress 2.7 正式版。今天就先构思到这里吧,如果你觉得还有什么需要补充的,请告诉我!

Bookmark and Share
Tagged with: [ ]

CMS类Wordpress主题使用教程

This item was filled under [ 一步一步学习中 ]

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

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

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

每次撰写新文章时,就须:

在Custom Fields区域添加“Image”自定义字段,具体如下图:
customfields_images
3. 左、右侧分类文章调用方法参照第一、二步
4. 某些主题还必须开启所需插件或在后台设置,请各位使用时务必仔细阅读使用说明

怎么样,CMS类主题使用起来也不是那么难吧。
另:Mimbo2.2这款主题已经汉化,主题文件里也有备注,具体请看:Mimbo2.2汉化版

Bookmark and Share
Tagged with: [ ]

WordPress Theme SubtleZen Released

This item was filled under [ 一步一步学习中 ]

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

Bookmark and Share
Tagged with: [ ]

WordPress Theme DeepBlue Released

This item was filled under [ 一步一步学习中 ]

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

Bookmark and Share
Tagged with: [ ]

WordPress Theme Fotosky Released

This item was filled under [ 一步一步学习中 ]

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

Bookmark and Share

蓝色主题DynaBlue完全使用手册

This item was filled under [ 一步一步学习 ]

主题地址:http://themes.wopus.org/wpthemes/two-column/1242.html

1、这款主题有很多广告位可以使用,在主题LOGO右侧,可以放置一个468×60的banner广告。
添加办法:
在 header.php中找到如下代码:
view source
print?
1.
< ?php theme_banner_468_ads_show(); ?>

找到广告代码,替换
view source
print?
1.< ?php theme_banner_468_ads_show(); ?>

2、顶部幻灯片轮换这里,展示4篇文章,这里可以只是文字,也可以是图文的,图片大小是:161×107,这里需要使用到这个插件:featureme.zip,启用插件之后,在发布日志页面,最下方有一行文字:This is a really cool entry, Feature it!,勾选之后,这篇日志就会出现在幻灯片轮换这里了。
如果需要在幻灯片轮换中加入图片,需要使用到自定义字段功能,创建一个名为:thumbnail的自定义字段,然后自定义字段的值是图片的完整路径。

3、Feed的地址可以通过在header.php里添加。Twitter的地址可以在后台添加。ID就是在twitter上的登录用户名。

4、这款主题有九宫格,但是我在主题后台找了很久都没有找到实现的方法,不知道是不是在widgets的text里添加代码来完成的。

主题的使用基本就到这里了。主题还是很不错的,大家可以配合这篇教程来使用这款主题。

Bookmark and Share
Tagged with: [ ]

Developing a Model-View-Controller Component – Part 4 – Creating an Administrator Interface

This item was filled under [ joomla ]

Introduction

In the first three tutorials, we have developed a MVC component that retrieves its data from a table in the database. Currently, there is no way to add data to the database except to do it manually using another tool. In this tutorial, we will develop an administrator section for our component which will make it possible to manage the entries in the database.
阅读更多…

Bookmark and Share

Developing a Model-View-Controller Component – Part 3 – Using the Database

This item was filled under [ joomla ]

Introduction

In the first two tutorials, we showed you how to build a simple model-view-controller component. We had one view which retrieved data from a model (which was created in the 2nd tutorial). In this tutorial, we will be working with the model. Instead of the data being hard coded in the model, the model will retrieve the data from a table in the database.

This tutorial will demonstrate how to use the JDatabase class to retrieve data from the database.
阅读更多…

Bookmark and Share