Breadcrumb NavXT使用简介视频教程

面包屑导航(BreadcrumbNavigation)这个概念来自童话故事”汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

面包屑导航
面包屑导航

更多WordPress插件视频教程请至淘宝教育购买:http://i.xue.taobao.com/detail.htm?courseId=31905

Breadcrumb NavXT是一款非常不错的WordPress页面导航”面包屑”插件,使用Breadcrumb NavXT可以随心所欲地在你的博客中任意位置设置面包屑breadcrumb导航。

第一步,后台搜索Breadcrumb NavXT,直接在线安装;

第二步,将面包屑代码,分别加入类似page.php,single.php和portfolio-single.php;

默认代码:

<div class=”breadcrumbs”>
<?php if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>

改进代码,在首页不显示面包屑:

<div class=”breadcrumbs”>
<?php if(function_exists(‘bcn_display’) && !is_front_page())
{
bcn_display();
}?>
</div>

第三步,Breadcrumb NavXT的设置,注意修改首页TITLE。

第四步,用CSS来美化面包屑链接;

个人认为,面包屑导航能够提供很好的用户体验,对SEO也会有很大的帮助。但是对一个小型网站,如果页面总数都不超过20个,盲目的追求这些插件功能是本末倒置的。值得注意的是,很多主题自带面包屑导航。同时,如果用PORTOFOLIO或POST做产品展示时,会发现,进入单篇文章/单篇PORTFOLIO后,面包屑导航是指向category的,而本插件并不能解决这个问题。

那么我们只能使用插件Advance Category Template来改造产品展示页面,从而达到用分类来展示产品,这个插件在GoodSpace和Centum主题都有讲解,使用方法类似,但不完全相同。

WordPress插入表格-TablePress插件推荐

在做WordPress网站时,如果只是写写文章,不至于会需要插入表格。但是在企业站,外贸站时,想插入表格展示产品参数之类的,就是一个非常必要的需求。有时候我们会选择将表格做成图片,这样很不利于SEO。直接复制WORD里的表格又不能正常显示。

所以今天推荐给大家就是表格神器TablePress,

第一步,安装插件;

第二步,新建表格;

第三步,设置表格和填充内容;

第四步,在页面或文章里,插入短代码。

Contact Form 7插件视频教程 表单插件

Contact Form 7 是一款简单易用扩展性灵活的WordPress联系表单插件,可以自定义各式各样不同类型的表单功能,而且支持自定义接收邮件,Ajax提交和 jQuery表单插件支持。可结合Akismet过滤垃圾邮件,同时也支持CAPTCHA反垃圾邮件,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。

第一步,后台安装Contact Form 7

第二步,新建表单

第三步,设置表单

第四步,将短代码插入页面/文章即可

补充:自定义CSS,实现表单外观调整。补充的内容请见(侧边栏和表单的结合):https://www.kalated.com/1781.html

使用Sticky Popup做侧边停靠联系表单

效果演示:http://www.yobots.org/goodspace/

jdfw

第一步,安装插件 sticky popup

第二步,基本设置,

注意:A,图标的尺寸是40*40像素,有必要时要用PS进行旋转处理。

B,Popup Top Margin项仅对“左”或“右”位置起作用。

第三步,完成内容填写

注意:如果需要放置表单,需要提前安装Contact Form 7

第四步,自定义CSS使其外观完整。

以下代码是http://www.yobots.org/goodspace/站的,其它网站需要作适当修改。

/*Sticky Popup 插件*/
.sticky-popup-left .popup-image { margin: -8px -135px 0 0 !important;}
/*Sticky Popup 内表单*/
input.mn-kalated, input.me-kalated { width:240px !important; height:20px !important; padding:6px 4px !important; margin: 10px 5px 10px !important;}
textarea.mg-kalated {width:240px !important; height:60px !important; padding:6px 4px !important; margin: 10px 5px 10px !important;}

推荐Advance Category Template插件:定制产品页展示

在这之前讲到Blog in Blog插件,也算是比较好的插件,能够很好的用POST(文章)展示产品。当然如果你使用一些商业插件,PORTFOLIO是标配,所以用POST来显示新闻,用PORTFOLIO来展示产品比较合适。

【购买GOODSPACE全套高清视频教程】:http://i.xue.taobao.com/detail.htm?courseId=30779

DEMO:http://www.yobots.org/goodspace/portfolio-category/products-test/

