WordPress

WordPress

WordPress建站及WordPress SEO相关话题
Shopify

Shopify

Shopify建站及Shopify SEO相关话题
Google SEO

Google SEO

Google SEO相关话题
SEM

SEM

SEM相关话题
Zoho

Zoho

Zoho SAAS相关产品使用话题讨论
EDM

EDM

讨论Email Marketing相关话题
Symantec SSL

Symantec SSL

讨论Symantec SSL安全相关话题
隽永东方售后服务

隽永东方售后服务

隽永东方售后服务专区

关于前面文章提到的slide revolution插件的responsive设置的最新发现

WordPressLeo 发表了文章 • 1 个评论 • 97 次浏览 • 2018-10-23 14:53 • 来自相关话题

这边可以对应几个不同设备屏幕的banner
一些插件的设置细节需要记录下来,这些平时很少用到的设置,不记录下来,下次又是要花时间去找

2.png

这边可以对应几个不同设备屏幕的banner
一些插件的设置细节需要记录下来,这些平时很少用到的设置,不记录下来,下次又是要花时间去找

建站的经验分享-新同事减少弯路*

WordPressLeo 发表了文章 • 3 个评论 • 120 次浏览 • 2018-10-23 14:29 • 来自相关话题

1、头部的菜单,要调用后台appearance中的menu,主题默认会有几个menu,




我这边是top menu,对应的调用代码为
<?php wp_nav_menu( array( 'theme_location' => 'top', 'menu_class' => 'nav-menu','container' => false,'items_wrap' => '%3$s' ) ); ?>
theme location 必须为top,具体为什么是top,可以看一下functions.php文件。
后续要有更多的menu,比如说底部有很多栏目,考虑用户友好性,我们最好也在functions.php当中新建几个menu,模仿前面已经有的menu来
2、头部做完,设计稿上面体现的就是接着一个banner,banner可以自己用swiper、bxslider等等插件做,但是我们一般是用一款slide revolution付费插件做的,只需要后台插入图片,然后简单可视化配置一下,短代码调用即可,至于为什么要用这个wordpress的插件,“用户友好性”,这是很重要的,下面很多地方我都会提到这个词,要便于客户使用,你要知道这个网站不是做给开发人员使用的。
3、banner做完,从设计稿上来看,一般而言,下面就是我们首页的主体内容了。下面讲一些小坑,主要就是元素的使用规范
(1)、按钮,因为一般是链接,所以不建议使用button、input这些,用了也还需要包一个a标签,所以直接使用a标签,按钮a标签建议display:inline-block; 内联块级元素,好处是我们可以定按钮的宽高,也可以定按钮的padding、margin等等,a标签默认是inline内联元素,是不能定宽高这些的。
(2)、我们建的站,一般来说,所有的标题都是需要有链接的,据我观察,新同事都会使用p标签,考虑多一点的会用个h1、h2...标签。我们要记住标题要有a标签,可以包在标题标签内,考虑到a标签在css上的特性,如果开始是用的p标签、h标签,那么后续这些p、h标签的样式都是没用的,还是要重写一遍给a标签,这种无用功完全可以避免。
(3)、所有可以点击的地方,必须要cursor: pointer,必须是这个手掌的图标,默认箭头的光标是不行的!
(4)、客户友好性,如何体现?简单说,就是后台要能设置,最初级的就是要让客户在后台直接设置、添加内容,而不是要跑到模板里添加(当然有些情况确实需要写到模板里,那也只能写模板,尽量和后台关联)。
            数据和后台关联,就需要用到字段插件,我们可以新建一些各种各样的字段,比如说图标字段、文本框字段,url字段等等,复杂点的有repeater字段,这个字段又可以包括几个其他的字段并关联起来,具体需要自己去研究,我们可以把前台需要的内容都写到对应的post、page当中去,这样客户只需要到对应的post、page当中添加前台需要的图片、文字等内容了。
            等做的多了,你就要考虑如何建字段更合适,不仅仅是客户可以设置,还要客户一眼就能明白这个字段是做什么的(因为我以前做字段的时候,经验不足,很多字段做好了,其实客户也不知道是干嘛用的)。
            如何把字段建好,可以参考一下那些付费主题的后台的文章编辑,付费主题一般这些做的比较好,当然要做到一样好,难度很大,毕竟付费主题会有很多其他的资源加载。
