Berita是一个专为此类需要设计的收费theme。较之于同类产品，它同时为了添加定制化水平还革新了wp零碎，应用上更相似插件。只需把握简略的html+css，就能够随便对页面进行革新。灵敏度和拓展性在同类中是佼佼者。

下图是我昨天应用WP+ berita革新的网站。（这个网站次要是为了不便演示，外面的局部icon和图片有版权成绩，请勿间接应用）

这是berita官网的demo。

 在此处下载我革新过的版本。（修正了css，header.php以及图片文件）

 此处下载民间原版。民间地址：http://bizzartic.com/bizzthemes/berita/download/

我减少了原版的header区域高度，在search框上方添加了一组url。增加了一些底栏版块的款式。

详细如何应用berita的插件零碎，我会在上面具体阐明流程。并放出我的代码。

————————————————————————————————————————————————————

首先，像装置一切theme一样，解压包搁置在wp-content/themes，并在WP左侧菜单 Appearance - Themes 里启用该theme。

接上去看见的界面是这样的。。。空洞无物。不要绝望。还有大量的定制化和手写代码工作要做。

在左侧菜单的Appearance里能够发现多了一项Berita Theme Options .这就是定制零碎。如下图。我做了粗略的阐明。

Berita简略的工作原理：

一个简略的企业站是有一局部动态页面和一局部静态页面来独特形成的。诸如about us ,contact us ,service, feature, customs 之类不常常变化的页面间接写成动态html页面。 news，case 之类会需求更新保护的静态局部应用CMS零碎来生成。

Berita 应用WP里的pages 来制造动态页面，用posts来制造静态局部。实际上pages和posts都应用同一个编辑器，在编辑代码时没有什么差异。

所以上面先来创立一些pages，一些posts和几个categories，来作为“修建资料”。

有了资料，咱们就能够组建首页了。

**步：设置LOGO

在此处设置Logo图片。假如勾选Show Blog Title+Tagline，则logo图片不再失效，而间接显示blog title和tagline的文本。

第二步：首页导航。

创立完pages后，导航上会间接呈现链接。能够在Berita Theme Options 去掉你不心愿显示在导航上的page。

在Blog Section Settings 设置一个放在导航上的post 分类。链接到Categories页面。实用于”公司旧事”或许“产品的blog”

这里只容许设置1个。零碎倡议创立一个Category 名叫 BLOG ,而后把其它一切分类都设为它的子分类。这种做法适宜想给blog加个首页的用户。

还能够设置在footer区显示的文字导航

还能够设置多级导航。在edit page的时分，将右侧的的Attributes - Parent 设为对应页面，就能够在导航里主动呈现

我在搜寻框上方加了几个about | contact的入口。在Appearance - Editor - header.php里能够修正链接和文本。在<p id=”search-spot”>下方加上

<p><a href=”http://clentrust.com/about” title=”About us”>About</a> | <a href=”http://clentrust.com/contact” title=”contact us”>contact</a> | Join</p>

第三步：首页的滚动推荐区(Front Slider)。

Berita零碎中，这局部也是利用Pages来实现的。创立几个pages,有无title都能够。

而后如下图中设置page的id及排序。

这个区域的高度能够在Pick Height里设置，页面中超越该高度的局部不会显示。

上面的代码大家能够间接应用：留意要改换img时，要把class 改为class=”fr” （也就是float right的意思，实现图片的右浮动）

<p class=”slider-post”><a title=”Sample Slider Page”><img class=”fr” title=”1″ src=”http://clentrust.com/wp-content/uploads/2009/11/1.jpg” alt=”1″ width=”350″ height=”250″ /></a>

<p class=”slider-title”>Sample Slider Page</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra.<a class=”btn” href=”#”>view more</a></p>

第四步：底栏的3个版块。

在Appearance-Widgets菜单里，咱们能够发现右边的可选widget窗体多了好几个以Bizz扫尾的。

右侧的Current Widget也从繁多的Sidebar,添加了6组Footer。

Front Footer: 管制动态页面（首页和pages）底栏的3个版块区域

