WordPress

WordPress

微信公众号文章采集发布到wordpress

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

首先这个插件为“简数数据采集和发布平台”
先安装,然后注册一个插件的账号
这个是使用说明书http://www.keydatas.com/doc/fuyYRzrY7vy2
简单的来说,首先就是在基本信息、入口网址那将微信公众号的名称或者id设置好,至于其他配置,随意,默认即可
第二步,图片下载配置,默认不要下载即可
第三步,图片配置完之后,页面右上角启动采集,会自动采集微信公众号的文章
第四步,打开采集列表,可以看到所有微信公众号的文章
最后我们需要做的就是将文章发布即可,会自动发布在wordpress的post文章那 查看全部
首先这个插件为“简数数据采集和发布平台”
先安装,然后注册一个插件的账号
这个是使用说明书http://www.keydatas.com/doc/fuyYRzrY7vy2
简单的来说,首先就是在基本信息、入口网址那将微信公众号的名称或者id设置好,至于其他配置,随意,默认即可
第二步,图片下载配置,默认不要下载即可
第三步,图片配置完之后,页面右上角启动采集,会自动采集微信公众号的文章
第四步,打开采集列表,可以看到所有微信公众号的文章
最后我们需要做的就是将文章发布即可,会自动发布在wordpress的post文章那

wordpress 图片裁切函数 matthewruddy_image_resize

WordPressBob 发表了文章 • 1 个评论 • 129 次浏览 • 2018-09-03 09:41 • 来自相关话题

在WordPress制作网站的时候,经常会需要不同尺寸的文章图片,之前使用的裁切函数是timthumb.php,但是只能针对jpg格式的图片进行裁切,如果是png格式的,裁切以后还是jpg的,而且裁切一会图片的链接很长,还有特殊字符,所以现在换成matthewruddy_image_resize函数来针对图片进行裁切。
1、第一步需要在主题目录下面上传resize.php文件
2、然后在function.php里面添加如下代码:
include_once('resize.php');3、将一下代码放在需要调用图片的地方:
$images = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large' );
$url = $images['0'];
$width=300;
$height=400;
$crop = true; // Optional. Defaults to 'true'
$retina = false;
$img = matthewruddy_image_resize( $url, $width, $height, $crop, $retina );最后就是下图所示的图片链接:




  查看全部
在WordPress制作网站的时候,经常会需要不同尺寸的文章图片,之前使用的裁切函数是timthumb.php,但是只能针对jpg格式的图片进行裁切,如果是png格式的,裁切以后还是jpg的,而且裁切一会图片的链接很长,还有特殊字符,所以现在换成matthewruddy_image_resize函数来针对图片进行裁切。
1、第一步需要在主题目录下面上传resize.php文件
2、然后在function.php里面添加如下代码:
include_once('resize.php');
3、将一下代码放在需要调用图片的地方:
$images = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large' );
$url = $images['0'];
$width=300;
$height=400;
$crop = true; // Optional. Defaults to 'true'
$retina = false;
$img = matthewruddy_image_resize( $url, $width, $height, $crop, $retina );
最后就是下图所示的图片链接:
QQ图片20180903094027.png

 

WooCommerce 默认提供的简码短代码

WordPressLeo 发表了文章 • 1 个评论 • 121 次浏览 • 2018-09-03 08:51 • 来自相关话题

为了方便我们插件产品到文章或页面中,WooCommerce 默认提供了一些简码,使用这些简码,我们可以很方便的插入WooCommerce 的商品或功能到普通的WordPress 页面中。基本页面简码:

[woocommerce_cart] – 显示购物车页面
[woocommerce_checkout] – 显示结账页面
[woocommerce_order_tracking] – 显示订单跟踪表单
[woocommerce_my_account] – 显示用户账户页面
 
我的账户页面

在账户页面显示 ‘我的账户’ 内容,用户可以浏览历史订单,更新他们的信息,我们可以指定显示特定用户的账户页面,并指定一个页面显示多少订单。

参数:array(      'current_user' => '',     'order_count' => '15' )
[woocommerce_my_account order_count="12"][wprs_c-alert type=”info” content=”当前页面参数会通过 get_user_by( ‘id’, get_current_user_id() ) 函数自动添加。”]

下面的简码可以在 WordPress 站点中的任何地方使用。

显示最新商品:recent_products

列出最新的商品 ,通常在网站首页比较常用,‘per_page’ 参数确定显示几个最新商品, columns 参数确定把商品显示为几列。

简码参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[recent_products per_page="12" columns="4"][wprs_c-alert type=”info” content=”如需了解怎么使用 ‘orderby’ 参数, 参见 WordPress Codex Class Reference”]

显示特色推荐商品:featured_products

和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示12个推荐商品,每行显示4个。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[featured_products per_page="12" columns="4"]显示单个商品:product