但新问题又来了,想正确使用面包屑,可没有这么简单,因为在显示最终项目时,面包屑是指向上一级分类目录的。所以使用今天的推荐插件,就可以将分类定制成豆腐块(当然你想弄成其它的效果也是OK的)来展示产品。请注意,本文只是针对GOODSPACE主题来设置,其它的主题设置原理类似,但具体操作很不一样。

1,安装插件 Advance Category Template

2,设置使用portfolio分类

3,新建分类模板文件(本文提供了现成的文件,上传即可)

4,添加自定义CSS

5,新建一个PORTFOLIO分类,给这个分类附加一些内容,就可以看看效果了。

注意事项:

A,分页数量由“博客页面至多显示”决定,

B,特色图像大小一致,标题长度保持一致

C,进入GOODSPACE主题设置,将SEARCH/ARCHIVE项设置为LEFT SIDEBAR或RIGHT SIDEBAR

D,进入小工具,拖一些小工具到边栏里,就可以看看效果啦。

WPML多语言插件入门和提高 WPML视频教程

淘宝教育:https://item.taobao.com/item.htm?id=555959399782

WPML能够帮您构架多语言网站,请注意,它无法实现自动翻译!

完整高清视频,请至淘宝教育购买。

为什么选择WPML?

1,完整性:有了WPML,您可以翻译页面、文章、自定义类型、分类、菜单,甚至主题中的文本。

2,兼容性:每个使用WordPress API的主题或插件都能与WPML一起完美实现多语化。

3,可靠性:我们为WPML提供全力支持,助您准时交付完美的网站。

应该购买本视频教程吗?

如果您正在使用相关的收费主题来建设企业站(外贸站),而正需要WPML来构建多语言站,但是对此插件的使用完全无法下手或抱有很大疑问,那么选择这套视频入门是最好的选择。

目前中文网上,还没有一个完整的文字教程,更不会有视频教程,这里是全网首发教程。所以如果您想全面了解WPML,观看本套视频能够让您捋清思绪。

使用Superfish插件做弹出菜单效果

在做企业站时,如果产品分类比较多,且有一级分类、二级分类和三级分类等。通常我们是将这些分类作为侧边栏,直接堆砌是不行的,所以我们要做折叠效果,或者弹出效果。我们可以看图1和图2动画。

折叠效果
图1:折叠效果
弹出效果
图2:弹出效果

经过在MODERNIZE和GOOD SPACE里测试完全OK,注意以上两种效果是针对侧边栏的自定义菜单来的,不是针对主菜单。在页面边栏设置好菜单后,安装superfish插件并启用,就可以看到图1的效果。

如果想达到图2的效果,还需要添加一些CSS,将以下CSS添加在子主题的style.css里即可。注意下载此小图片,并把以下的代码图片路径替换掉。