4、剩下最后一部分就是我们的底部菜单,前面也说到了,考虑到用户的友好性,最好也是调用menu,这样客户可以在menu当中添加菜单。
5、wordpress有个widgets我们要好好利用起来,共用的一些版块,我们可以写在widgets中,然后需要的地方调用一些即可,这样日后维护起来也是方便很多,不需要相同的版块改十来遍。默认functions.php文件也是提供了俩三个的wigets,需要新建可以模仿着新建几个。(这个也是相当推荐的,也就是做模板的时候多花个几分钟,不要建站的时候偷懒,到时维护起来就需要改十来个文件。)
6、另外对于一些问题,你要知道的是如何使用它,而不是花上半天想它为什么是这样的。
     为什么是这样这个问题留在你闲得无聊的时候再想。至于为什么这样,我只会告诉你,去问开源的人去,“为什么不按照你的想法来!”
7、之前提到做一些通用模板,我觉得这个想法ok。但其实吧,这个模板也是在心里的,做任何事情,你要有个大致的构想,就像写文章一样,你开头写什么、中间写什么,结尾写什么,心里要有点数,这样作文才能拿个基础分。建站也是一个道理,不能写到自己都乱了。(开始做这个的时候我也乱,可以说非常乱了,但第二个项目我就会有个大致的构想,当然了中间少不了各位老同事的帮助,那会问问题的次数,我是第二,没人第一了。)
     另外关于内容的调用,我们文件服务器上面有同事上传的很多很多的代码,都是能拿来用的,不会用,大家可以一起讨论。
 
 
 
一时间能想到的也不多,后续会持续更新...... 查看全部
1、头部的菜单,要调用后台appearance中的menu,主题默认会有几个menu,
1.png

我这边是top menu,对应的调用代码为
<?php wp_nav_menu( array( 'theme_location' => 'top', 'menu_class' => 'nav-menu','container' => false,'items_wrap' => '%3$s' ) ); ?>
theme location 必须为top,具体为什么是top,可以看一下functions.php文件。
后续要有更多的menu,比如说底部有很多栏目,考虑用户友好性,我们最好也在functions.php当中新建几个menu,模仿前面已经有的menu来
2、头部做完,设计稿上面体现的就是接着一个banner,banner可以自己用swiper、bxslider等等插件做,但是我们一般是用一款slide revolution付费插件做的,只需要后台插入图片,然后简单可视化配置一下,短代码调用即可,至于为什么要用这个wordpress的插件,“用户友好性”,这是很重要的,下面很多地方我都会提到这个词,要便于客户使用,你要知道这个网站不是做给开发人员使用的。
3、banner做完,从设计稿上来看,一般而言,下面就是我们首页的主体内容了。下面讲一些小坑,主要就是元素的使用规范
(1)、按钮,因为一般是链接,所以不建议使用button、input这些,用了也还需要包一个a标签,所以直接使用a标签,按钮a标签建议display:inline-block; 内联块级元素,好处是我们可以定按钮的宽高,也可以定按钮的padding、margin等等,a标签默认是inline内联元素,是不能定宽高这些的。
(2)、我们建的站,一般来说,所有的标题都是需要有链接的,据我观察,新同事都会使用p标签,考虑多一点的会用个h1、h2...标签。我们要记住标题要有a标签,可以包在标题标签内,考虑到a标签在css上的特性,如果开始是用的p标签、h标签,那么后续这些p、h标签的样式都是没用的,还是要重写一遍给a标签,这种无用功完全可以避免。
(3)、所有可以点击的地方,必须要cursor: pointer,必须是这个手掌的图标,默认箭头的光标是不行的!
(4)、客户友好性,如何体现?简单说,就是后台要能设置,最初级的就是要让客户在后台直接设置、添加内容,而不是要跑到模板里添加(当然有些情况确实需要写到模板里,那也只能写模板,尽量和后台关联)。
            数据和后台关联,就需要用到字段插件,我们可以新建一些各种各样的字段,比如说图标字段、文本框字段,url字段等等,复杂点的有repeater字段,这个字段又可以包括几个其他的字段并关联起来,具体需要自己去研究,我们可以把前台需要的内容都写到对应的post、page当中去,这样客户只需要到对应的post、page当中添加前台需要的图片、文字等内容了。
            等做的多了,你就要考虑如何建字段更合适,不仅仅是客户可以设置,还要客户一眼就能明白这个字段是做什么的(因为我以前做字段的时候,经验不足,很多字段做好了,其实客户也不知道是干嘛用的)。
            如何把字段建好,可以参考一下那些付费主题的后台的文章编辑,付费主题一般这些做的比较好,当然要做到一样好,难度很大,毕竟付费主题会有很多其他的资源加载。