通过商品 ID 或这 SKU 显示某个商品。[product id="99"] [product sku="FOO"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示多个商品:products

通过商品 ID 或 SKU 显示多个商品,和上面的 product 简码类似,只不过这个显示的是多个商品。注意复数形式 ‘products’。

参数:array(      'columns' => '4',      'orderby' => 'title',      'order' => 'asc' )
[products ids="1, 2, 3, 4, 5"] [products skus="foo, bar, baz" orderby="date" order="desc"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示添加到购物车按钮:add_to_cart

通过商品 ID 显示价格和添加到购物车按钮。

参数:array( 'id' => '99', 'style' => 'border:4px solid #ccc; padding: 12px;', 'sku' => 'FOO' )
[add_to_cart id="99"]显示添加到购物车 URL:add_to_cart_url

通过商品 ID 显示价格和添加到购物车按钮,上面的 add_to_cart 显示的直接是功能,这个简码只是输出了一个加入到购物车的链接。

Args:array( 'id' => '99', 'sku' => 'FOO' )
[add_to_cart_url id="99"]显示单个商品分类的商品:product_category

通过商品分类别名显示分类中的多个商品。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'title',      'order' => 'asc',      'category' => '' )
[product_category category="appliances"]显示多个商品分类中的商品:product_categories

显示多个商品分类中的商品,和上面的 product_categorie 类似,只不过这个显示的是多个商品分类中的商品。

参数:array(       'number' => 'null',      'orderby' => 'title',      'order' => 'ASC',      'columns' => '4',      'hide_empty' => '1', 'parent' => '', 'ids' => '' )`number` 参数用来指定显示多少商品, `ids` 参数用来指定显示哪些分类中的商品。[product_categories number="12" parent="0"]设置parent 参数为0,只显示顶级分类,设置 ‘ids’ 为逗号分隔的分类id列表,只显示指定分类中的商品。

商品页面:product_page

通过指定的商品 ID 或 SKU 显示完整的商品详情页面。[product_page id="99"] [product_page sku="FOO"]显示打折特价促销商品:sale_products

列出促销中的商品:

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [sale_products per_page="12"]显示销量最高的商品:best_selling_products

列出销量最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4' ) [best_selling_products per_page="12"]显示相关商品:related_products

列出相关商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title' ) [related_products per_page="12"]显示评价最高的商品:top_rated_products

显示评价最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [top_rated_products per_page="12"]显示商品属性:product_attribute

列出指定属性的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc', 'attribute' => '', 'filter' => '' ) [product_attribute attribute='color' filter='black']‘per_page’ 参数

[wprs_c-alert type=”warning” content=”注意:参数 ‘per_page’ 指定在页面上显示多少件商品,并不会输入分页。”]

简码问题排除

如果你在页面上粘贴了代码,在前端却看不到商品输入,请确认简码没有被 <pre> 包含,这个问题很常见,移除.<pre> 标签,重新保存一下页面就可以了。

根据自定义字段排序商品

很多列出商品的 WooCommerce 简码都是支持自定义排序的,如:

[recent_products]
[featured_products]
[products]
[product_category]
[sale_products]
[top_rated_products]
[product_attribute]
[related_products]

我们可以通过下面的属性对商品进行排序:

menu_order
title
date
rand
id

“orderby” 属性的使用方法如下:[products skus="foo, bar, baz" orderby="date" order="desc"]除了上面的属性,我们还可以通过自定义字段对商品进行排序,下面的实例中,我们使用价格对商品进行排序。
add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' ); function woocommerce_shortcode_products_orderby( $args ) { $standard_array = array('menu_order','title','date','rand','id'); if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) { $args['meta_key'] = $args['orderby']; $args['orderby'] = 'meta_value_num'; } return $args; }
我们需要把上面的代码放到主题的 functions.php 文件中,然后根据需要编辑 meta_key。
  查看全部
为了方便我们插件产品到文章或页面中,WooCommerce 默认提供了一些简码,使用这些简码,我们可以很方便的插入WooCommerce 的商品或功能到普通的WordPress 页面中。基本页面简码:

[woocommerce_cart] – 显示购物车页面
[woocommerce_checkout] – 显示结账页面
[woocommerce_order_tracking] – 显示订单跟踪表单
[woocommerce_my_account] – 显示用户账户页面
 
我的账户页面

在账户页面显示 ‘我的账户’ 内容,用户可以浏览历史订单,更新他们的信息,我们可以指定显示特定用户的账户页面,并指定一个页面显示多少订单。

参数:array(      'current_user' => '',     'order_count' => '15' )
[woocommerce_my_account order_count="12"][wprs_c-alert type=”info” content=”当前页面参数会通过 get_user_by( ‘id’, get_current_user_id() ) 函数自动添加。”]

下面的简码可以在 WordPress 站点中的任何地方使用。

显示最新商品:recent_products

列出最新的商品 ,通常在网站首页比较常用,‘per_page’ 参数确定显示几个最新商品, columns 参数确定把商品显示为几列。

简码参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[recent_products per_page="12" columns="4"][wprs_c-alert type=”info” content=”如需了解怎么使用 ‘orderby’ 参数, 参见 WordPress Codex Class Reference”]

显示特色推荐商品:featured_products

和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示12个推荐商品,每行显示4个。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[featured_products per_page="12" columns="4"]显示单个商品:product

通过商品 ID 或这 SKU 显示某个商品。[product id="99"] [product sku="FOO"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示多个商品:products

通过商品 ID 或 SKU 显示多个商品,和上面的 product 简码类似,只不过这个显示的是多个商品。注意复数形式 ‘products’。

参数:array(      'columns' => '4',      'orderby' => 'title',      'order' => 'asc' )
[products ids="1, 2, 3, 4, 5"] [products skus="foo, bar, baz" orderby="date" order="desc"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示添加到购物车按钮:add_to_cart

通过商品 ID 显示价格和添加到购物车按钮。

参数:array( 'id' => '99', 'style' => 'border:4px solid #ccc; padding: 12px;', 'sku' => 'FOO' )
[add_to_cart id="99"]显示添加到购物车 URL:add_to_cart_url

通过商品 ID 显示价格和添加到购物车按钮,上面的 add_to_cart 显示的直接是功能,这个简码只是输出了一个加入到购物车的链接。

Args:array( 'id' => '99', 'sku' => 'FOO' )
[add_to_cart_url id="99"]显示单个商品分类的商品:product_category

通过商品分类别名显示分类中的多个商品。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'title',      'order' => 'asc',      'category' => '' )
[product_category category="appliances"]显示多个商品分类中的商品:product_categories

显示多个商品分类中的商品,和上面的 product_categorie 类似,只不过这个显示的是多个商品分类中的商品。

参数:array(       'number' => 'null',      'orderby' => 'title',      'order' => 'ASC',      'columns' => '4',      'hide_empty' => '1', 'parent' => '', 'ids' => '' )`number` 参数用来指定显示多少商品, `ids` 参数用来指定显示哪些分类中的商品。[product_categories number="12" parent="0"]设置parent 参数为0,只显示顶级分类,设置 ‘ids’ 为逗号分隔的分类id列表,只显示指定分类中的商品。

商品页面:product_page

通过指定的商品 ID 或 SKU 显示完整的商品详情页面。[product_page id="99"] [product_page sku="FOO"]显示打折特价促销商品:sale_products

列出促销中的商品:

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [sale_products per_page="12"]显示销量最高的商品:best_selling_products

列出销量最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4' ) [best_selling_products per_page="12"]显示相关商品:related_products

列出相关商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title' ) [related_products per_page="12"]显示评价最高的商品:top_rated_products

显示评价最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [top_rated_products per_page="12"]显示商品属性:product_attribute

列出指定属性的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc', 'attribute' => '', 'filter' => '' ) [product_attribute attribute='color' filter='black']‘per_page’ 参数

[wprs_c-alert type=”warning” content=”注意:参数 ‘per_page’ 指定在页面上显示多少件商品,并不会输入分页。”]

简码问题排除

如果你在页面上粘贴了代码,在前端却看不到商品输入,请确认简码没有被 <pre> 包含,这个问题很常见,移除.<pre> 标签,重新保存一下页面就可以了。

根据自定义字段排序商品

很多列出商品的 WooCommerce 简码都是支持自定义排序的,如:

[recent_products]
[featured_products]
[products]
[product_category]
[sale_products]
[top_rated_products]
[product_attribute]
[related_products]

我们可以通过下面的属性对商品进行排序:

menu_order
title
date
rand
id

“orderby” 属性的使用方法如下:[products skus="foo, bar, baz" orderby="date" order="desc"]除了上面的属性,我们还可以通过自定义字段对商品进行排序,下面的实例中,我们使用价格对商品进行排序。
add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' ); function woocommerce_shortcode_products_orderby( $args ) { $standard_array = array('menu_order','title','date','rand','id'); if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) { $args['meta_key'] = $args['orderby']; $args['orderby'] = 'meta_value_num'; } return $args; }
我们需要把上面的代码放到主题的 functions.php 文件中,然后根据需要编辑 meta_key。
 

折腾XERO软件,体现学好英语的重要性

WordPressLeo 发表了文章 • 1 个评论 • 187 次浏览 • 2018-08-29 16:13 • 来自相关话题

最近帮客户网站对接xero这个会计软件,查看的xero软件的开发者文档,自认是看的明明白白,结果卡在了证书生成上,按照说明一步一步的操作,命令行完全一样的,居然无法生成,整个对接步骤也是越想越复杂,再尝试其他方法依旧未成功之后,终于耐下心来再看了一遍官方文档




划重点了,这个openssl首次安装的话,需要重启电脑。。。
反反复复研究了俩三天的对接,结果就因为这个重启
 
这边就简单说下这个xero的对接,首先购买付费插件Xero for WooCommerce,一年79$(有点小贵)
第二步,到xero官网新建app,选择私有app,按照提示他会问你要cert文件,这时候https://developer.xero.com/documentation/api-guides/create-publicprivate-key
(看这个文档)
下载对应操作系统的openssl,重启电脑,重启电脑,重启电脑,按照要求,操作三个命令,生成cert和key,然后去app界面操作,获取后台设置需要的相关数据即可 查看全部
最近帮客户网站对接xero这个会计软件,查看的xero软件的开发者文档,自认是看的明明白白,结果卡在了证书生成上,按照说明一步一步的操作,命令行完全一样的,居然无法生成,整个对接步骤也是越想越复杂,再尝试其他方法依旧未成功之后,终于耐下心来再看了一遍官方文档
11.png

划重点了,这个openssl首次安装的话,需要重启电脑。。。
反反复复研究了俩三天的对接,结果就因为这个重启
 
这边就简单说下这个xero的对接,首先购买付费插件Xero for WooCommerce,一年79$(有点小贵)
第二步,到xero官网新建app,选择私有app,按照提示他会问你要cert文件,这时候https://developer.xero.com/documentation/api-guides/create-publicprivate-key
(看这个文档)
下载对应操作系统的openssl,重启电脑,重启电脑,重启电脑,按照要求,操作三个命令,生成cert和key,然后去app界面操作,获取后台设置需要的相关数据即可

关于网站gzip压缩

WordPressLeo 发表了文章 • 1 个评论 • 143 次浏览 • 2018-08-29 11:51 • 来自相关话题

wdcp新建站点,或者站点设置那是可以看到gzip压缩的
cpanel是在Tweak Settings中设置,可以设置压缩级别,默认为6,0到9的区间,
所以一般来说,我们的网站都是开启gzip压缩了
wdcp新建站点,或者站点设置那是可以看到gzip压缩的
cpanel是在Tweak Settings中设置,可以设置压缩级别,默认为6,0到9的区间,
所以一般来说,我们的网站都是开启gzip压缩了

分享比较全的国家列表

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

[select* Selectyourregion class:pro-input "Select your country" "Afghanistan" "Albania" "Algeria" "American Samoa" "Andorra" "Angola" "Anguilla" "Antigua and Barbuda" "Argentina" "Armenia" "Armenia" "Aruba" "Australia" "Austria" "Azerbaijan" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bermuda" "Bhutan" "Bolivia" "Bonaire" "Bosnia and Herzegovina" "Botswana" "Bouvet Island (Bouvetoya)" "Brazil" "British Indian Ocean Territory (Chagos Archipelago)" "British Virgin Islands" "Brunei Darussalam" "Bulgaria" "Burkina Faso" "Burundi" "Canada" "Cambodia" "Cameroon" "Cape Verde" "Cayman Islands" "Central African Republic" "Chad" "Chile" "China" "Christmas Island" "Cocos (Keeling) Islands" "Colombia" "Comoros" "Congo" "Congo" "Cook Islands" "Costa Rica" "Cote d'Ivoire" "Croatia" "Cuba" "Curaçao" "Cyprus" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Falkland Islands (Malvinas)" "Faroe Islands" "Fiji" "Finland" "France" "French Guiana" "French Polynesia" "French Southern Territories" "Gabon" "Gambia" "Georgia" "Georgia" "Germany" "Ghana" "Gibraltar" "Greece" "Greenland" "Grenada" "Guadeloupe" "Guam" "Guatemala" "Guernsey" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Heard Island and McDonald Islands" "Holy See (Vatican City State)" "Honduras" "Hong Kong" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland" "Isle of Man" "Israel" "Italy" "Jamaica" "Japan" "Jersey" "Jordan" "Kazakhstan" "Kazakhstan" "Kenya" "Kiribati" "Korea" "Korea" "Kuwait" "Kyrgyz Republic" "Lao People's Democratic Republic" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libyan Arab Jamahiriya" "Liechtenstein" "Lithuania" "Luxembourg" "Macao" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Martinique" "Mauritania" "Mauritius" "Mayotte" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Montserrat" "Morocco" "Mozambique" "Myanmar" "Namibia" "Nauru" "Nepal" "Netherlands" "Netherlands Antilles" "New Caledonia" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Niue" "Norfolk Island" "Northern Mariana Islands" "Norway" "Oman" "Pakistan" "Palau" "Palestinian Territory" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Pitcairn Islands" "Poland" "Portugal" "Puerto Rico" "Qatar" "Reunion" "Romania" "Russian Federation" "Rwanda" "Saint Barthelemy" "Saint Helena" "Saint Kitts and Nevis" "Saint Lucia" "Saint Martin" "Saint Pierre and Miquelon" "Saint Vincent and the Grenadines" "Samoa" "San Marino" "Sao Tome and Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Sint Maarten (Netherlands)" "Slovakia (Slovak Republic)" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Georgia & S. Sandwich Islands" "Spain" "Sri Lanka" "Sudan" "Suriname" "Svalbard & Jan Mayen Islands" "Swaziland" "Sweden" "Switzerland" "Syrian Arab Republic" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Timor-Leste" "Togo" "Tokelau" "Tonga" "Trinidad and Tobago" "Tunisia" "Turkey" "Turkey" "Turkmenistan" "Turks and Caicos Islands" "Tuvalu" "U.S. Virgin Islands" "U.S. Minor Outlying Islands" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Venezuela" "Vietnam" "Wallis and Futuna" "Western Sahara" "Yemen" "Zambia" "Zimbabwe"] 查看全部
_{[8)5X_DR[AXUDA46(1]AX.png

[select* Selectyourregion class:pro-input "Select your country" "Afghanistan" "Albania" "Algeria" "American Samoa" "Andorra" "Angola" "Anguilla" "Antigua and Barbuda" "Argentina" "Armenia" "Armenia" "Aruba" "Australia" "Austria" "Azerbaijan" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bermuda" "Bhutan" "Bolivia" "Bonaire" "Bosnia and Herzegovina" "Botswana" "Bouvet Island (Bouvetoya)" "Brazil" "British Indian Ocean Territory (Chagos Archipelago)" "British Virgin Islands" "Brunei Darussalam" "Bulgaria" "Burkina Faso" "Burundi" "Canada" "Cambodia" "Cameroon" "Cape Verde" "Cayman Islands" "Central African Republic" "Chad" "Chile" "China" "Christmas Island" "Cocos (Keeling) Islands" "Colombia" "Comoros" "Congo" "Congo" "Cook Islands" "Costa Rica" "Cote d'Ivoire" "Croatia" "Cuba" "Curaçao" "Cyprus" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Falkland Islands (Malvinas)" "Faroe Islands" "Fiji" "Finland" "France" "French Guiana" "French Polynesia" "French Southern Territories" "Gabon" "Gambia" "Georgia" "Georgia" "Germany" "Ghana" "Gibraltar" "Greece" "Greenland" "Grenada" "Guadeloupe" "Guam" "Guatemala" "Guernsey" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Heard Island and McDonald Islands" "Holy See (Vatican City State)" "Honduras" "Hong Kong" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland" "Isle of Man" "Israel" "Italy" "Jamaica" "Japan" "Jersey" "Jordan" "Kazakhstan" "Kazakhstan" "Kenya" "Kiribati" "Korea" "Korea" "Kuwait" "Kyrgyz Republic" "Lao People's Democratic Republic" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libyan Arab Jamahiriya" "Liechtenstein" "Lithuania" "Luxembourg" "Macao" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Martinique" "Mauritania" "Mauritius" "Mayotte" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Montserrat" "Morocco" "Mozambique" "Myanmar" "Namibia" "Nauru" "Nepal" "Netherlands" "Netherlands Antilles" "New Caledonia" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Niue" "Norfolk Island" "Northern Mariana Islands" "Norway" "Oman" "Pakistan" "Palau" "Palestinian Territory" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Pitcairn Islands" "Poland" "Portugal" "Puerto Rico" "Qatar" "Reunion" "Romania" "Russian Federation" "Rwanda" "Saint Barthelemy" "Saint Helena" "Saint Kitts and Nevis" "Saint Lucia" "Saint Martin" "Saint Pierre and Miquelon" "Saint Vincent and the Grenadines" "Samoa" "San Marino" "Sao Tome and Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Sint Maarten (Netherlands)" "Slovakia (Slovak Republic)" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Georgia & S. Sandwich Islands" "Spain" "Sri Lanka" "Sudan" "Suriname" "Svalbard & Jan Mayen Islands" "Swaziland" "Sweden" "Switzerland" "Syrian Arab Republic" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Timor-Leste" "Togo" "Tokelau" "Tonga" "Trinidad and Tobago" "Tunisia" "Turkey" "Turkey" "Turkmenistan" "Turks and Caicos Islands" "Tuvalu" "U.S. Virgin Islands" "U.S. Minor Outlying Islands" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Venezuela" "Vietnam" "Wallis and Futuna" "Western Sahara" "Yemen" "Zambia" "Zimbabwe"]

如何在不同的分类页面调用不同的slider revolution

WordPressLeo 发表了文章 • 1 个评论 • 270 次浏览 • 2018-08-06 17:17 • 来自相关话题

首先在不同的分类页面,调用不同的分类图片,很容易,
<?php
    $cur_cat_id = get_query_var('cat'); 
    $term = get_queried_object();
    $children = get_terms( $term->taxonomy, array(
    'parent'    => $term->term_id,
    'hide_empty' => false
    ) );
?>
<?php echo $image = get_field('slider', 'category_'.$cur_cat_id);?>  这样就输出不同的分类图片了。
slider为自己新建的分类图片字段
 
那么如果每个分类要调用各自不同的slider revolution呢,在Bob的帮助下,我们发现可以新建一个名为slider的text字段,然后将[rev_slider alias="attractions"] 这种获取到的slider revolution短代码放到对应分类的slider文本字段中,然后定义一个变量$image获取这个短代码,然后通过wordpress自带的短代码输出方法,将$image输出即可,需要注意的是,并不需要给变量加引号,加了引号反而出错(ps:常规调用<?php echo do_shortcode('[rev_slider alias="attractions"] ');?>是这样的,短代码是被引号包裹的,我们实际echo输出$image这个变量的时候,并没有输出带有引号的短代码,所以很奇怪,但这不是重点,不是重点,不是重点,重要的事情说三遍!重点是实现需求了)
<?php $image = get_field('slider', 'category_'.$cur_cat_id);?>
<?php echo do_shortcode($image);?> 查看全部
首先在不同的分类页面,调用不同的分类图片,很容易,
<?php
    $cur_cat_id = get_query_var('cat'); 
    $term = get_queried_object();
    $children = get_terms( $term->taxonomy, array(
    'parent'    => $term->term_id,
    'hide_empty' => false
    ) );
?>
<?php echo $image = get_field('slider', 'category_'.$cur_cat_id);?>  这样就输出不同的分类图片了。
slider为自己新建的分类图片字段
 
那么如果每个分类要调用各自不同的slider revolution呢,在Bob的帮助下,我们发现可以新建一个名为slider的text字段,然后将[rev_slider alias="attractions"] 这种获取到的slider revolution短代码放到对应分类的slider文本字段中,然后定义一个变量$image获取这个短代码,然后通过wordpress自带的短代码输出方法,将$image输出即可,需要注意的是,并不需要给变量加引号,加了引号反而出错(ps:常规调用<?php echo do_shortcode('[rev_slider alias="attractions"] ');?>是这样的,短代码是被引号包裹的,我们实际echo输出$image这个变量的时候,并没有输出带有引号的短代码,所以很奇怪,但这不是重点,不是重点,不是重点,重要的事情说三遍!重点是实现需求了)
<?php $image = get_field('slider', 'category_'.$cur_cat_id);?>
<?php echo do_shortcode($image);?>

改变zoho的salesiq小技巧

WordPressLeo 发表了文章 • 1 个评论 • 207 次浏览 • 2018-08-02 09:46 • 来自相关话题

我们常用的salesiq,有些时候那个浮动按钮并不是很适合部分网站的需求,有时候可能需要隐藏这个浮动按钮,然后通过其他方式弹出对话框。
仔细看一下html结构,我们可以发现这是可以实现的。
首先
.zsiq_floatmain{
    display: none !important;
}
这样可以隐藏浮动按钮,然后我们可以通过jquery的点击事件,弹出对话框
        $('#gotong_a').click(function(){
            $('.zls-sptwndw').addClass('siqanim');
            $('.zls-sptwndw').css('top','auto');
        });
 
 
 
over!! 查看全部
我们常用的salesiq,有些时候那个浮动按钮并不是很适合部分网站的需求,有时候可能需要隐藏这个浮动按钮,然后通过其他方式弹出对话框。
仔细看一下html结构,我们可以发现这是可以实现的。
首先
.zsiq_floatmain{
    display: none !important;
}
这样可以隐藏浮动按钮,然后我们可以通过jquery的点击事件,弹出对话框
        $('#gotong_a').click(function(){
            $('.zls-sptwndw').addClass('siqanim');
            $('.zls-sptwndw').css('top','auto');
        });
 
 
 
over!!

分享一款YouTube插件

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

插件名:YouTube
作者:EmbedPlus Team
YouTube Embed and YouTube Gallery WordPress Plugin. Embed a responsive video, YouTube channel, playlist gallery, or live stream
支持自适应视频,youtube频道订阅,视频列表画册,甚至是直播
设置相对简单,以画册为例,可以设置为一行三列,一页显示六个,多余视频会以分页形式出现
用这个插件前提是要获取youtube api key
方法:新建一个page,里面插入一个视频列表,然后在页面模板对应的位置获取这个页面的内容即可。
页面加载的时候也不会加载视频,针对国外站并且有单独的中文站,那么完全可以用这个插件,完全不影响加载速度。中文站不适合,毕竟是加载的谷歌资源。 查看全部
插件名:YouTube
作者:EmbedPlus Team
YouTube Embed and YouTube Gallery WordPress Plugin. Embed a responsive video, YouTube channel, playlist gallery, or live stream
支持自适应视频,youtube频道订阅,视频列表画册,甚至是直播
设置相对简单,以画册为例,可以设置为一行三列,一页显示六个,多余视频会以分页形式出现
用这个插件前提是要获取youtube api key
方法:新建一个page,里面插入一个视频列表,然后在页面模板对应的位置获取这个页面的内容即可。
页面加载的时候也不会加载视频,针对国外站并且有单独的中文站,那么完全可以用这个插件,完全不影响加载速度。中文站不适合,毕竟是加载的谷歌资源。

推荐一款插件配合contact form 7

WordPressLeo 发表了文章 • 1 个评论 • 325 次浏览 • 2018-07-09 12:03 • 来自相关话题

Contact Form CFDB7,Save and manage Contact Form 7 messages. Never lose important data. Contact Form CFDB7 plugin is an add-on for the Contact Form 7 plugin.
可以用来当做邮箱的功能,邮件都会在这个插件里保存,格式完全和邮箱里一样,完全按照你的字段设置来的
用了这个的话,上回我分享的留言插件就不需要了,完全可以用这个插件,更方便 查看全部
Contact Form CFDB7,Save and manage Contact Form 7 messages. Never lose important data. Contact Form CFDB7 plugin is an add-on for the Contact Form 7 plugin.
可以用来当做邮箱的功能,邮件都会在这个插件里保存,格式完全和邮箱里一样,完全按照你的字段设置来的
用了这个的话,上回我分享的留言插件就不需要了,完全可以用这个插件,更方便
条新动态, 点击查看
Leo

Leo 回答了问题 • 2018-01-29 13:40 • 2 个回复 不感兴趣

怎么将域名加载到CLOUDFLARE上面呢?

赞同来自:

首先注册一个cloudflare账号,然后登入进去后scan一下域名,一般选择free(免费的即可),scan之后,再在cloudflare控制面板的dns那边进去对照域名解析进行添加记录(一般scan之后就会把记录自动添加上去,不过最好还是确认一下),最后记... 显示全部 »
首先注册一个cloudflare账号,然后登入进去后scan一下域名,一般选择free(免费的即可),scan之后,再在cloudflare控制面板的dns那边进去对照域名解析进行添加记录(一般scan之后就会把记录自动添加上去,不过最好还是确认一下),最后记得在域名注册商那把ns改为cloudflare给到的ns,这样就成功托管到cloudflare了
 
把​Rocket Loader给关掉内容就可以出现了,虽然可以提速但是有时也会出现问题
把​Rocket Loader给关掉内容就可以出现了,虽然可以提速但是有时也会出现问题

wordpress指定插件禁止更新

WordPressLeo 发表了文章 • 1 个评论 • 331 次浏览 • 2018-06-11 13:49 • 来自相关话题

function remove_update_notifications( $value ) {

    if ( isset( $value ) && is_object( $value ) ) {
        unset( $value->response[ 'js_composer/js_composer.php' ] );
    }

    return $value;
}
add_filter( 'site_transient_update_plugins', 'remove_update_notifications' );
 
只需找到插件目录下插件名.php的文件,将“js_composer/js_composer.php”路径替换为指定插件目录下的插件名.php文件,因为这个文件里包含插件版本号,出新版本后,wordpress匹配后会提示更新的,对于某些特殊插件,不建议更新的、不方便更新的,都可以这样指定禁止。
之前我有分享过一个主题和所有插件都禁止更新的文章,考虑到杀伤范围略大,不建议使用,今次这个更加适用。 查看全部
function remove_update_notifications( $value ) {

    if ( isset( $value ) && is_object( $value ) ) {
        unset( $value->response[ 'js_composer/js_composer.php' ] );
    }

    return $value;
}
add_filter( 'site_transient_update_plugins', 'remove_update_notifications' );
 
只需找到插件目录下插件名.php的文件,将“js_composer/js_composer.php”路径替换为指定插件目录下的插件名.php文件,因为这个文件里包含插件版本号,出新版本后,wordpress匹配后会提示更新的,对于某些特殊插件,不建议更新的、不方便更新的,都可以这样指定禁止。
之前我有分享过一个主题和所有插件都禁止更新的文章,考虑到杀伤范围略大,不建议使用,今次这个更加适用。

分享一些slider以及一些布局上不错的小细节

WordPressLeo 发表了文章 • 1 个评论 • 217 次浏览 • 2018-05-16 17:29 • 来自相关话题

http://demo.wponlinesupport.com/slick-slider-demo/?utm_source=hp&event=demo  首先可以通过这个链接,打开,然后点击一个菜单图标的按钮,可以看到右侧有很多插件可供选择,插件可以直接用,当然主要还是我们可以参考一些不错的小细节。
由于插件比较多,这边就列部分效果截图























































  查看全部
http://demo.wponlinesupport.com/slick-slider-demo/?utm_source=hp&event=demo  首先可以通过这个链接,打开,然后点击一个菜单图标的按钮,可以看到右侧有很多插件可供选择,插件可以直接用,当然主要还是我们可以参考一些不错的小细节。
由于插件比较多,这边就列部分效果截图

1.png


2.png


3.png


4.png


5.png


6.png


7.png


8.png


9.png


10.png


11.png

 

用子目录做二级网站需要注意的地方

WordPressLeo 发表了文章 • 1 个评论 • 235 次浏览 • 2018-05-08 17:13 • 来自相关话题

首先提及一下子目录和二级域名的优劣势:
 
二级域名: 首先,二级域名的权重大于子目录的,二级域名在搜索引擎看来和主域名是两个独立的网站,主域名在很多时候会传递一小部分信任度给二级域名(是信任度不是PR)。所以,很多做SEO的人都知道二级域名天生就比子目录具有更高的权重和更好的排名。 
子目录: 首先要知道一点,子目录其实是主站的一部分,正如上面所说,权重天生就比二级域名低,但个人还是建议以子目录建立子站,原因主要是: ①、二级域名和主域名是两个相互独立的站,要优化的话,需要分别优化两个站,并且在外链的建设过程中,网站的权重会被这些独立的网站分散。主域名通过外链的建设获得高权重,并不意味者二级域名就能获得高权重。 ②、二级域名的变多,会使分离出来的二级网站变小。 ③、子目录则相反,子目录的增多会使主网站变大,随着网站的变大,主站的收录量,权重,信任度也将提升。
 
 
最后这边重点提及一下,用子目录做二级网站,我们必须要更改的.htaccess规则
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /es/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /es/index.php [L]
</IfModule>
# END WordPress
 
 
以上加粗斜体就是我们必须要更改的规则,默认是没有/es/的,举例,如果你的子目录是以es命名,那么这边就要更改为/es/,否则除了首页,所有页面点击之后都会跳转到主站对应的页面。
  查看全部
首先提及一下子目录和二级域名的优劣势:
 
二级域名: 首先,二级域名的权重大于子目录的,二级域名在搜索引擎看来和主域名是两个独立的网站,主域名在很多时候会传递一小部分信任度给二级域名(是信任度不是PR)。所以,很多做SEO的人都知道二级域名天生就比子目录具有更高的权重和更好的排名。 
子目录: 首先要知道一点,子目录其实是主站的一部分,正如上面所说,权重天生就比二级域名低,但个人还是建议以子目录建立子站,原因主要是: ①、二级域名和主域名是两个相互独立的站,要优化的话,需要分别优化两个站,并且在外链的建设过程中,网站的权重会被这些独立的网站分散。主域名通过外链的建设获得高权重,并不意味者二级域名就能获得高权重。 ②、二级域名的变多,会使分离出来的二级网站变小。 ③、子目录则相反,子目录的增多会使主网站变大,随着网站的变大,主站的收录量,权重,信任度也将提升。
 
 
最后这边重点提及一下,用子目录做二级网站,我们必须要更改的.htaccess规则
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /es/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /es/index.php [L]
</IfModule>
# END WordPress
 
 
以上加粗斜体就是我们必须要更改的规则,默认是没有/es/的,举例,如果你的子目录是以es命名,那么这边就要更改为/es/,否则除了首页,所有页面点击之后都会跳转到主站对应的页面。
 

WordPress图片压缩插件:Compress JPEG & PNG images

WordPressLeo 发表了文章 • 2 个评论 • 354 次浏览 • 2018-04-24 09:36 • 来自相关话题

我们在英文建站的时候,经常会碰到要设置一些尺寸较大的 banner图片,产品细节图片,工厂厂区和车间环境图片等等。通常这类图片文件都比较大,那么就需要进行图片优化,加快页面的载入速度,提高浏览体验。对于 WordPress 来说,也有各式各样的图片优化插件,有时候你可能也不知道选哪个来用。

在图片优化上,TinyPNG 可谓名声赫赫。https://tinypng.com/
 
往常我们习惯于点击 TinyPNG 网站上的上传按钮,然后按 Ctrl 键选择多张图片上传压缩。TinyPNG 的压缩效率非常高,曾经有张 380K 的 PNG 图片压缩到了 60K,而且图片清晰度并没有明显的降低,可谓超强!

TinyPNG 对于一些深度 PhotoShop 用户也是福音,它的 PhotoShop Plugin 用起来也是相当方便的。价格50刀,永久使用,性价比无敌。

现在,在 WordPress 上,我们也可以使用 TinyPNG 出的插件:Compress JPEG & PNG images。在 WP 后台插件-安装插件 那里关键词输入”TinyPNG”,即可找到这款插件:




激活,然后去设置:





一般只要勾选 Original image 即可,这样在你上传图片的时候会自动进行压缩。

初次使用的时候要注册一下,获取 TinyPNG API Key。注意,不支持 qq邮箱。

激活之后,每个月你可以免费压缩高达 500 张 JPG/PNG 格式的图片。一般外贸建站每个月上传顶多十几张图片吧,所以这基本就是免费的。

对于之前已经上传到网站上的图片,它也可以进行批量压缩(bulk optimization)。





 
推荐理由:没发现更好的

之前也用过其他的图片压缩插件,如:

WP Smush Image Compression:此插件能压缩图片,减小图片大小,但图片质量清晰度也下降明显。
EWWW Image Optimizer:此插件是需要付费购买 API 才能用,而且需要服务器开启 exec() 函数。用起来感觉设置挺多,但是正因为设置非常多,感觉挺晕的。 查看全部
我们在英文建站的时候,经常会碰到要设置一些尺寸较大的 banner图片,产品细节图片,工厂厂区和车间环境图片等等。通常这类图片文件都比较大,那么就需要进行图片优化,加快页面的载入速度,提高浏览体验。对于 WordPress 来说,也有各式各样的图片优化插件,有时候你可能也不知道选哪个来用。

在图片优化上,TinyPNG 可谓名声赫赫。https://tinypng.com/
 
往常我们习惯于点击 TinyPNG 网站上的上传按钮,然后按 Ctrl 键选择多张图片上传压缩。TinyPNG 的压缩效率非常高,曾经有张 380K 的 PNG 图片压缩到了 60K,而且图片清晰度并没有明显的降低,可谓超强!

TinyPNG 对于一些深度 PhotoShop 用户也是福音,它的 PhotoShop Plugin 用起来也是相当方便的。价格50刀,永久使用,性价比无敌。

现在,在 WordPress 上,我们也可以使用 TinyPNG 出的插件:Compress JPEG & PNG images。在 WP 后台插件-安装插件 那里关键词输入”TinyPNG”,即可找到这款插件:
tiny-png-plugin.png

激活,然后去设置:

setting.png

一般只要勾选 Original image 即可,这样在你上传图片的时候会自动进行压缩。

初次使用的时候要注册一下,获取 TinyPNG API Key。注意,不支持 qq邮箱。

激活之后,每个月你可以免费压缩高达 500 张 JPG/PNG 格式的图片。一般外贸建站每个月上传顶多十几张图片吧,所以这基本就是免费的。

对于之前已经上传到网站上的图片,它也可以进行批量压缩(bulk optimization)。

screenshot-4.png

 
推荐理由:没发现更好的

之前也用过其他的图片压缩插件,如:

WP Smush Image Compression:此插件能压缩图片,减小图片大小,但图片质量清晰度也下降明显。
EWWW Image Optimizer:此插件是需要付费购买 API 才能用,而且需要服务器开启 exec() 函数。用起来感觉设置挺多,但是正因为设置非常多,感觉挺晕的。

wordpress网站被恶意攻击(大量访问xmlrpc.php)解决方法

WordPressLeo 发表了文章 • 1 个评论 • 265 次浏览 • 2018-03-26 11:52 • 来自相关话题

通过查看wordpress网站的日志发现,每天有大量的IP访问wordpress网站xmlrpc.php文件,这个文件本是wordpress程序方便用户进行远程发布的,基本上很少用到。但现在却有人恶意大量的访问这个wordpress网站xmlrpc.php文件,说明很不正常。
 
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件,攻击者通过POST提交恶意大量的提交,不断的访问xmlrpc.php文件,形成DDOS攻击,致使网站服务器CPU过高停机,网站无法打开。

解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击,最好的方法就是关闭掉自己网站xmlrpc.php文件。

方法如下:
第一步:在自己网站使用的wordpress模板中找到模板函数文件functions.php,当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
 
第二步:再通过.htaccess屏蔽xmlrpc.php文件的访问,这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
 
通过以上二步的操作,就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件,不要等到网站被恶意攻击了才去关闭。 查看全部
通过查看wordpress网站的日志发现,每天有大量的IP访问wordpress网站xmlrpc.php文件,这个文件本是wordpress程序方便用户进行远程发布的,基本上很少用到。但现在却有人恶意大量的访问这个wordpress网站xmlrpc.php文件,说明很不正常。
 
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件,攻击者通过POST提交恶意大量的提交,不断的访问xmlrpc.php文件,形成DDOS攻击,致使网站服务器CPU过高停机,网站无法打开。

解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击,最好的方法就是关闭掉自己网站xmlrpc.php文件。

方法如下:
第一步:在自己网站使用的wordpress模板中找到模板函数文件functions.php,当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
 
第二步:再通过.htaccess屏蔽xmlrpc.php文件的访问,这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
 
通过以上二步的操作,就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件,不要等到网站被恶意攻击了才去关闭。

网页使用Font Awesome图标字体时,css定义 content 属性必不可少,如下所示:

WordPressLeo 发表了文章 • 1 个评论 • 416 次浏览 • 2018-03-09 09:29 • 来自相关话题

有些情况下,我们不得不使用伪元素::before 和 ::after来实现fontawesome的小图标,所以我收集了一下图标类对应的字符编码表:
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112    
 
(.fa-mail-reply \f112                              .fa-meanpath \f20c             注意这样区分,一行是俩个图标) 查看全部
有些情况下,我们不得不使用伪元素::before 和 ::after来实现fontawesome的小图标,所以我收集了一下图标类对应的字符编码表:
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112    
 
(.fa-mail-reply \f112                              .fa-meanpath \f20c             注意这样区分,一行是俩个图标)

360和遨游浏览器底下字体会被截取一半的兼容性问题

WordPresslena 发表了文章 • 3 个评论 • 305 次浏览 • 2018-02-07 13:46 • 来自相关话题

这俩个浏览器都有兼容模式和极速模式
​<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="ie-comp">
这两个代码就是让浏览器用兼容模式
不加这个浏览器会优先使用极速模式,所以造成兼容性问题
  查看全部

这俩个浏览器都有兼容模式和极速模式
​<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="ie-comp">
这两个代码就是让浏览器用兼容模式
不加这个浏览器会优先使用极速模式,所以造成兼容性问题
 

如何解决WordPress媒体库一直处于loading的状态

WordPressBob 发表了文章 • 1 个评论 • 321 次浏览 • 2018-02-05 11:34 • 来自相关话题

不知道大家有没有遇到过这种问题,就是当网站运营一段时间以后,需要进行定期的维护,有时候网站在上线一段时间以后会出现很多问题,比如在打开媒体库的时候,他会一直处于加载的状态,下面的页面一直显示不出来,如下图所示:




当出现这种情况的时候,我们应该考虑到应该是WordPress自身配置文件的问题,这个时候我们应该先去看下在主题目录下面的function.php文件是否是处于闭合的状态,如下图所示:




所以我们需要在function文件的结尾加上闭合符号“?>”,如下图所示:




添加好以后,媒体库就可以正常打开了。一般在小型网站里面,如果这里是处于没有闭合的状态是不会出现什么问题的,但是在大型的网站上面,因为功能和结构比较复杂,所以这里建议还是闭合的好,以免到时候出现什么问题,导致网站无法运行。 查看全部
不知道大家有没有遇到过这种问题,就是当网站运营一段时间以后,需要进行定期的维护,有时候网站在上线一段时间以后会出现很多问题,比如在打开媒体库的时候,他会一直处于加载的状态,下面的页面一直显示不出来,如下图所示:
QQ图片20180205113032.png

当出现这种情况的时候,我们应该考虑到应该是WordPress自身配置文件的问题,这个时候我们应该先去看下在主题目录下面的function.php文件是否是处于闭合的状态,如下图所示:
QQ图片20180205112029.png

所以我们需要在function文件的结尾加上闭合符号“?>”,如下图所示:
QQ图片20180205112554.png

添加好以后,媒体库就可以正常打开了。一般在小型网站里面,如果这里是处于没有闭合的状态是不会出现什么问题的,但是在大型的网站上面,因为功能和结构比较复杂,所以这里建议还是闭合的好,以免到时候出现什么问题,导致网站无法运行。

对wordpress插件NextGEN Gallery的一个愚见

WordPressLeo 发表了文章 • 1 个评论 • 272 次浏览 • 2018-01-30 16:48 • 来自相关话题

这俩天碰到一个项目,大量使用了NextGEN Gallery这个插件,我觉得这插件确实很好,使用后也感觉网站很美观,但是有一点问题需要使用这个插件的朋友注意“点击NextGEN Gallery这个插件的other options这个配置选项,你可以看到Backup the original images这个配置,如果你大量使用了这个插件,那么请不要点击yes进行备份,万一备份了,首先你的网站所占服务器空间会变大,其次又万一以后要对网站进行迁移,那么将会增加很大的迁移难度。” 查看全部
这俩天碰到一个项目,大量使用了NextGEN Gallery这个插件,我觉得这插件确实很好,使用后也感觉网站很美观,但是有一点问题需要使用这个插件的朋友注意“点击NextGEN Gallery这个插件的other options这个配置选项,你可以看到Backup the original images这个配置,如果你大量使用了这个插件,那么请不要点击yes进行备份,万一备份了,首先你的网站所占服务器空间会变大,其次又万一以后要对网站进行迁移,那么将会增加很大的迁移难度。”
2K224LULS{@9M816B[OZ9UH.png

WordPress搭建的国外知名网站

WordPressEastern_Design_Studio 发表了文章 • 0 个评论 • 340 次浏览 • 2018-01-15 18:30 • 来自相关话题

接近30%的网站是基于WordPress的。

1. TechCrunch
2. The New Yorker
3. BBC America
4. Bloomberg Professional
5. The Official Star Wars Blog
6. Variety
7. Sony Music
8. MTV News
9. Beyonce
10. PlayStation.Blog
11. Sweden’s Official Website
12. Microsoft News Center
13. Boingo
14. Bata
15. cPanel Blog
16. Quartz
17. Usain Bolt
18. The Walt Disney Company
19. Time Inc.
20. Facebook Newsroom
21. The New York Times Company
22. Marks & Spencer for Business
23. The Official Rackspace Blog
24. ExpressJet Blog
25. Inside BlackBerry
26. Rotary Means Business – Rotary Club
27. The Rolling Stones
28. The Walking Dead – AMC
29. The Mozilla Blog
30. The Wall Street Journal Law Blog
31. Will Wheaton
32. Snoop Dogg
33. SAP News Center
34. Wolverine Worldwide
35. Reuters Blogs
36. Katy Perry
37. Vogue India
38. Mercedes-Benz
39. Staples Canda Blog
40. Harvard Gazette Onine
41. Pulse by Target 查看全部
接近30%的网站是基于WordPress的。


1. TechCrunch
2. The New Yorker
3. BBC America
4. Bloomberg Professional
5. The Official Star Wars Blog
6. Variety
7. Sony Music
8. MTV News
9. Beyonce
10. PlayStation.Blog
11. Sweden’s Official Website
12. Microsoft News Center
13. Boingo
14. Bata
15. cPanel Blog
16. Quartz
17. Usain Bolt
18. The Walt Disney Company
19. Time Inc.
20. Facebook Newsroom
21. The New York Times Company
22. Marks & Spencer for Business
23. The Official Rackspace Blog
24. ExpressJet Blog
25. Inside BlackBerry
26. Rotary Means Business – Rotary Club
27. The Rolling Stones
28. The Walking Dead – AMC
29. The Mozilla Blog
30. The Wall Street Journal Law Blog
31. Will Wheaton
32. Snoop Dogg
33. SAP News Center
34. Wolverine Worldwide
35. Reuters Blogs
36. Katy Perry
37. Vogue India
38. Mercedes-Benz
39. Staples Canda Blog
40. Harvard Gazette Onine
41. Pulse by Target


公司自己部门电脑网站都打的开,其他部门都打不开,缓存也清了,这是什么原因?有什么解决的方法吗?

回复

WordPressEastern_Design_Studio 回复了问题 • 2 人关注 • 1 个回复 • 323 次浏览 • 2018-05-29 18:05 • 来自相关话题

ssl怎么安装?(从零开始)

回复

WordPressEastern_Design_Studio 回复了问题 • 2 人关注 • 1 个回复 • 282 次浏览 • 2018-05-28 17:09 • 来自相关话题

使用cookie-free domains的方法优化网站性能

回复

WordPressLeo 发起了问题 • 2 人关注 • 0 个回复 • 381 次浏览 • 2018-03-27 11:56 • 来自相关话题

为什么cloudflare开启后网站有部分内容不显示,但是html里面内容又都有

回复

WordPresslena 回复了问题 • 2 人关注 • 2 个回复 • 345 次浏览 • 2018-01-30 15:24 • 来自相关话题

怎么将域名加载到CLOUDFLARE上面呢?

回复

WordPressEastern_Design_Studio 回复了问题 • 3 人关注 • 2 个回复 • 246 次浏览 • 2018-01-29 15:32 • 来自相关话题

微信公众号文章采集发布到wordpress

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

首先这个插件为“简数数据采集和发布平台”
先安装,然后注册一个插件的账号
这个是使用说明书http://www.keydatas.com/doc/fuyYRzrY7vy2
简单的来说,首先就是在基本信息、入口网址那将微信公众号的名称或者id设置好,至于其他配置,随意,默认即可
第二步,图片下载配置,默认不要下载即可
第三步,图片配置完之后,页面右上角启动采集,会自动采集微信公众号的文章
第四步,打开采集列表,可以看到所有微信公众号的文章
最后我们需要做的就是将文章发布即可,会自动发布在wordpress的post文章那 查看全部
首先这个插件为“简数数据采集和发布平台”
先安装,然后注册一个插件的账号
这个是使用说明书http://www.keydatas.com/doc/fuyYRzrY7vy2
简单的来说,首先就是在基本信息、入口网址那将微信公众号的名称或者id设置好,至于其他配置,随意,默认即可
第二步,图片下载配置,默认不要下载即可
第三步,图片配置完之后,页面右上角启动采集,会自动采集微信公众号的文章
第四步,打开采集列表,可以看到所有微信公众号的文章
最后我们需要做的就是将文章发布即可,会自动发布在wordpress的post文章那

wordpress 图片裁切函数 matthewruddy_image_resize

WordPressBob 发表了文章 • 1 个评论 • 129 次浏览 • 2018-09-03 09:41 • 来自相关话题

在WordPress制作网站的时候,经常会需要不同尺寸的文章图片,之前使用的裁切函数是timthumb.php,但是只能针对jpg格式的图片进行裁切,如果是png格式的,裁切以后还是jpg的,而且裁切一会图片的链接很长,还有特殊字符,所以现在换成matthewruddy_image_resize函数来针对图片进行裁切。
1、第一步需要在主题目录下面上传resize.php文件
2、然后在function.php里面添加如下代码:
include_once('resize.php');3、将一下代码放在需要调用图片的地方:
$images = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large' );
$url = $images['0'];
$width=300;
$height=400;
$crop = true; // Optional. Defaults to 'true'
$retina = false;
$img = matthewruddy_image_resize( $url, $width, $height, $crop, $retina );最后就是下图所示的图片链接:




  查看全部
在WordPress制作网站的时候,经常会需要不同尺寸的文章图片,之前使用的裁切函数是timthumb.php,但是只能针对jpg格式的图片进行裁切,如果是png格式的,裁切以后还是jpg的,而且裁切一会图片的链接很长,还有特殊字符,所以现在换成matthewruddy_image_resize函数来针对图片进行裁切。
1、第一步需要在主题目录下面上传resize.php文件
2、然后在function.php里面添加如下代码:
include_once('resize.php');
3、将一下代码放在需要调用图片的地方:
$images = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large' );
$url = $images['0'];
$width=300;
$height=400;
$crop = true; // Optional. Defaults to 'true'
$retina = false;
$img = matthewruddy_image_resize( $url, $width, $height, $crop, $retina );
最后就是下图所示的图片链接:
QQ图片20180903094027.png

 

WooCommerce 默认提供的简码短代码

WordPressLeo 发表了文章 • 1 个评论 • 121 次浏览 • 2018-09-03 08:51 • 来自相关话题

为了方便我们插件产品到文章或页面中,WooCommerce 默认提供了一些简码,使用这些简码,我们可以很方便的插入WooCommerce 的商品或功能到普通的WordPress 页面中。基本页面简码:

[woocommerce_cart] – 显示购物车页面
[woocommerce_checkout] – 显示结账页面
[woocommerce_order_tracking] – 显示订单跟踪表单
[woocommerce_my_account] – 显示用户账户页面
 
我的账户页面

在账户页面显示 ‘我的账户’ 内容,用户可以浏览历史订单,更新他们的信息,我们可以指定显示特定用户的账户页面,并指定一个页面显示多少订单。

参数:array(      'current_user' => '',     'order_count' => '15' )
[woocommerce_my_account order_count="12"][wprs_c-alert type=”info” content=”当前页面参数会通过 get_user_by( ‘id’, get_current_user_id() ) 函数自动添加。”]

下面的简码可以在 WordPress 站点中的任何地方使用。

显示最新商品:recent_products

列出最新的商品 ,通常在网站首页比较常用,‘per_page’ 参数确定显示几个最新商品, columns 参数确定把商品显示为几列。

简码参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[recent_products per_page="12" columns="4"][wprs_c-alert type=”info” content=”如需了解怎么使用 ‘orderby’ 参数, 参见 WordPress Codex Class Reference”]

显示特色推荐商品:featured_products

和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示12个推荐商品,每行显示4个。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[featured_products per_page="12" columns="4"]显示单个商品:product

通过商品 ID 或这 SKU 显示某个商品。[product id="99"] [product sku="FOO"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示多个商品:products

通过商品 ID 或 SKU 显示多个商品,和上面的 product 简码类似,只不过这个显示的是多个商品。注意复数形式 ‘products’。

参数:array(      'columns' => '4',      'orderby' => 'title',      'order' => 'asc' )
[products ids="1, 2, 3, 4, 5"] [products skus="foo, bar, baz" orderby="date" order="desc"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示添加到购物车按钮:add_to_cart

通过商品 ID 显示价格和添加到购物车按钮。

参数:array( 'id' => '99', 'style' => 'border:4px solid #ccc; padding: 12px;', 'sku' => 'FOO' )
[add_to_cart id="99"]显示添加到购物车 URL:add_to_cart_url

通过商品 ID 显示价格和添加到购物车按钮,上面的 add_to_cart 显示的直接是功能,这个简码只是输出了一个加入到购物车的链接。

Args:array( 'id' => '99', 'sku' => 'FOO' )
[add_to_cart_url id="99"]显示单个商品分类的商品:product_category

通过商品分类别名显示分类中的多个商品。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'title',      'order' => 'asc',      'category' => '' )
[product_category category="appliances"]显示多个商品分类中的商品:product_categories

显示多个商品分类中的商品,和上面的 product_categorie 类似,只不过这个显示的是多个商品分类中的商品。

参数:array(       'number' => 'null',      'orderby' => 'title',      'order' => 'ASC',      'columns' => '4',      'hide_empty' => '1', 'parent' => '', 'ids' => '' )`number` 参数用来指定显示多少商品, `ids` 参数用来指定显示哪些分类中的商品。[product_categories number="12" parent="0"]设置parent 参数为0,只显示顶级分类,设置 ‘ids’ 为逗号分隔的分类id列表,只显示指定分类中的商品。

商品页面:product_page

通过指定的商品 ID 或 SKU 显示完整的商品详情页面。[product_page id="99"] [product_page sku="FOO"]显示打折特价促销商品:sale_products

列出促销中的商品:

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [sale_products per_page="12"]显示销量最高的商品:best_selling_products

列出销量最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4' ) [best_selling_products per_page="12"]显示相关商品:related_products

列出相关商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title' ) [related_products per_page="12"]显示评价最高的商品:top_rated_products

显示评价最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [top_rated_products per_page="12"]显示商品属性:product_attribute

列出指定属性的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc', 'attribute' => '', 'filter' => '' ) [product_attribute attribute='color' filter='black']‘per_page’ 参数

[wprs_c-alert type=”warning” content=”注意:参数 ‘per_page’ 指定在页面上显示多少件商品,并不会输入分页。”]

简码问题排除

如果你在页面上粘贴了代码,在前端却看不到商品输入,请确认简码没有被 <pre> 包含,这个问题很常见,移除.<pre> 标签,重新保存一下页面就可以了。

根据自定义字段排序商品

很多列出商品的 WooCommerce 简码都是支持自定义排序的,如:

[recent_products]
[featured_products]
[products]
[product_category]
[sale_products]
[top_rated_products]
[product_attribute]
[related_products]

我们可以通过下面的属性对商品进行排序:

menu_order
title
date
rand
id

“orderby” 属性的使用方法如下:[products skus="foo, bar, baz" orderby="date" order="desc"]除了上面的属性,我们还可以通过自定义字段对商品进行排序,下面的实例中,我们使用价格对商品进行排序。
add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' ); function woocommerce_shortcode_products_orderby( $args ) { $standard_array = array('menu_order','title','date','rand','id'); if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) { $args['meta_key'] = $args['orderby']; $args['orderby'] = 'meta_value_num'; } return $args; }
我们需要把上面的代码放到主题的 functions.php 文件中,然后根据需要编辑 meta_key。
  查看全部
为了方便我们插件产品到文章或页面中,WooCommerce 默认提供了一些简码,使用这些简码,我们可以很方便的插入WooCommerce 的商品或功能到普通的WordPress 页面中。基本页面简码:

[woocommerce_cart] – 显示购物车页面
[woocommerce_checkout] – 显示结账页面
[woocommerce_order_tracking] – 显示订单跟踪表单
[woocommerce_my_account] – 显示用户账户页面
 
我的账户页面

在账户页面显示 ‘我的账户’ 内容,用户可以浏览历史订单,更新他们的信息,我们可以指定显示特定用户的账户页面,并指定一个页面显示多少订单。

参数:array(      'current_user' => '',     'order_count' => '15' )
[woocommerce_my_account order_count="12"][wprs_c-alert type=”info” content=”当前页面参数会通过 get_user_by( ‘id’, get_current_user_id() ) 函数自动添加。”]

下面的简码可以在 WordPress 站点中的任何地方使用。

显示最新商品:recent_products

列出最新的商品 ,通常在网站首页比较常用,‘per_page’ 参数确定显示几个最新商品, columns 参数确定把商品显示为几列。

简码参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[recent_products per_page="12" columns="4"][wprs_c-alert type=”info” content=”如需了解怎么使用 ‘orderby’ 参数, 参见 WordPress Codex Class Reference”]

显示特色推荐商品:featured_products

和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示12个推荐商品,每行显示4个。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'date',      'order' => 'desc' )
[featured_products per_page="12" columns="4"]显示单个商品:product

通过商品 ID 或这 SKU 显示某个商品。[product id="99"] [product sku="FOO"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示多个商品:products

通过商品 ID 或 SKU 显示多个商品,和上面的 product 简码类似,只不过这个显示的是多个商品。注意复数形式 ‘products’。

参数:array(      'columns' => '4',      'orderby' => 'title',      'order' => 'asc' )
[products ids="1, 2, 3, 4, 5"] [products skus="foo, bar, baz" orderby="date" order="desc"]如果商品没有显示,确认一下是否在后台设置为隐藏了。

显示添加到购物车按钮:add_to_cart

通过商品 ID 显示价格和添加到购物车按钮。

参数:array( 'id' => '99', 'style' => 'border:4px solid #ccc; padding: 12px;', 'sku' => 'FOO' )
[add_to_cart id="99"]显示添加到购物车 URL:add_to_cart_url

通过商品 ID 显示价格和添加到购物车按钮,上面的 add_to_cart 显示的直接是功能,这个简码只是输出了一个加入到购物车的链接。

Args:array( 'id' => '99', 'sku' => 'FOO' )
[add_to_cart_url id="99"]显示单个商品分类的商品:product_category

通过商品分类别名显示分类中的多个商品。

参数:array(      'per_page' => '12',      'columns' => '4',      'orderby' => 'title',      'order' => 'asc',      'category' => '' )
[product_category category="appliances"]显示多个商品分类中的商品:product_categories

显示多个商品分类中的商品,和上面的 product_categorie 类似,只不过这个显示的是多个商品分类中的商品。

参数:array(       'number' => 'null',      'orderby' => 'title',      'order' => 'ASC',      'columns' => '4',      'hide_empty' => '1', 'parent' => '', 'ids' => '' )`number` 参数用来指定显示多少商品, `ids` 参数用来指定显示哪些分类中的商品。[product_categories number="12" parent="0"]设置parent 参数为0,只显示顶级分类,设置 ‘ids’ 为逗号分隔的分类id列表,只显示指定分类中的商品。

商品页面:product_page

通过指定的商品 ID 或 SKU 显示完整的商品详情页面。[product_page id="99"] [product_page sku="FOO"]显示打折特价促销商品:sale_products

列出促销中的商品:

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [sale_products per_page="12"]显示销量最高的商品:best_selling_products

列出销量最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4' ) [best_selling_products per_page="12"]显示相关商品:related_products

列出相关商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title' ) [related_products per_page="12"]显示评价最高的商品:top_rated_products

显示评价最高的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc' ) [top_rated_products per_page="12"]显示商品属性:product_attribute

列出指定属性的商品。

参数:array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'title', 'order' => 'asc', 'attribute' => '', 'filter' => '' ) [product_attribute attribute='color' filter='black']‘per_page’ 参数

[wprs_c-alert type=”warning” content=”注意:参数 ‘per_page’ 指定在页面上显示多少件商品,并不会输入分页。”]

简码问题排除

如果你在页面上粘贴了代码,在前端却看不到商品输入,请确认简码没有被 <pre> 包含,这个问题很常见,移除.<pre> 标签,重新保存一下页面就可以了。

根据自定义字段排序商品

很多列出商品的 WooCommerce 简码都是支持自定义排序的,如:

[recent_products]
[featured_products]
[products]
[product_category]
[sale_products]
[top_rated_products]
[product_attribute]
[related_products]

我们可以通过下面的属性对商品进行排序:

menu_order
title
date
rand
id

“orderby” 属性的使用方法如下:[products skus="foo, bar, baz" orderby="date" order="desc"]除了上面的属性,我们还可以通过自定义字段对商品进行排序,下面的实例中,我们使用价格对商品进行排序。
add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' ); function woocommerce_shortcode_products_orderby( $args ) { $standard_array = array('menu_order','title','date','rand','id'); if( isset( $args['orderby'] ) && !in_array( $args['orderby'], $standard_array ) ) { $args['meta_key'] = $args['orderby']; $args['orderby'] = 'meta_value_num'; } return $args; }
我们需要把上面的代码放到主题的 functions.php 文件中,然后根据需要编辑 meta_key。
 

折腾XERO软件,体现学好英语的重要性

WordPressLeo 发表了文章 • 1 个评论 • 187 次浏览 • 2018-08-29 16:13 • 来自相关话题

最近帮客户网站对接xero这个会计软件,查看的xero软件的开发者文档,自认是看的明明白白,结果卡在了证书生成上,按照说明一步一步的操作,命令行完全一样的,居然无法生成,整个对接步骤也是越想越复杂,再尝试其他方法依旧未成功之后,终于耐下心来再看了一遍官方文档




划重点了,这个openssl首次安装的话,需要重启电脑。。。
反反复复研究了俩三天的对接,结果就因为这个重启
 
这边就简单说下这个xero的对接,首先购买付费插件Xero for WooCommerce,一年79$(有点小贵)
第二步,到xero官网新建app,选择私有app,按照提示他会问你要cert文件,这时候https://developer.xero.com/documentation/api-guides/create-publicprivate-key
(看这个文档)
下载对应操作系统的openssl,重启电脑,重启电脑,重启电脑,按照要求,操作三个命令,生成cert和key,然后去app界面操作,获取后台设置需要的相关数据即可 查看全部
最近帮客户网站对接xero这个会计软件,查看的xero软件的开发者文档,自认是看的明明白白,结果卡在了证书生成上,按照说明一步一步的操作,命令行完全一样的,居然无法生成,整个对接步骤也是越想越复杂,再尝试其他方法依旧未成功之后,终于耐下心来再看了一遍官方文档
11.png

划重点了,这个openssl首次安装的话,需要重启电脑。。。
反反复复研究了俩三天的对接,结果就因为这个重启
 
这边就简单说下这个xero的对接,首先购买付费插件Xero for WooCommerce,一年79$(有点小贵)
第二步,到xero官网新建app,选择私有app,按照提示他会问你要cert文件,这时候https://developer.xero.com/documentation/api-guides/create-publicprivate-key
(看这个文档)
下载对应操作系统的openssl,重启电脑,重启电脑,重启电脑,按照要求,操作三个命令,生成cert和key,然后去app界面操作,获取后台设置需要的相关数据即可

关于网站gzip压缩

WordPressLeo 发表了文章 • 1 个评论 • 143 次浏览 • 2018-08-29 11:51 • 来自相关话题

wdcp新建站点,或者站点设置那是可以看到gzip压缩的
cpanel是在Tweak Settings中设置,可以设置压缩级别,默认为6,0到9的区间,
所以一般来说,我们的网站都是开启gzip压缩了
wdcp新建站点,或者站点设置那是可以看到gzip压缩的
cpanel是在Tweak Settings中设置,可以设置压缩级别,默认为6,0到9的区间,
所以一般来说,我们的网站都是开启gzip压缩了

分享比较全的国家列表

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

[select* Selectyourregion class:pro-input "Select your country" "Afghanistan" "Albania" "Algeria" "American Samoa" "Andorra" "Angola" "Anguilla" "Antigua and Barbuda" "Argentina" "Armenia" "Armenia" "Aruba" "Australia" "Austria" "Azerbaijan" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bermuda" "Bhutan" "Bolivia" "Bonaire" "Bosnia and Herzegovina" "Botswana" "Bouvet Island (Bouvetoya)" "Brazil" "British Indian Ocean Territory (Chagos Archipelago)" "British Virgin Islands" "Brunei Darussalam" "Bulgaria" "Burkina Faso" "Burundi" "Canada" "Cambodia" "Cameroon" "Cape Verde" "Cayman Islands" "Central African Republic" "Chad" "Chile" "China" "Christmas Island" "Cocos (Keeling) Islands" "Colombia" "Comoros" "Congo" "Congo" "Cook Islands" "Costa Rica" "Cote d'Ivoire" "Croatia" "Cuba" "Curaçao" "Cyprus" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Falkland Islands (Malvinas)" "Faroe Islands" "Fiji" "Finland" "France" "French Guiana" "French Polynesia" "French Southern Territories" "Gabon" "Gambia" "Georgia" "Georgia" "Germany" "Ghana" "Gibraltar" "Greece" "Greenland" "Grenada" "Guadeloupe" "Guam" "Guatemala" "Guernsey" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Heard Island and McDonald Islands" "Holy See (Vatican City State)" "Honduras" "Hong Kong" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland" "Isle of Man" "Israel" "Italy" "Jamaica" "Japan" "Jersey" "Jordan" "Kazakhstan" "Kazakhstan" "Kenya" "Kiribati" "Korea" "Korea" "Kuwait" "Kyrgyz Republic" "Lao People's Democratic Republic" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libyan Arab Jamahiriya" "Liechtenstein" "Lithuania" "Luxembourg" "Macao" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Martinique" "Mauritania" "Mauritius" "Mayotte" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Montserrat" "Morocco" "Mozambique" "Myanmar" "Namibia" "Nauru" "Nepal" "Netherlands" "Netherlands Antilles" "New Caledonia" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Niue" "Norfolk Island" "Northern Mariana Islands" "Norway" "Oman" "Pakistan" "Palau" "Palestinian Territory" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Pitcairn Islands" "Poland" "Portugal" "Puerto Rico" "Qatar" "Reunion" "Romania" "Russian Federation" "Rwanda" "Saint Barthelemy" "Saint Helena" "Saint Kitts and Nevis" "Saint Lucia" "Saint Martin" "Saint Pierre and Miquelon" "Saint Vincent and the Grenadines" "Samoa" "San Marino" "Sao Tome and Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Sint Maarten (Netherlands)" "Slovakia (Slovak Republic)" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Georgia & S. Sandwich Islands" "Spain" "Sri Lanka" "Sudan" "Suriname" "Svalbard & Jan Mayen Islands" "Swaziland" "Sweden" "Switzerland" "Syrian Arab Republic" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Timor-Leste" "Togo" "Tokelau" "Tonga" "Trinidad and Tobago" "Tunisia" "Turkey" "Turkey" "Turkmenistan" "Turks and Caicos Islands" "Tuvalu" "U.S. Virgin Islands" "U.S. Minor Outlying Islands" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Venezuela" "Vietnam" "Wallis and Futuna" "Western Sahara" "Yemen" "Zambia" "Zimbabwe"] 查看全部
_{[8)5X_DR[AXUDA46(1]AX.png

[select* Selectyourregion class:pro-input "Select your country" "Afghanistan" "Albania" "Algeria" "American Samoa" "Andorra" "Angola" "Anguilla" "Antigua and Barbuda" "Argentina" "Armenia" "Armenia" "Aruba" "Australia" "Austria" "Azerbaijan" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bermuda" "Bhutan" "Bolivia" "Bonaire" "Bosnia and Herzegovina" "Botswana" "Bouvet Island (Bouvetoya)" "Brazil" "British Indian Ocean Territory (Chagos Archipelago)" "British Virgin Islands" "Brunei Darussalam" "Bulgaria" "Burkina Faso" "Burundi" "Canada" "Cambodia" "Cameroon" "Cape Verde" "Cayman Islands" "Central African Republic" "Chad" "Chile" "China" "Christmas Island" "Cocos (Keeling) Islands" "Colombia" "Comoros" "Congo" "Congo" "Cook Islands" "Costa Rica" "Cote d'Ivoire" "Croatia" "Cuba" "Curaçao" "Cyprus" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Falkland Islands (Malvinas)" "Faroe Islands" "Fiji" "Finland" "France" "French Guiana" "French Polynesia" "French Southern Territories" "Gabon" "Gambia" "Georgia" "Georgia" "Germany" "Ghana" "Gibraltar" "Greece" "Greenland" "Grenada" "Guadeloupe" "Guam" "Guatemala" "Guernsey" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Heard Island and McDonald Islands" "Holy See (Vatican City State)" "Honduras" "Hong Kong" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland" "Isle of Man" "Israel" "Italy" "Jamaica" "Japan" "Jersey" "Jordan" "Kazakhstan" "Kazakhstan" "Kenya" "Kiribati" "Korea" "Korea" "Kuwait" "Kyrgyz Republic" "Lao People's Democratic Republic" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libyan Arab Jamahiriya" "Liechtenstein" "Lithuania" "Luxembourg" "Macao" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Martinique" "Mauritania" "Mauritius" "Mayotte" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Montserrat" "Morocco" "Mozambique" "Myanmar" "Namibia" "Nauru" "Nepal" "Netherlands" "Netherlands Antilles" "New Caledonia" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Niue" "Norfolk Island" "Northern Mariana Islands" "Norway" "Oman" "Pakistan" "Palau" "Palestinian Territory" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Pitcairn Islands" "Poland" "Portugal" "Puerto Rico" "Qatar" "Reunion" "Romania" "Russian Federation" "Rwanda" "Saint Barthelemy" "Saint Helena" "Saint Kitts and Nevis" "Saint Lucia" "Saint Martin" "Saint Pierre and Miquelon" "Saint Vincent and the Grenadines" "Samoa" "San Marino" "Sao Tome and Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Sint Maarten (Netherlands)" "Slovakia (Slovak Republic)" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Georgia & S. Sandwich Islands" "Spain" "Sri Lanka" "Sudan" "Suriname" "Svalbard & Jan Mayen Islands" "Swaziland" "Sweden" "Switzerland" "Syrian Arab Republic" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Timor-Leste" "Togo" "Tokelau" "Tonga" "Trinidad and Tobago" "Tunisia" "Turkey" "Turkey" "Turkmenistan" "Turks and Caicos Islands" "Tuvalu" "U.S. Virgin Islands" "U.S. Minor Outlying Islands" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Venezuela" "Vietnam" "Wallis and Futuna" "Western Sahara" "Yemen" "Zambia" "Zimbabwe"]

如何在不同的分类页面调用不同的slider revolution

WordPressLeo 发表了文章 • 1 个评论 • 270 次浏览 • 2018-08-06 17:17 • 来自相关话题

首先在不同的分类页面,调用不同的分类图片,很容易,
<?php
    $cur_cat_id = get_query_var('cat'); 
    $term = get_queried_object();
    $children = get_terms( $term->taxonomy, array(
    'parent'    => $term->term_id,
    'hide_empty' => false
    ) );
?>
<?php echo $image = get_field('slider', 'category_'.$cur_cat_id);?>  这样就输出不同的分类图片了。
slider为自己新建的分类图片字段
 
那么如果每个分类要调用各自不同的slider revolution呢,在Bob的帮助下,我们发现可以新建一个名为slider的text字段,然后将[rev_slider alias="attractions"] 这种获取到的slider revolution短代码放到对应分类的slider文本字段中,然后定义一个变量$image获取这个短代码,然后通过wordpress自带的短代码输出方法,将$image输出即可,需要注意的是,并不需要给变量加引号,加了引号反而出错(ps:常规调用<?php echo do_shortcode('[rev_slider alias="attractions"] ');?>是这样的,短代码是被引号包裹的,我们实际echo输出$image这个变量的时候,并没有输出带有引号的短代码,所以很奇怪,但这不是重点,不是重点,不是重点,重要的事情说三遍!重点是实现需求了)
<?php $image = get_field('slider', 'category_'.$cur_cat_id);?>
<?php echo do_shortcode($image);?> 查看全部
首先在不同的分类页面,调用不同的分类图片,很容易,
<?php
    $cur_cat_id = get_query_var('cat'); 
    $term = get_queried_object();
    $children = get_terms( $term->taxonomy, array(
    'parent'    => $term->term_id,
    'hide_empty' => false
    ) );
?>
<?php echo $image = get_field('slider', 'category_'.$cur_cat_id);?>  这样就输出不同的分类图片了。
slider为自己新建的分类图片字段
 
那么如果每个分类要调用各自不同的slider revolution呢,在Bob的帮助下,我们发现可以新建一个名为slider的text字段,然后将[rev_slider alias="attractions"] 这种获取到的slider revolution短代码放到对应分类的slider文本字段中,然后定义一个变量$image获取这个短代码,然后通过wordpress自带的短代码输出方法,将$image输出即可,需要注意的是,并不需要给变量加引号,加了引号反而出错(ps:常规调用<?php echo do_shortcode('[rev_slider alias="attractions"] ');?>是这样的,短代码是被引号包裹的,我们实际echo输出$image这个变量的时候,并没有输出带有引号的短代码,所以很奇怪,但这不是重点,不是重点,不是重点,重要的事情说三遍!重点是实现需求了)
<?php $image = get_field('slider', 'category_'.$cur_cat_id);?>
<?php echo do_shortcode($image);?>

改变zoho的salesiq小技巧

WordPressLeo 发表了文章 • 1 个评论 • 207 次浏览 • 2018-08-02 09:46 • 来自相关话题

我们常用的salesiq,有些时候那个浮动按钮并不是很适合部分网站的需求,有时候可能需要隐藏这个浮动按钮,然后通过其他方式弹出对话框。
仔细看一下html结构,我们可以发现这是可以实现的。
首先
.zsiq_floatmain{
    display: none !important;
}
这样可以隐藏浮动按钮,然后我们可以通过jquery的点击事件,弹出对话框
        $('#gotong_a').click(function(){
            $('.zls-sptwndw').addClass('siqanim');
            $('.zls-sptwndw').css('top','auto');
        });
 
 
 
over!! 查看全部
我们常用的salesiq,有些时候那个浮动按钮并不是很适合部分网站的需求,有时候可能需要隐藏这个浮动按钮,然后通过其他方式弹出对话框。
仔细看一下html结构,我们可以发现这是可以实现的。
首先
.zsiq_floatmain{
    display: none !important;
}
这样可以隐藏浮动按钮,然后我们可以通过jquery的点击事件,弹出对话框
        $('#gotong_a').click(function(){
            $('.zls-sptwndw').addClass('siqanim');
            $('.zls-sptwndw').css('top','auto');
        });
 
 
 
over!!

分享一款YouTube插件

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

插件名:YouTube
作者:EmbedPlus Team
YouTube Embed and YouTube Gallery WordPress Plugin. Embed a responsive video, YouTube channel, playlist gallery, or live stream
支持自适应视频,youtube频道订阅,视频列表画册,甚至是直播
设置相对简单,以画册为例,可以设置为一行三列,一页显示六个,多余视频会以分页形式出现
用这个插件前提是要获取youtube api key
方法:新建一个page,里面插入一个视频列表,然后在页面模板对应的位置获取这个页面的内容即可。
页面加载的时候也不会加载视频,针对国外站并且有单独的中文站,那么完全可以用这个插件,完全不影响加载速度。中文站不适合,毕竟是加载的谷歌资源。 查看全部
插件名:YouTube
作者:EmbedPlus Team
YouTube Embed and YouTube Gallery WordPress Plugin. Embed a responsive video, YouTube channel, playlist gallery, or live stream
支持自适应视频,youtube频道订阅,视频列表画册,甚至是直播
设置相对简单,以画册为例,可以设置为一行三列,一页显示六个,多余视频会以分页形式出现
用这个插件前提是要获取youtube api key
方法:新建一个page,里面插入一个视频列表,然后在页面模板对应的位置获取这个页面的内容即可。
页面加载的时候也不会加载视频,针对国外站并且有单独的中文站,那么完全可以用这个插件,完全不影响加载速度。中文站不适合,毕竟是加载的谷歌资源。

推荐一款插件配合contact form 7

WordPressLeo 发表了文章 • 1 个评论 • 325 次浏览 • 2018-07-09 12:03 • 来自相关话题

Contact Form CFDB7,Save and manage Contact Form 7 messages. Never lose important data. Contact Form CFDB7 plugin is an add-on for the Contact Form 7 plugin.
可以用来当做邮箱的功能,邮件都会在这个插件里保存,格式完全和邮箱里一样,完全按照你的字段设置来的
用了这个的话,上回我分享的留言插件就不需要了,完全可以用这个插件,更方便 查看全部
Contact Form CFDB7,Save and manage Contact Form 7 messages. Never lose important data. Contact Form CFDB7 plugin is an add-on for the Contact Form 7 plugin.
可以用来当做邮箱的功能,邮件都会在这个插件里保存,格式完全和邮箱里一样,完全按照你的字段设置来的
用了这个的话,上回我分享的留言插件就不需要了,完全可以用这个插件,更方便