/*边栏产品菜单*/
div.custom-sidebar ul li ul.sub-menu { background: #FFF; border: 1px solid #ECECEC; left: 220px; border-left: none; display: none; position: absolute; top: -5px; z-index: 99999; width: 90%;}
div.custom-sidebar ul li { position: relative;}
div.custom-sidebar ul li.menu-item-has-children { background: url(图片路径/arrow4-on.png) no-repeat left;}
/*边栏产品菜单*/

有哪些实用的支付宝插件(ALIPAY)?

在WordPress后台安装插件时搜索“Alipay”,排名前两位的分别是:WordPress支付宝Alipay|财付通Tenpay|贝宝PayPal集成插件Alipay For WooCommerce。从名称上可以简单分辨,第一个是集成插件,它可以独立的完成购物-付款程序。而第二个,必须得先安装woocommerce插件,意思是这个插件仅仅是Woocommerce的扩展支付网关。

alipay1

WordPress支付宝Alipay|财付通Tenpay|贝宝PayPal集成插件可以搭建一个在线虚拟产品在线购物(支付自动发货)。整体来说,功能是基本满足了,但用户体验方面还不够完美。了解更详细的内容,可访问WaiSir的网站

2014-02-15 10-30-16

Alipay For WooCommerce插件安装和设置过程都比较简单,毕竟它只是WooCommerce的辅助支付网关。如果你要建设一个在线购物商店,WooCommerce绝对是你的首选,如果客户对象是国内用户,那这个支付宝插件就必不可少了。虽然之前也有看到过类似的插件,但收费的居多,也不知其性能如何。点此访问作者的博客了解更多详情。

2014-02-15 10-31-26

安装这两款插件,请务必在WordPress官网下载。地址如下:

WP多语言插件WPML(CMS版)详细说明

玩过WordPress多语言站的童鞋应该都知道WPML插件,它有BLOG和CMS版本之别,CMS版在前者基础上提供了字符串翻译和一些非常强大的辅助插件。实际上我并没有对CMS版有过多的研究,本文仅是记录一下,十足的抛砖引玉。

共计有12个包,第1个是基础包,少了它是绝对不行的,其它的是均是辅助插件或扩展插件。所以,在安装时,需要首先安装WPML Multilingual CMS(sitepress-multilingual-cms.3.0.2.zip),接着根据需要自行安装其它插件和扩展。

******最新WPML视频教程******

logo

以下为文件列表,根据个人理解写了一些中文解释,敬请斧正。另外请务必查看官方FAQS

官方购买】或【淘宝购买

  1. WPML Multilingual CMS
    WPML combines multilingual content authoring with powerful translation management. 多语言WPML插件基础包,强有力的翻译管理。
  2. WPML String Translation
    WPML add-on: Allows translating texts in the theme, in other plugins and in the WordPress Admin. WPML的插件,允许翻译主题中的字符串,包括其它插件和后台管理等。
  3. WPML Translation Management
    WPML add-on: The Translation Management package helps run translations for large WordPress sites. 翻译管理,适合大型网站。
  4. WPML Sticky Links
    WPML add-on: Prevents internal links from ever breaking. 防止内部链接失效。
  5. WPML Translation Analytics
    WPML add-on: Get concise reports about the current status of your site’s translation, and see progress over time. 翻译分析,可查看网站翻译进度等。
  6. WPML CMS Nav
    WPML add-on: Creates navigation elements, which you can use with any theme. 创建导航,任意添加在主题的任意位置。建议看看完整说明。
  7. WPML Media
    Turns the WordPress Media management into multilingual and allows showing the same images on translated galleries. 
  8. WPML XLIFF
    Allows sending translation jobs as XLIFF to translators. Useful for people who work with freelance translators or translation agencies. 
  9. CRED Frontend Translation
    Used with CRED plugin you can enable content translation from the site’s frontend pages. 
  10. WPML-MarketPress
    Allows running a multilingual e-commerce site using the MarketPress plugin from WPMUDEV. You need to purchase MarketPlace to use this plugin. 
  11. Jigoshop Multilingual
    Create a multilingual e-commerce site with Jigoshop and WPML. 
  12. GravityForms Multilingual
    Gravity Forms Multilingual allows translating Gravity Forms so that they appear in the language of the page they’re inserted in. 

用WP SMTP插件实现邮件发送功能

WordPress本身是采用mail()函数发邮件的,但是这样发出的邮件很容易被放入垃圾箱,很多主机商(特别是Windows主机)为了避免用户滥发邮件直接禁用了mail()函数,还有些云计算平台(比如新浪SAE)也禁用了mail()函数。(卡拉科技注:也有些主机禁用SMTP服务器,像BLUEHOST就使用不了这个插件)在使用wordpress过程中,很多地方都用到发邮件功能,比如“评论回复邮件通知”“新用户注册邮件”,这些都首先需要wordpress的发邮件功能正常才行,有了WP SMTP插件这些问题都可以解决了。这个插件设置页面顶部有各大邮箱的设置示例截图,点击相应的小图标即可查看。
WP SMTP插件下载地址:http://wordpress.org/extend/plugins/wp-smtp/ (也可后台搜索“WP SMTP”安装)
一、以网易163邮箱为例,具体设置参数如下:
(1)“发件人地址”: 填写你的163邮箱地址
(2)“发件人昵称”: 填写你想要的发件人昵称
(3)“SMTP服务器地址”: smtp.163.com
(4)“SMTP加密方式”: 选择“SSL”
(5)“SMTP端口”: 输入465
(6)“SMTP认证”: 选择“Yes”
(7)“认证用户名(完整邮件地址)”: 填写你的163邮箱地址
(8)“认证密码”: 填写你的163邮箱密码
(9)点击“保存更改”完成设置过程,你可以填写“收件地址”“邮件标题”“邮件正文”然后点击“发送测试”来测试发邮件功能。

二、设置截图:

163-WP-SMTP

转自:http://boliquan.com/