4、剩下最后一部分就是我们的底部菜单,前面也说到了,考虑到用户的友好性,最好也是调用menu,这样客户可以在menu当中添加菜单。
5、wordpress有个widgets我们要好好利用起来,共用的一些版块,我们可以写在widgets中,然后需要的地方调用一些即可,这样日后维护起来也是方便很多,不需要相同的版块改十来遍。默认functions.php文件也是提供了俩三个的wigets,需要新建可以模仿着新建几个。(这个也是相当推荐的,也就是做模板的时候多花个几分钟,不要建站的时候偷懒,到时维护起来就需要改十来个文件。)
6、另外对于一些问题,你要知道的是如何使用它,而不是花上半天想它为什么是这样的。
     为什么是这样这个问题留在你闲得无聊的时候再想。至于为什么这样,我只会告诉你,去问开源的人去,“为什么不按照你的想法来!”
7、之前提到做一些通用模板,我觉得这个想法ok。但其实吧,这个模板也是在心里的,做任何事情,你要有个大致的构想,就像写文章一样,你开头写什么、中间写什么,结尾写什么,心里要有点数,这样作文才能拿个基础分。建站也是一个道理,不能写到自己都乱了。(开始做这个的时候我也乱,可以说非常乱了,但第二个项目我就会有个大致的构想,当然了中间少不了各位老同事的帮助,那会问问题的次数,我是第二,没人第一了。)
     另外关于内容的调用,我们文件服务器上面有同事上传的很多很多的代码,都是能拿来用的,不会用,大家可以一起讨论。
 
 
 
一时间能想到的也不多,后续会持续更新......

关于slide revolution 怎么做到移动端更好的效果

WordPressEastern_Design_Studio 回复了问题 • 2 人关注 • 2 个回复 • 144 次浏览 • 2018-10-22 16:45 • 来自相关话题

在我们billing.usidc.net注册的域名解析

WordPressLeo 发表了文章 • 0 个评论 • 87 次浏览 • 2018-10-22 10:42 • 来自相关话题

首先登录账号(如果是我们的后台管理员账号,登录后台后login as client作为客户登录前台页面)
然后看到domain那一栏,点击进去,点一个工具图标的按钮,可以看到左侧有一个DNS Management,
点击进去就可以解析了
首先登录账号(如果是我们的后台管理员账号,登录后台后login as client作为客户登录前台页面)
然后看到domain那一栏,点击进去,点一个工具图标的按钮,可以看到左侧有一个DNS Management,
点击进去就可以解析了

推荐一个谷歌浏览器语法查错的插件---Grammarly for Chrome

WordPressLeo 发表了文章 • 5 个评论 • 108 次浏览 • 2018-10-18 11:13 • 来自相关话题

Grammarly for Chrome  ,非常适合我们在发外链的时候使用,他会有一个提示修改的浮动方块,点击一下推荐修改的内容就可以自动修改,而且底部会告诉你整篇文章有多少个error,非常方便









  查看全部
Grammarly for Chrome  ,非常适合我们在发外链的时候使用,他会有一个提示修改的浮动方块,点击一下推荐修改的内容就可以自动修改,而且底部会告诉你整篇文章有多少个error,非常方便
1.png


2.png

 

Download Email Before Download使用方法

WordPressLeo 发表了文章 • 1 个评论 • 112 次浏览 • 2018-10-18 09:23 • 来自相关话题

*要下载文件,需要先发送邮件
 
这个插件需要和contact form 7 以及 Download Monitor 俩个插件配合使用
contact form 7需要加一个特殊的element <ebd/> 如下图所示:




 
Download Monitor 需要进去新建download,每一个文件对应一个download,都有各自的id
然后将cf7和download monitor 的id配合使用
单个download:
[email-download download_id="263" contact-form-7 id="6"]
多个download可以这样"id,id":
[email-download download_id="263,269" contact-form-7 id="6"]

 

以下为插件官方配置说明:
This is the list of all short code attributes that can be used. Some of them override the global admin settings.