Blog Footer: 管制静态页面（posts 和 categories) 底栏的3个版块区域。

像设置传统的sidebar一样，只需将所需的窗体从左侧拖拽到右侧对应栏目里，可增加多个，并排序。

普通都是应用增加text窗体，在外面增加代码来进行页面的自定义。

上面的代码间接用，图片不要用了。___________________________________________________________________

<p class=”collumnblock”>

<p class=”itemtitle”>

<p class=”itemicon”><img width=”71″ height=”63″ alt=”Influencers” src=”http://www.dialogix.com.au/images/IconInfluencers.gif”/></p>

<p class=”text”>

<h2><a href=”features.html”>Find Key Online Influencers</a></h2>

</p>

</p>

<p>No other social media monitoring tool finds key influencers, ranks their social authority and charts sentiment as well as Dialogix…</p>

<p class=”itemtitle”>

<p class=”itemicon”><img width=”71″ height=”63″ alt=”Resellers” src=”http://www.dialogix.com.au/images/IconResell.gif”/></p>

<p class=”text”>

<h2><a href=”features.html”>Available for Agencies</a></h2>

</p>

</p>

<p>Offer Dialogix to your clients with your own branding. Generous re-seller packages are available…</p>

</p>

________________________有6个客户logo小图的代码__________________

<p class=”collumnblock2″>

<h2>Who’s already using Clentrust</h2>

<p class=”companysquare”><img width=”58″ height=”51″ alt=”Parmalat” src=”http://www.dialogix.com.au/images/LogoParmalat.jpg”/></p>

<p class=”companysquare”><img width=”58″ height=”51″ alt=”Ice Break” src=”http://www.dialogix.com.au/images/LogoIcebreak.jpg”/></p>

<p class=”companysquareend”><img width=”58″ height=”51″ alt=”ABC” src=”http://www.dialogix.com.au/images/LogoABC.jpg”/></p>

<p class=”companysquare”><img width=”58″ height=”51″ alt=”Royal Childrens Hospital” src=”http://www.dialogix.com.au/images/LogoRoyalChildrensHospital.jpg”/></p>

<p class=”companysquare”><img width=”58″ height=”51″ alt=”Breaka” src=”http://www.dialogix.com.au/images/LogoBreaka.jpg”/></p>

<p class=”companysquareend”><img width=”58″ height=”51″ alt=”Praemium” src=”http://www.dialogix.com.au/images/LogoPraemium.jpg”/></p>

<p id=”testimonials”>

<p>“Dialogix has given us insights that have changed the way our clients do business.” <strong>Remy Brassac, Gallery De Pasquale<br/></strong></p>

</p>

<p><strong>TEL: 086+12345678<br/>Mail: [email protected]</strong></p>

</p>

__________________________________________________________________

Berita零碎支持在widget里增加 twitter和flickr。配置十分不便

设置广告：

Berita 能够不便地在静态页面的侧边栏搁置广告。支持两种尺寸。1个 320*250。或是几个125*125. 设置见下图。

125的广告支持放3组（6个）。也能够只放1组或2组。要勾选图示红框。

其余特征：

• 支持最受欢送的posts，如同是按评论来排序的。
• 支持相干文章
• 支持设置第三方订阅源及邮件订阅。
• SEO设置
• 它的分页也很敌对

随意提两句和款式无关的。

这个零碎应用的960Grid的css零碎。

导航区的驼色背景不是写在css里的，是应用bgr.png。

一大张背景图。推荐一个紧缩png的网站 http://www.gracepointafterfive.com/punypng 。在根本看不进去损耗的情况下，压个20%还是没有成绩的。

Debug

这里有muzik
《Wordpress主题berita几处修正记载》能够看看

其余推荐

对此类theme有兴味的同窗，我再推荐两个不错的。适宜更复杂的business网站或blog。

民间下载 VIEW MORE

民间下载 VIEW MORE

以上就是安达网络工作室关于《WordPress 实现简单的企业网站》的一些看法。更多内容请查看本栏目更多内容！