在做WordPress网站时,如果只是写写文章,不至于会需要插入表格。但是在企业站,外贸站时,想插入表格展示产品参数之类的,就是一个非常必要的需求。有时候我们会选择将表格做成图片,这样很不利于SEO。直接复制WORD里的表格又不能正常显示。
所以今天推荐给大家就是表格神器TablePress,
第一步,安装插件;
第二步,新建表格;
第三步,设置表格和填充内容;
第四步,在页面或文章里,插入短代码。
– WordPress企业建站交流平台|WordPress外贸和SOHO建站
免费WordPress主题分享,收费主题推荐;建站时常用的WordPress插件推荐和使用技巧等,收费插件的介绍;图文和视频讲解双管齐下,涉及WordPress基础操作和企业建站实例。
在做WordPress网站时,如果只是写写文章,不至于会需要插入表格。但是在企业站,外贸站时,想插入表格展示产品参数之类的,就是一个非常必要的需求。有时候我们会选择将表格做成图片,这样很不利于SEO。直接复制WORD里的表格又不能正常显示。
所以今天推荐给大家就是表格神器TablePress,
第一步,安装插件;
第二步,新建表格;
第三步,设置表格和填充内容;
第四步,在页面或文章里,插入短代码。
Contact Form 7 是一款简单易用扩展性灵活的WordPress联系表单插件,可以自定义各式各样不同类型的表单功能,而且支持自定义接收邮件,Ajax提交和 jQuery表单插件支持。可结合Akismet过滤垃圾邮件,同时也支持CAPTCHA反垃圾邮件,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。
第一步,后台安装Contact Form 7
第二步,新建表单
第三步,设置表单
第四步,将短代码插入页面/文章即可
补充:自定义CSS,实现表单外观调整。补充的内容请见(侧边栏和表单的结合):https://www.kalated.com/1781.html
效果演示:http://www.yobots.org/goodspace/
第一步,安装插件 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;}
全套高清视频教程购买:http://i.xue.taobao.com/detail.htm?courseId=30344
1-Modernize安装主题和子主题
2-Modernize主题设置之Gerneral
Modernize主题介绍:
目前在ThemeForest网站,Modernize在WordPress主题销售排行中第12名,可见它的欢迎度是极高的。
这套主题支持自适应,WP多语言插件,模块化建站非常方便,SEO优化完善。扁平化设计,高端大气上档次,能够满足中小企业,小商城和个人建站需要,特别适合外贸网站。如果您有WordPress快速建站的需求,强烈推荐您学习本课程。
学习了本课程能达到什么目标:
1,全面了解Modernize的绝大部分特性,节省摸索时间;
2,熟悉使用本主题建站的流程,快速上手;
3,实例操作能够让您跟着学,增加学习信心和兴趣;
4,能够独立建站;
【购买GOODSPACE全套高清视频教程】:http://i.xue.taobao.com/detail.htm?courseId=30779
请注意DEMO地址已经更换到:http://www.yobots.org/goodspace/
GoodSpace主题推出时间较早,有一批死忠粉,自然有它的道理,您不容错过。
这套主题支持自适应,模块化建站非常方便,SEO优化完善。扁平化设计,高端大气上档次,能够满足中小企业和个人建站需要,特别适合外贸网站。如果您有WordPress快速建站的需求,强烈推荐您学习本课程。
本视频实例操作部分讲了很多代码修改定制网站,您不但能定制自己的网站,还能学到更实在的建站实操干货。
学习了本课程能达到什么目标:
1,全面了解GoodSpace的绝大部分特性,节省摸索时间;
2,熟悉使用本主题建站的流程,快速上手;
3,实例操作能够让您跟着学,增加学习信心和兴趣;
4,能够独立建站;
在这之前讲到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,进入小工具,拖一些小工具到边栏里,就可以看看效果啦。
淘宝教育:https://item.taobao.com/item.htm?id=555959399782
WPML能够帮您构架多语言网站,请注意,它无法实现自动翻译!
完整高清视频,请至淘宝教育购买。
为什么选择WPML?
1,完整性:有了WPML,您可以翻译页面、文章、自定义类型、分类、菜单,甚至主题中的文本。
2,兼容性:每个使用WordPress API的主题或插件都能与WPML一起完美实现多语化。
3,可靠性:我们为WPML提供全力支持,助您准时交付完美的网站。
应该购买本视频教程吗?
如果您正在使用相关的收费主题来建设企业站(外贸站),而正需要WPML来构建多语言站,但是对此插件的使用完全无法下手或抱有很大疑问,那么选择这套视频入门是最好的选择。
目前中文网上,还没有一个完整的文字教程,更不会有视频教程,这里是全网首发教程。所以如果您想全面了解WPML,观看本套视频能够让您捋清思绪。
全套高清视频淘宝购买链接:http://i.xue.taobao.com/detail.htm?courseId=29891
ENFOLD主题功能强大,同样的设置也相对较复杂,希望您在学习过程中也能多多加以练习。
Enfold主题介绍:
目前在ThemeForest网站,Enfold在WordPress主题销售排行中第2名,可见它的欢迎度是极高的。
这套主题支持自适应,WP多语言插件,模块化建站非常方便,SEO优化完善。扁平化设计,高端大气上档次,能够满足中小企业,小商城和个人建站需要,特别适合外贸网站。如果您有WordPress快速建站的需求,强烈推荐您学习本课程。
学习了本课程能达到什么目标:
1,全面了解Enfold的绝大部分特性,节省摸索时间;
2,熟悉使用本主题建站的流程,快速上手;
3,实例操作能够让您跟着学,增加学习信心和兴趣;
4,能够独立建站;
在做企业站时,如果产品分类比较多,且有一级分类、二级分类和三级分类等。通常我们是将这些分类作为侧边栏,直接堆砌是不行的,所以我们要做折叠效果,或者弹出效果。我们可以看图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;}
/*边栏产品菜单*/
很多建站新手对robots.txt文件的重要作用不是很清楚,利用这篇文章普及一下WordPress站点robots.txt文件编写知识。
Robots协议(也称为爬虫协议、机器人协议等)的全称是“网络爬虫排除标准”(Robots Exclusion Protocol),网站通过Robots协议告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取。
搜索引擎机器人访问网站时,首先会寻找站点根目录有没有 robots.txt文件,如果有这个文件就根据文件的内容确定收录范围,如果没有就按默认访问以及收录所有页面。另外,当搜索蜘蛛发现不存在robots.txt文件时,会产生一个404错误日志在服务器上,从而增加服务器的负担,因此为站点添加一个robots.txt文件还是很重要的。
知道Robots协议的作用后,下面具体说一下WordPress站点如何编写robots.txt文件。
WordPress站点默认在浏览器中输入:http://你的域名/robots.txt,会显示如下内容:
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
这是由WordPress自动生成的,意思是告诉搜索引擎不要抓取后台程序文件。
但这是远远不够的,比较完整的WordPress站点robots.txt文件内容如下:
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/
Disallow: /*/comment-page-*
Disallow: /*?replytocom=*
Disallow: /category/*/page/
Disallow: /tag/*/page/
Disallow: /*/trackback
Disallow: /feed
Disallow: /*/feed
Disallow: /comments/feed
Disallow: /?s=*
Disallow: /*/?s=*\
Disallow: /attachment/
使用方法:新建一个名称为robots.txt文本文件,将上面的内容放进去,然后上传到网站根目录即可。
下载地址:http://pan.baidu.com/s/1pJHqAbp
下面分别解释一下各项的作用:
1、Disallow: /wp-admin/、Disallow: /wp-content/和Disallow: /wp-includes/
用于告诉搜索引擎不要抓取后台程序文件页面。
2、Disallow: /*/comment-page-*和Disallow: /*?replytocom=*
禁止搜索引擎抓取评论分页等相关链接。
3、Disallow: /category/*/page/和Disallow: /tag/*/page/
禁止搜索引擎抓取收录分类和标签的分页。
4、Disallow: /*/trackback
禁止搜索引擎抓取收录trackback等垃圾信息
5、Disallow: /feed、Disallow: /*/feed和Disallow: /comments/feed
禁止搜索引擎抓取收录feed链接,feed只用于订阅本站,与搜索引擎无关。
6、Disallow: /?s=*和Disallow: /*/?s=*\
禁止搜索引擎抓取站内搜索结果
7、Disallow: /attachment/
禁止搜索引擎抓取附件页面,比如毫无意义的图片附件页面。
上面只是些基本的写法,当然还有很多,不过够用了。