download_id – either one single download id from WordPress Download Monitor, or a comma separated list of such ids, eg. ‘1,2,3’
contact_form_id – Contact Form 7 ID. Overrides default contact for id from settings if used.
title – this attribute overrides the title from Download Monitor. if multiple, put them in a comma separated list in the same order as your download_ids.
file – use to point to external url
delivered_as – possible values: “Send Email”, “Both”, “Inline Link”
attachment – “yes”, “no” Attachments only work if files were uploaded with Download Monitor.
force_download – any value that is passed considered as “yes” (we don’t have a global menu item for that) only works with a single download_id.
checked – Loads form with item checked. If you are using checkboxes and have multiple items, the will all be checked, Accepts “no”, any other value is “yes”
hide_form – “yes”, “no”
radio – “yes”, “no”
from_email – valid email address
from_name – any alphanumeric string
  查看全部
1.png

*要下载文件,需要先发送邮件
 
这个插件需要和contact form 7 以及 Download Monitor 俩个插件配合使用
contact form 7需要加一个特殊的element <ebd/> 如下图所示:
2.png

 
Download Monitor 需要进去新建download,每一个文件对应一个download,都有各自的id
然后将cf7和download monitor 的id配合使用
单个download:
[email-download download_id="263" contact-form-7 id="6"]
多个download可以这样"id,id":
[email-download download_id="263,269" contact-form-7 id="6"]


 


以下为插件官方配置说明:
This is the list of all short code attributes that can be used. Some of them override the global admin settings.

download_id – either one single download id from WordPress Download Monitor, or a comma separated list of such ids, eg. ‘1,2,3’
contact_form_id – Contact Form 7 ID. Overrides default contact for id from settings if used.
title – this attribute overrides the title from Download Monitor. if multiple, put them in a comma separated list in the same order as your download_ids.
file – use to point to external url
delivered_as – possible values: “Send Email”, “Both”, “Inline Link”
attachment – “yes”, “no” Attachments only work if files were uploaded with Download Monitor.
force_download – any value that is passed considered as “yes” (we don’t have a global menu item for that) only works with a single download_id.
checked – Loads form with item checked. If you are using checkboxes and have multiple items, the will all be checked, Accepts “no”, any other value is “yes”
hide_form – “yes”, “no”
radio – “yes”, “no”
from_email – valid email address
from_name – any alphanumeric string
 

百度地图API支持HTTPS

WordPressLeo 发表了文章 • 1 个评论 • 98 次浏览 • 2018-10-17 14:09 • 来自相关话题

Mixed Content: The page at ‘https://www.c*******8.com/public/admin/index/index.html 
’ was loaded over HTTPS, but requested an insecure script ‘http://api.map.baidu.com/api?v=1.4 
‘. This request has been blocked; the content must be served over HTTPS. 
VM255 addshopview.html:381 Uncaught ReferenceError: BMap is not defined. 
搜索一下接口文档才知道——,JavaScript API首家支持Https,已全面开放,无需申请Https服务可直接使用。 
如您需要更高配额,请您认证企业信息,成为企业认证用户后,获得更高的服务配额。 
注意:仅JavaScript API V2.0 版本支持https,其他JavaScript API版本均不支持。使用https服务,请先检查您的版本。文档链接百度地图api 
配置 
1. 如果使用JavaScript API ,需要加一个特殊字段 (s=1): 
https://api.map.baidu.com/api?v=2.0&ak=你的密钥&s=1; 
2. 对于Web API 无需加特殊字段,直接使用 HTTPS协议访问即可,如Geocoding: 
https://api.map.baidu.com/geocoder/v2/?ak=你的秘钥&callback=renderReverse&location=39.983424,116.322987&output=xml&pois=1  查看全部
Mixed Content: The page at ‘https://www.c*******8.com/public/admin/index/index.html 
’ was loaded over HTTPS, but requested an insecure script ‘http://api.map.baidu.com/api?v=1.4 
‘. This request has been blocked; the content must be served over HTTPS. 
VM255 addshopview.html:381 Uncaught ReferenceError: BMap is not defined. 
搜索一下接口文档才知道——,JavaScript API首家支持Https,已全面开放,无需申请Https服务可直接使用。 
如您需要更高配额,请您认证企业信息,成为企业认证用户后,获得更高的服务配额。 
注意:仅JavaScript API V2.0 版本支持https,其他JavaScript API版本均不支持。使用https服务,请先检查您的版本。文档链接百度地图api 
配置 
1. 如果使用JavaScript API ,需要加一个特殊字段 (s=1): 
https://api.map.baidu.com/api?v=2.0&ak=你的密钥&s=1; 
2. 对于Web API 无需加特殊字段,直接使用 HTTPS协议访问即可,如Geocoding: 
https://api.map.baidu.com/geocoder/v2/?ak=你的秘钥&callback=renderReverse&location=39.983424,116.322987&output=xml&pois=1 

在WordPress网站上面添加一个最有效的销售产品展示方式

WordPressBob 发表了文章 • 0 个评论 • 105 次浏览 • 2018-10-17 11:33 • 来自相关话题

如果你想在WordPress网站中展示正在销售的产品,那么接下来的方法可以实现这一功能。
1、搜索并安装Shopify eCommerce Plugin – Shopping Cart插件,然后启用,在WordPress后台侧边栏中后出现这个菜单:




 
2、点击shopify,进入shopify后台登录页面,如下图:




 
3、数据对接完成:




 
在WordPress后台登录shopify账号以后我们可以在WordPress后台的pages,posts以及widgets里面添加shopify的销售产品












 
前台显示效果如下




 
  查看全部
如果你想在WordPress网站中展示正在销售的产品,那么接下来的方法可以实现这一功能。
1、搜索并安装Shopify eCommerce Plugin – Shopping Cart插件,然后启用,在WordPress后台侧边栏中后出现这个菜单:
shopify.png

 
2、点击shopify,进入shopify后台登录页面,如下图:
QQ图片20161219150802.png

 
3、数据对接完成:
shopify1.png

 
在WordPress后台登录shopify账号以后我们可以在WordPress后台的pages,posts以及widgets里面添加shopify的销售产品
shopify2.png

shopify3.png

shopify4-1.png

 
前台显示效果如下
shopify5.png

 
 

shopify 常用 APP

ShopifyBob 发表了文章 • 0 个评论 • 101 次浏览 • 2018-10-17 10:12 • 来自相关话题

常用但不一定全用的APP
 
1、语言翻译app:langify 
2、Tab标签切换app:Product Tabs 

3、产品自定义app:Product Options by Bold 

4、物流跟踪app:AfterShip 

5、社交媒体登录app:Hull Social Login  

6、产品评论app:Product Reviews 

7、在线聊天工具app:LiveChat  

8、订单打印app:Order Printer 
9、产品数量变化及降价app:Quantity Breaks 
 
10、批量订购app: Bulk Order Page
 
11、退款APP:Clicksit Return Center 
 
12、常见问题手风琴APP:FAQ Accordion by Widgetic
 
13、表单生成器App:Free Form Builder by HulkApps
 
14、产品标签App:Product Label Tagger by BNMetrics
 
15、最近浏览App:Recently Viewed Products

未完待续。。。 查看全部
常用但不一定全用的APP
 
1、语言翻译app:langify 
2、Tab标签切换app:Product Tabs 

3、产品自定义app:Product Options by Bold 

4、物流跟踪app:AfterShip 

5、社交媒体登录app:Hull Social Login  

6、产品评论app:Product Reviews 

7、在线聊天工具app:LiveChat  

8、订单打印app:Order Printer 
9、产品数量变化及降价app:Quantity Breaks 
 
10、批量订购app: Bulk Order Page
 
11、退款APP:Clicksit Return Center 
 
12、常见问题手风琴APP:FAQ Accordion by Widgetic
 
13、表单生成器App:Free Form Builder by HulkApps
 
14、产品标签App:Product Label Tagger by BNMetrics
 
15、最近浏览App:Recently Viewed Products

未完待续。。。

Shopify 全局设置

ShopifyBob 发表了文章 • 0 个评论 • 89 次浏览 • 2018-10-17 10:04 • 来自相关话题

全局设置将影响网站的整个选项,是做主题定制非常好的地方。在这里我们根据自己的爱好来对现在的主题进行修改。

进入shopify全局设置后台:Online Store —> Theme ,如下图所示:









 
进入到设置页面以后会在最右侧有一个从外边,所有的可调性内容都在这个里面设置,比如:Logo、文章字体、颜色、侧边栏以及产品列表等,如下图所示:





然后我们就可以逐个点击进入设置,左侧可以预览所修改的设置,然后点击右下角的保存按钮就可以了 查看全部
全局设置将影响网站的整个选项,是做主题定制非常好的地方。在这里我们根据自己的爱好来对现在的主题进行修改。

进入shopify全局设置后台:Online Store —> Theme ,如下图所示:
online-store.png


theme.png

 
进入到设置页面以后会在最右侧有一个从外边,所有的可调性内容都在这个里面设置,比如:Logo、文章字体、颜色、侧边栏以及产品列表等,如下图所示:

theme-setting.png

然后我们就可以逐个点击进入设置,左侧可以预览所修改的设置,然后点击右下角的保存按钮就可以了