注册
WordPress

WordPress

关于WP Engine空间

WordPress • Leo 发表了文章 • 1 个评论 • 39 次浏览 • 6 天前 • 来自相关话题

细心的朋友可能会发现，其实WP正是WordPress的简称，这也就意味着WP Engine与其他美国主机商是不一样的，因为WP Engine只提供WordPress主机产品。
目前WP Engine主机共提供STARTUP、GROWTH、SCALE三款主机方案，都是非常适合用来搭建WordPress网站的。不过需要注意的，WP Engine主机价格却不便宜，最低价格是35美元/月（年付款可赠送2个月免费使用时间）
当然了，我还是不推荐这种主机的，没有操作上的难点，适合服务器小白使用，但是价格高，简言之，拿钱换方便，全自动，所谓全自动，也就是你的所有空间信息、域名信息（因为要绑定域名）也全是被其他人掌握的，你只需小手一点，一切便开始，便结束了。（好吧，这话是违心了）
废话不多说，以下是关于这个WP Engine的使用方法，我把迁移网站需要的一些必要设置列一下（顺序不分先后）：
1、add domain （注意带www，我试过不带www，不会自动跳转，即使你解析那www记录添加了也不会跳转）




2、创建sftp 用户
3、wp-site-migrate安装这个插件（我已上传至附近，也可以在官网下载） 需添加你的wp engine登入邮箱、域名（注意带www）、主机ip地址和上一条提到的sftp用户名和密码，然后就可以开始Migrate迁移
4、迁移的时候只需配置前面几项，后面可选的可以不填，域名（带www），sftp用户名密码、ip地址，save一下就可以下一步，看到迁移进度条了，总共三个进度条，等全部100%之时，网站便已迁移成功可以打开了。
5、网站的用户名密码将是迁移之前网站的用户名密码
6、接着你可以配置ssl证书，最便宜的空间套餐是只能用空间提供的免费ssl和购买空间提供的rapidssl；
你还可以开启你网站的cdn；配置网站备份backup point以防万一；配置重定向等等；
 
在WP Engine空间成功开通一个网站后，也算是小小的颠覆了我以往对于网站开通的理解，当然是步骤上而非理念，不过是将步骤简化吧。
可能这就是一个新的趋势吧，所谓创新即将想法付诸于商业。 查看全部
细心的朋友可能会发现，其实WP正是WordPress的简称，这也就意味着WP Engine与其他美国主机商是不一样的，因为WP Engine只提供WordPress主机产品。
目前WP Engine主机共提供STARTUP、GROWTH、SCALE三款主机方案，都是非常适合用来搭建WordPress网站的。不过需要注意的，WP Engine主机价格却不便宜，最低价格是35美元/月（年付款可赠送2个月免费使用时间）
当然了，我还是不推荐这种主机的，没有操作上的难点，适合服务器小白使用，但是价格高，简言之，拿钱换方便，全自动，所谓全自动，也就是你的所有空间信息、域名信息（因为要绑定域名）也全是被其他人掌握的，你只需小手一点，一切便开始，便结束了。（好吧，这话是违心了）
废话不多说，以下是关于这个WP Engine的使用方法，我把迁移网站需要的一些必要设置列一下（顺序不分先后）：
1、add domain （注意带www，我试过不带www，不会自动跳转，即使你解析那www记录添加了也不会跳转）
1.png

2、创建sftp 用户
3、wp-site-migrate安装这个插件（我已上传至附近，也可以在官网下载） 需添加你的wp engine登入邮箱、域名（注意带www）、主机ip地址和上一条提到的sftp用户名和密码，然后就可以开始Migrate迁移
4、迁移的时候只需配置前面几项，后面可选的可以不填，域名（带www），sftp用户名密码、ip地址，save一下就可以下一步，看到迁移进度条了，总共三个进度条，等全部100%之时，网站便已迁移成功可以打开了。
5、网站的用户名密码将是迁移之前网站的用户名密码
6、接着你可以配置ssl证书，最便宜的空间套餐是只能用空间提供的免费ssl和购买空间提供的rapidssl；
你还可以开启你网站的cdn；配置网站备份backup point以防万一；配置重定向等等；
 
在WP Engine空间成功开通一个网站后，也算是小小的颠覆了我以往对于网站开通的理解，当然是步骤上而非理念，不过是将步骤简化吧。
可能这就是一个新的趋势吧，所谓创新即将想法付诸于商业。

zoho salesiq设置时候的一个注意点，设置错误会导致网站报错，影响加载

WordPress • Leo 发表了文章 • 1 个评论 • 32 次浏览 • 2018-12-05 09:14 • 来自相关话题

上图这个报错，就是因为在salesiq设置的时候，开启了公司logo功能，而并没有上传logo，这个要注意，发现不少用了salesiq的网站都有这个报错。
下图为其中一处关闭logo按钮的地方，总共有两处设置logo的地方，一个是浮动框，一个是内容框





  查看全部

4.png

上图这个报错，就是因为在salesiq设置的时候，开启了公司logo功能，而并没有上传logo，这个要注意，发现不少用了salesiq的网站都有这个报错。
下图为其中一处关闭logo按钮的地方，总共有两处设置logo的地方，一个是浮动框，一个是内容框
3.png


 

在Woocommerce后台订单列表页面添加购买产品的详细信息

WordPress • Bob 发表了文章 • 1 个评论 • 44 次浏览 • 2018-11-29 17:13 • 来自相关话题

现在越来越多的用户开始使用woocommerce来搭建自己的电商网站，woocommerce插件的后台界面已经非常详细的列出了相关信息，但是如果想在订单列表页面添加用户所购买产品的详细信息，需要在主题跟目录下面的functions.php文件里面添加一下代码：
add_filter( 'manage_edit-shop_order_columns', 'show_product_order',15 );
function show_product_order($columns){

//添加一列信息
$columns['product-display'] = __( 'Central Pedder Building Gallery Tour');
return $columns;
}然后在当前这段代码的下面在添加一段代码：
add_action( 'manage_shop_order_posts_custom_column' , 'snv_custom_shop_order_column', 10, 2 );
function snv_custom_shop_order_column( $column ) {
global $post, $woocommerce, $the_order;

switch ( $column ) {
case 'product-display' :
$terms = $the_order->get_items();

if ( is_array( $terms ) ) {
foreach($terms as $term)
{
echo $term['item_meta']['_qty'][0] .' ' . $term['name'] .'';
}
} else {
_e( 'Error!', 'woocommerce' );
}
break;

}
}后台显示的效果如下图所示：




  查看全部
现在越来越多的用户开始使用woocommerce来搭建自己的电商网站，woocommerce插件的后台界面已经非常详细的列出了相关信息，但是如果想在订单列表页面添加用户所购买产品的详细信息，需要在主题跟目录下面的functions.php文件里面添加一下代码：
add_filter( 'manage_edit-shop_order_columns', 'show_product_order',15 );

function show_product_order($columns){



//添加一列信息

$columns['product-display'] = __( 'Central Pedder Building Gallery Tour');

  return $columns;

}
然后在当前这段代码的下面在添加一段代码：
add_action( 'manage_shop_order_posts_custom_column' , 'snv_custom_shop_order_column', 10, 2 );

function snv_custom_shop_order_column( $column ) {

 global $post, $woocommerce, $the_order;



    switch ( $column ) {

        case 'product-display' :

          $terms = $the_order->get_items();



          if ( is_array( $terms ) ) {

                foreach($terms as $term)

        {

        echo $term['item_meta']['_qty'][0] .'  ' . $term['name'] .'';

        }

              } else {

                _e( 'Error!', 'woocommerce' );

        }

            break;



    }

}
后台显示的效果如下图所示：
QQ图片20181129171311.png

 

如何创建谷歌再营销来提升企业推广效果呢？

Google SEO • Leo 发表了文章 • 1 个评论 • 63 次浏览 • 2018-11-29 16:47 • 来自相关话题

每一个访问我们网站的用户，都说明对咱们的产品有兴趣，是很重要的意向用户。他们因为种种原因离开我们的网站并不意味着销售的完结。我们可以通过AdWords再营销广告，创建再营销列表，对这些客户量身定制广告，让客户只要上网就能看到咱们的广告，把他们再一次吸引到网站上来。

构建再营销列表有两种常见途径：AdWords和Google Analytics。

今天为大家讲解的是通过Adwords创建再营销列表。

再营销列表首要收集足够多的数据，这些数据从何而来？

首先，最重要的前提是将 AdWords 代码添加到网站后台，才能开始为再营销列表和转化跟踪收集数据，收集到足够多的数据之后，就可以创建再营销列表了。

例如，我们可以为访问过主推产品类别网页的用户创建一个再营销列表。再营销代码会将访问者保存至您的“主推类别列表”。当用户访问该网页时，其 Cookie ID 就会被添加到该再营销列表中。

在这以网站访问者为例，来为大家详细介绍。

根据网页访问者的访问行为自定义参数来确定要定位和排除的用户群体。

AdWords提供了基本的模板，我们可以针对来到自己的网站的特定受众群体创建专用的再营销列表。这种类型再营销列表有以下几种自定义设置，便于我们更加高效地创建列表。

通过这些选择，您可以定位到访问过您网站的所有用户，也可以只定位到某些特定用户，比如定位到来过网站但是没有形成转化的用户，比如没有下单或没有询盘，还可以定位到一段时间以前有过购买或其他转化的用户。创建好这些用户群体后，再撰写有针对性的广告创意，通过促销活动，特别优惠等噱头把用户再次吸引回来。

输入成员资格有效期，即希望访问者留在列表中的天数，有效期上限为540天，这个时间是可以随时修改的。

根据需要创建任意数量的再营销列表。创建完成后，制作新的广告系列和广告组来添加再营销列表，与非再营销广告分开投放。 查看全部
每一个访问我们网站的用户，都说明对咱们的产品有兴趣，是很重要的意向用户。他们因为种种原因离开我们的网站并不意味着销售的完结。我们可以通过AdWords再营销广告，创建再营销列表，对这些客户量身定制广告，让客户只要上网就能看到咱们的广告，把他们再一次吸引到网站上来。

构建再营销列表有两种常见途径：AdWords和Google Analytics。

今天为大家讲解的是通过Adwords创建再营销列表。

再营销列表首要收集足够多的数据，这些数据从何而来？

首先，最重要的前提是将 AdWords 代码添加到网站后台，才能开始为再营销列表和转化跟踪收集数据，收集到足够多的数据之后，就可以创建再营销列表了。

例如，我们可以为访问过主推产品类别网页的用户创建一个再营销列表。再营销代码会将访问者保存至您的“主推类别列表”。当用户访问该网页时，其 Cookie ID 就会被添加到该再营销列表中。

在这以网站访问者为例，来为大家详细介绍。

根据网页访问者的访问行为自定义参数来确定要定位和排除的用户群体。

AdWords提供了基本的模板，我们可以针对来到自己的网站的特定受众群体创建专用的再营销列表。这种类型再营销列表有以下几种自定义设置，便于我们更加高效地创建列表。

通过这些选择，您可以定位到访问过您网站的所有用户，也可以只定位到某些特定用户，比如定位到来过网站但是没有形成转化的用户，比如没有下单或没有询盘，还可以定位到一段时间以前有过购买或其他转化的用户。创建好这些用户群体后，再撰写有针对性的广告创意，通过促销活动，特别优惠等噱头把用户再次吸引回来。

输入成员资格有效期，即希望访问者留在列表中的天数，有效期上限为540天，这个时间是可以随时修改的。

根据需要创建任意数量的再营销列表。创建完成后，制作新的广告系列和广告组来添加再营销列表，与非再营销广告分开投放。

WP Favorite Posts 的使用方法（可用于收藏文章、产品）

WordPress • Leo 发表了文章 • 1 个评论 • 45 次浏览 • 2018-11-28 10:10 • 来自相关话题

首先 WP Favorite Posts安装这个插件，




配置插件，最重要的是 Don't load js file这个选项要勾选，这样当你收藏这个产品的时候页面会自动刷新，列表就会更新。我之前试过不勾选这个选项，结果是我收藏了产品，但是列表没有更新（需要我手动去刷新页面）。
                <div class="favorite">
                    <?php wpfp_link() ?> //这是调用收藏按钮
                    <?php dynamic_sidebar( 'sidebar-4' ); ?> //这是这个插件在小工具widgets中提供的收藏列表功能，我这个小工具的id为sidebar-4
                </div>
 





 
具体效果如下图所示：










  查看全部
首先 WP Favorite Posts安装这个插件，
3.png

配置插件，最重要的是 Don't load js file这个选项要勾选，这样当你收藏这个产品的时候页面会自动刷新，列表就会更新。我之前试过不勾选这个选项，结果是我收藏了产品，但是列表没有更新（需要我手动去刷新页面）。
                <div class="favorite">
                    <?php wpfp_link() ?> //这是调用收藏按钮
                    <?php dynamic_sidebar( 'sidebar-4' ); ?> //这是这个插件在小工具widgets中提供的收藏列表功能，我这个小工具的id为sidebar-4
                </div>
 

4.png

 
具体效果如下图所示：

1.png


2.png

 

window.print()如何打印指定区域

WordPress • Leo 发表了文章 • 2 个评论 • 53 次浏览 • 2018-11-21 14:47 • 来自相关话题

@media print{
    .noprint{
        display: none;
    }
}
定义一个class，noprint
然后可以给你不想打印的地方加上noprint这个class，这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
 
其实window.print()就是执行了浏览器自带的一个打印功能，让我们不用在浏览器上找打印，而直接通过点击网页上面任意一个已规定好的元素，进行打印。发现这种打印是没办法打印JavaScript以及多数css（有少部分css样式可以打印出来），只能就是打印一下图文 查看全部

@media print{
    .noprint{
        display: none;
    }
}
定义一个class，noprint
然后可以给你不想打印的地方加上noprint这个class，这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
 
其实window.print()就是执行了浏览器自带的一个打印功能，让我们不用在浏览器上找打印，而直接通过点击网页上面任意一个已规定好的元素，进行打印。发现这种打印是没办法打印JavaScript以及多数css（有少部分css样式可以打印出来），只能就是打印一下图文

推荐两个lazy load 插件

WordPress • Leo 发表了文章 • 1 个评论 • 48 次浏览 • 2018-11-21 10:19 • 来自相关话题

1、​a3 Lazy Load   （10W激活量，可放心使用）





 
2、Lazy Load by WP Rocket 作者WP Media  是wp-rockets开发团队开发的补丁插件，只需激活即可
 

经过测试，这两个插件在多数网站是没有问题的，具体根据不同网站实际情况使用。网站加载速度有肉眼可见的提升，不过在得分上面还是没有很明显的提升，因为谷歌对各项资源加载的要求是非常苛刻的，举例：一张1920px*500px的banner图，压缩至200kb不到，但是谷歌要求你还要减掉一半多的资源大小，这样肯定会严重影响图片清晰度。
谷歌page得分提升之路漫长，仍需努力！ 查看全部
1、​a3 Lazy Load   （10W激活量，可放心使用）

1542765987(1).jpg

 
2、Lazy Load by WP Rocket 作者WP Media  是wp-rockets开发团队开发的补丁插件，只需激活即可
 

经过测试，这两个插件在多数网站是没有问题的，具体根据不同网站实际情况使用。网站加载速度有肉眼可见的提升，不过在得分上面还是没有很明显的提升，因为谷歌对各项资源加载的要求是非常苛刻的，举例：一张1920px*500px的banner图，压缩至200kb不到，但是谷歌要求你还要减掉一半多的资源大小，这样肯定会严重影响图片清晰度。
谷歌page得分提升之路漫长，仍需努力！

产品详情页可以用的放大镜效果

WordPress • Leo 发表了文章 • 2 个评论 • 67 次浏览 • 2018-11-16 13:49 • 来自相关话题

效果图：








 
/*引入资源*/
<link rel="stylesheet" href="css/smoothproducts.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smoothproducts.min.js"></script>
 /*html+php*/             
       <div class="sp-wrap">
                            <?php if( have_rows('image_gallery') ): ?>
                            <?php while( have_rows('image_gallery') ): the_row(); 
                                        $image = get_sub_field('add_img');
                                        $image_url = $image[url];
                            ?>
                            <a href="<?php echo $image_url ?>">
                                <img alt="<?php the_title();?>" src="<?php bloginfo('template_url')?>/timthumb.php?src=<?php echo $image_url ?>&w=400;&h=400;&zc=1" width="400" height="400" class="img-responsive"/>
                            </a>
                           <?php endwhile;endif;?>
                    </div>
 
/*jquery配置*/
<script type="text/javascript">
    /* wait for images to load */
    $(window).load(function() {
        $('.sp-wrap').smoothproducts();
    });
</script>
 
资源包下载：
看附件 查看全部
效果图：
2.png

1.png

 
/*引入资源*/
<link rel="stylesheet" href="css/smoothproducts.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smoothproducts.min.js"></script>
 /*html+php*/             
       <div class="sp-wrap">
                            <?php if( have_rows('image_gallery') ): ?>
                            <?php while( have_rows('image_gallery') ): the_row(); 
                                        $image = get_sub_field('add_img');
                                        $image_url = $image[url];
                            ?>
                            <a href="<?php echo $image_url ?>">
                                <img alt="<?php the_title();?>" src="<?php bloginfo('template_url')?>/timthumb.php?src=<?php echo $image_url ?>&w=400;&h=400;&zc=1" width="400" height="400" class="img-responsive"/>
                            </a>
                           <?php endwhile;endif;?>
                    </div>
 
/*jquery配置*/
<script type="text/javascript">
    /* wait for images to load */
    $(window).load(function() {
        $('.sp-wrap').smoothproducts();
    });
</script>
 
资源包下载：
看附件

利用bootstrap模态框做网站升级维护的提示消息框

WordPress • Leo 发表了文章 • 1 个评论 • 63 次浏览 • 2018-11-14 09:12 • 来自相关话题

 <link rel="stylesheet" href="/notification/css/bootstrap.min.css">
<script src="/notification/js/jquery.min.js"></script>          
<script src="/notification/js/bootstrap.min.js"></script>
  <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Website is being upgraded and maintained
                        </h4>
                    </div>
                    <div class="modal-body">
                        We will resume normal access as soon as possible<br>
                        Expect one hour,Stay tuned<br>
                        <div id="show"></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    <script>
         //加载模态框
         $('#myModal').modal();

        var show = document.getElementById("show");  
        setInterval(function() {   
        var time = new Date();   // 程序计时的月从0开始取值后+1   
        var m = time.getMonth() + 1;   
        var t = time.getFullYear() + "-" + m + "-"     
        + time.getDate() + " " + time.getHours() + ":"     
        + time.getMinutes() + ":" + time.getSeconds();   
        show.innerHTML = t;  
        }, 100); 

    </script>
<style>
/*模态框*/
.modal-body{
    font-size: 18px;
}
#show{
    font-size: 30px;
}
.modal-open{
    overflow-y: scroll;
    padding-right: 0 !important;
}
/*主要是最后一个css样式，是fix掉bootstrap模态框关闭时的抖动问题*/
</style> 查看全部
1.png

 <link rel="stylesheet" href="/notification/css/bootstrap.min.css">
<script src="/notification/js/jquery.min.js"></script>          
<script src="/notification/js/bootstrap.min.js"></script>
  <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Website is being upgraded and maintained
                        </h4>
                    </div>
                    <div class="modal-body">
                        We will resume normal access as soon as possible<br>
                        Expect one hour,Stay tuned<br>
                        <div id="show"></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    <script>
         //加载模态框
         $('#myModal').modal();

        var show = document.getElementById("show");  
        setInterval(function() {   
        var time = new Date();   // 程序计时的月从0开始取值后+1   
        var m = time.getMonth() + 1;   
        var t = time.getFullYear() + "-" + m + "-"     
        + time.getDate() + " " + time.getHours() + ":"     
        + time.getMinutes() + ":" + time.getSeconds();   
        show.innerHTML = t;  
        }, 100); 

    </script>
<style>
/*模态框*/
.modal-body{
    font-size: 18px;
}
#show{
    font-size: 30px;
}
.modal-open{
    overflow-y: scroll;
    padding-right: 0 !important;
}
/*主要是最后一个css样式，是fix掉bootstrap模态框关闭时的抖动问题*/
</style>

wordpress升级主程序、主题、插件时卡住

WordPress • Leo 发表了文章 • 1 个评论 • 66 次浏览 • 2018-11-12 16:01 • 来自相关话题

我们在对wordpress主程序、wordpress主题或者wordpress插件升级的时候，在升级过程自动安装中有时候会出现“正在执行例行维护，请一分钟后回来”的提示，一般在升级结束之后就会自动回复网站原样。

但是有时候会遇到卡住的情况，也就是前端一直会显示这个提示，并且后台刷新之后也显示这个提示，无法进行操作。

遇到这个问题我们应该如何解决呢？
 
通常的做法是 使用FTP或者其他方式登录你的网站目录，你会发现网站根目录下多了一个.maintenance 文件，那么删除WordPress根目录下的 .maintenance ，刷新即可恢复。

而有的时候，在某些服务器上，登陆FTP查看网站文件无法找到.maintenance 文件，这也有可能是卡住之后某些程序没有正常运行所造成的，因此你可以尝试在电脑上创建一个空的txt文件，并将此文件命名为.maintenance ，传到你的网站根目录下，刷新网站即可恢复正常，并且刷新ftp目录，也会发现这个文件自动消失了。 查看全部
我们在对wordpress主程序、wordpress主题或者wordpress插件升级的时候，在升级过程自动安装中有时候会出现“正在执行例行维护，请一分钟后回来”的提示，一般在升级结束之后就会自动回复网站原样。

但是有时候会遇到卡住的情况，也就是前端一直会显示这个提示，并且后台刷新之后也显示这个提示，无法进行操作。

遇到这个问题我们应该如何解决呢？
 
通常的做法是 使用FTP或者其他方式登录你的网站目录，你会发现网站根目录下多了一个.maintenance 文件，那么删除WordPress根目录下的 .maintenance ，刷新即可恢复。

而有的时候，在某些服务器上，登陆FTP查看网站文件无法找到.maintenance 文件，这也有可能是卡住之后某些程序没有正常运行所造成的，因此你可以尝试在电脑上创建一个空的txt文件，并将此文件命名为.maintenance ，传到你的网站根目录下，刷新网站即可恢复正常，并且刷新ftp目录，也会发现这个文件自动消失了。
更多...
条新动态, 点击查看
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了
 
2 1 收藏 分享
lena

lena 回答了问题 • 2018-01-30 15:24 • 2 个回复 不感兴趣

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

赞同来自:

把​Rocket Loader给关掉内容就可以出现了，虽然可以提速但是有时也会出现问题
把​Rocket Loader给关掉内容就可以出现了，虽然可以提速但是有时也会出现问题
1 1 收藏 分享
更多...

wordpress指定插件禁止更新

WordPress • Leo 发表了文章 • 1 个评论 • 452 次浏览 • 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以及一些布局上不错的小细节

WordPress • Leo 发表了文章 • 1 个评论 • 357 次浏览 • 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

 

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

WordPress • Leo 发表了文章 • 1 个评论 • 345 次浏览 • 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

WordPress • Leo 发表了文章 • 2 个评论 • 562 次浏览 • 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）解决方法

WordPress • Leo 发表了文章 • 1 个评论 • 401 次浏览 • 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 属性必不可少，如下所示：

WordPress • Leo 发表了文章 • 1 个评论 • 705 次浏览 • 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和遨游浏览器底下字体会被截取一半的兼容性问题

WordPress • lena 发表了文章 • 3 个评论 • 385 次浏览 • 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的状态

WordPress • Bob 发表了文章 • 1 个评论 • 534 次浏览 • 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的一个愚见

WordPress • Leo 发表了文章 • 1 个评论 • 366 次浏览 • 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搭建的国外知名网站

WordPress • Eastern_Design_Studio 发表了文章 • 0 个评论 • 422 次浏览 • 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


更多...

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

回复

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

在页面中插入可以同步至MailChimp列表的表单

回复

WordPress • Eastern_Design_Studio 回复了问题 • 2 人关注 • 1 个回复 • 135 次浏览 • 2018-10-16 15:04 • 来自相关话题

关于国内的视频网站

回复

WordPress • Eastern_Design_Studio 回复了问题 • 2 人关注 • 2 个回复 • 160 次浏览 • 2018-09-28 15:03 • 来自相关话题

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

回复

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

ssl怎么安装？（从零开始）

回复

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

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

回复

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

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

回复

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

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

回复

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

更多...

关于WP Engine空间

WordPress • Leo 发表了文章 • 1 个评论 • 39 次浏览 • 6 天前 • 来自相关话题

细心的朋友可能会发现，其实WP正是WordPress的简称，这也就意味着WP Engine与其他美国主机商是不一样的，因为WP Engine只提供WordPress主机产品。
目前WP Engine主机共提供STARTUP、GROWTH、SCALE三款主机方案，都是非常适合用来搭建WordPress网站的。不过需要注意的，WP Engine主机价格却不便宜，最低价格是35美元/月（年付款可赠送2个月免费使用时间）
当然了，我还是不推荐这种主机的，没有操作上的难点，适合服务器小白使用，但是价格高，简言之，拿钱换方便，全自动，所谓全自动，也就是你的所有空间信息、域名信息（因为要绑定域名）也全是被其他人掌握的，你只需小手一点，一切便开始，便结束了。（好吧，这话是违心了）
废话不多说，以下是关于这个WP Engine的使用方法，我把迁移网站需要的一些必要设置列一下（顺序不分先后）：
1、add domain （注意带www，我试过不带www，不会自动跳转，即使你解析那www记录添加了也不会跳转）




2、创建sftp 用户
3、wp-site-migrate安装这个插件（我已上传至附近，也可以在官网下载） 需添加你的wp engine登入邮箱、域名（注意带www）、主机ip地址和上一条提到的sftp用户名和密码，然后就可以开始Migrate迁移
4、迁移的时候只需配置前面几项，后面可选的可以不填，域名（带www），sftp用户名密码、ip地址，save一下就可以下一步，看到迁移进度条了，总共三个进度条，等全部100%之时，网站便已迁移成功可以打开了。
5、网站的用户名密码将是迁移之前网站的用户名密码
6、接着你可以配置ssl证书，最便宜的空间套餐是只能用空间提供的免费ssl和购买空间提供的rapidssl；
你还可以开启你网站的cdn；配置网站备份backup point以防万一；配置重定向等等；
 
在WP Engine空间成功开通一个网站后，也算是小小的颠覆了我以往对于网站开通的理解，当然是步骤上而非理念，不过是将步骤简化吧。
可能这就是一个新的趋势吧，所谓创新即将想法付诸于商业。 查看全部
细心的朋友可能会发现，其实WP正是WordPress的简称，这也就意味着WP Engine与其他美国主机商是不一样的，因为WP Engine只提供WordPress主机产品。
目前WP Engine主机共提供STARTUP、GROWTH、SCALE三款主机方案，都是非常适合用来搭建WordPress网站的。不过需要注意的，WP Engine主机价格却不便宜，最低价格是35美元/月（年付款可赠送2个月免费使用时间）
当然了，我还是不推荐这种主机的，没有操作上的难点，适合服务器小白使用，但是价格高，简言之，拿钱换方便，全自动，所谓全自动，也就是你的所有空间信息、域名信息（因为要绑定域名）也全是被其他人掌握的，你只需小手一点，一切便开始，便结束了。（好吧，这话是违心了）
废话不多说，以下是关于这个WP Engine的使用方法，我把迁移网站需要的一些必要设置列一下（顺序不分先后）：
1、add domain （注意带www，我试过不带www，不会自动跳转，即使你解析那www记录添加了也不会跳转）
1.png

2、创建sftp 用户
3、wp-site-migrate安装这个插件（我已上传至附近，也可以在官网下载） 需添加你的wp engine登入邮箱、域名（注意带www）、主机ip地址和上一条提到的sftp用户名和密码，然后就可以开始Migrate迁移
4、迁移的时候只需配置前面几项，后面可选的可以不填，域名（带www），sftp用户名密码、ip地址，save一下就可以下一步，看到迁移进度条了，总共三个进度条，等全部100%之时，网站便已迁移成功可以打开了。
5、网站的用户名密码将是迁移之前网站的用户名密码
6、接着你可以配置ssl证书，最便宜的空间套餐是只能用空间提供的免费ssl和购买空间提供的rapidssl；
你还可以开启你网站的cdn；配置网站备份backup point以防万一；配置重定向等等；
 
在WP Engine空间成功开通一个网站后，也算是小小的颠覆了我以往对于网站开通的理解，当然是步骤上而非理念，不过是将步骤简化吧。
可能这就是一个新的趋势吧，所谓创新即将想法付诸于商业。

zoho salesiq设置时候的一个注意点，设置错误会导致网站报错，影响加载

WordPress • Leo 发表了文章 • 1 个评论 • 32 次浏览 • 2018-12-05 09:14 • 来自相关话题

上图这个报错，就是因为在salesiq设置的时候，开启了公司logo功能，而并没有上传logo，这个要注意，发现不少用了salesiq的网站都有这个报错。
下图为其中一处关闭logo按钮的地方，总共有两处设置logo的地方，一个是浮动框，一个是内容框





  查看全部

4.png

上图这个报错，就是因为在salesiq设置的时候，开启了公司logo功能，而并没有上传logo，这个要注意，发现不少用了salesiq的网站都有这个报错。
下图为其中一处关闭logo按钮的地方，总共有两处设置logo的地方，一个是浮动框，一个是内容框
3.png


 

在Woocommerce后台订单列表页面添加购买产品的详细信息

WordPress • Bob 发表了文章 • 1 个评论 • 44 次浏览 • 2018-11-29 17:13 • 来自相关话题

现在越来越多的用户开始使用woocommerce来搭建自己的电商网站，woocommerce插件的后台界面已经非常详细的列出了相关信息，但是如果想在订单列表页面添加用户所购买产品的详细信息，需要在主题跟目录下面的functions.php文件里面添加一下代码：
add_filter( 'manage_edit-shop_order_columns', 'show_product_order',15 );
function show_product_order($columns){

//添加一列信息
$columns['product-display'] = __( 'Central Pedder Building Gallery Tour');
return $columns;
}然后在当前这段代码的下面在添加一段代码：
add_action( 'manage_shop_order_posts_custom_column' , 'snv_custom_shop_order_column', 10, 2 );
function snv_custom_shop_order_column( $column ) {
global $post, $woocommerce, $the_order;

switch ( $column ) {
case 'product-display' :
$terms = $the_order->get_items();

if ( is_array( $terms ) ) {
foreach($terms as $term)
{
echo $term['item_meta']['_qty'][0] .' ' . $term['name'] .'';
}
} else {
_e( 'Error!', 'woocommerce' );
}
break;

}
}后台显示的效果如下图所示：




  查看全部
现在越来越多的用户开始使用woocommerce来搭建自己的电商网站，woocommerce插件的后台界面已经非常详细的列出了相关信息，但是如果想在订单列表页面添加用户所购买产品的详细信息，需要在主题跟目录下面的functions.php文件里面添加一下代码：
add_filter( 'manage_edit-shop_order_columns', 'show_product_order',15 );

function show_product_order($columns){



//添加一列信息

$columns['product-display'] = __( 'Central Pedder Building Gallery Tour');

  return $columns;

}
然后在当前这段代码的下面在添加一段代码：
add_action( 'manage_shop_order_posts_custom_column' , 'snv_custom_shop_order_column', 10, 2 );

function snv_custom_shop_order_column( $column ) {

 global $post, $woocommerce, $the_order;



    switch ( $column ) {

        case 'product-display' :

          $terms = $the_order->get_items();



          if ( is_array( $terms ) ) {

                foreach($terms as $term)

        {

        echo $term['item_meta']['_qty'][0] .'  ' . $term['name'] .'';

        }

              } else {

                _e( 'Error!', 'woocommerce' );

        }

            break;



    }

}
后台显示的效果如下图所示：
QQ图片20181129171311.png

 

如何创建谷歌再营销来提升企业推广效果呢？

Google SEO • Leo 发表了文章 • 1 个评论 • 63 次浏览 • 2018-11-29 16:47 • 来自相关话题

每一个访问我们网站的用户，都说明对咱们的产品有兴趣，是很重要的意向用户。他们因为种种原因离开我们的网站并不意味着销售的完结。我们可以通过AdWords再营销广告，创建再营销列表，对这些客户量身定制广告，让客户只要上网就能看到咱们的广告，把他们再一次吸引到网站上来。

构建再营销列表有两种常见途径：AdWords和Google Analytics。

今天为大家讲解的是通过Adwords创建再营销列表。

再营销列表首要收集足够多的数据，这些数据从何而来？

首先，最重要的前提是将 AdWords 代码添加到网站后台，才能开始为再营销列表和转化跟踪收集数据，收集到足够多的数据之后，就可以创建再营销列表了。

例如，我们可以为访问过主推产品类别网页的用户创建一个再营销列表。再营销代码会将访问者保存至您的“主推类别列表”。当用户访问该网页时，其 Cookie ID 就会被添加到该再营销列表中。

在这以网站访问者为例，来为大家详细介绍。

根据网页访问者的访问行为自定义参数来确定要定位和排除的用户群体。

AdWords提供了基本的模板，我们可以针对来到自己的网站的特定受众群体创建专用的再营销列表。这种类型再营销列表有以下几种自定义设置，便于我们更加高效地创建列表。

通过这些选择，您可以定位到访问过您网站的所有用户，也可以只定位到某些特定用户，比如定位到来过网站但是没有形成转化的用户，比如没有下单或没有询盘，还可以定位到一段时间以前有过购买或其他转化的用户。创建好这些用户群体后，再撰写有针对性的广告创意，通过促销活动，特别优惠等噱头把用户再次吸引回来。

输入成员资格有效期，即希望访问者留在列表中的天数，有效期上限为540天，这个时间是可以随时修改的。

根据需要创建任意数量的再营销列表。创建完成后，制作新的广告系列和广告组来添加再营销列表，与非再营销广告分开投放。 查看全部
每一个访问我们网站的用户，都说明对咱们的产品有兴趣，是很重要的意向用户。他们因为种种原因离开我们的网站并不意味着销售的完结。我们可以通过AdWords再营销广告，创建再营销列表，对这些客户量身定制广告，让客户只要上网就能看到咱们的广告，把他们再一次吸引到网站上来。

构建再营销列表有两种常见途径：AdWords和Google Analytics。

今天为大家讲解的是通过Adwords创建再营销列表。

再营销列表首要收集足够多的数据，这些数据从何而来？

首先，最重要的前提是将 AdWords 代码添加到网站后台，才能开始为再营销列表和转化跟踪收集数据，收集到足够多的数据之后，就可以创建再营销列表了。

例如，我们可以为访问过主推产品类别网页的用户创建一个再营销列表。再营销代码会将访问者保存至您的“主推类别列表”。当用户访问该网页时，其 Cookie ID 就会被添加到该再营销列表中。

在这以网站访问者为例，来为大家详细介绍。

根据网页访问者的访问行为自定义参数来确定要定位和排除的用户群体。

AdWords提供了基本的模板，我们可以针对来到自己的网站的特定受众群体创建专用的再营销列表。这种类型再营销列表有以下几种自定义设置，便于我们更加高效地创建列表。

通过这些选择，您可以定位到访问过您网站的所有用户，也可以只定位到某些特定用户，比如定位到来过网站但是没有形成转化的用户，比如没有下单或没有询盘，还可以定位到一段时间以前有过购买或其他转化的用户。创建好这些用户群体后，再撰写有针对性的广告创意，通过促销活动，特别优惠等噱头把用户再次吸引回来。

输入成员资格有效期，即希望访问者留在列表中的天数，有效期上限为540天，这个时间是可以随时修改的。

根据需要创建任意数量的再营销列表。创建完成后，制作新的广告系列和广告组来添加再营销列表，与非再营销广告分开投放。

WP Favorite Posts 的使用方法（可用于收藏文章、产品）

WordPress • Leo 发表了文章 • 1 个评论 • 45 次浏览 • 2018-11-28 10:10 • 来自相关话题

首先 WP Favorite Posts安装这个插件，




配置插件，最重要的是 Don't load js file这个选项要勾选，这样当你收藏这个产品的时候页面会自动刷新，列表就会更新。我之前试过不勾选这个选项，结果是我收藏了产品，但是列表没有更新（需要我手动去刷新页面）。
                <div class="favorite">
                    <?php wpfp_link() ?> //这是调用收藏按钮
                    <?php dynamic_sidebar( 'sidebar-4' ); ?> //这是这个插件在小工具widgets中提供的收藏列表功能，我这个小工具的id为sidebar-4
                </div>
 





 
具体效果如下图所示：










  查看全部
首先 WP Favorite Posts安装这个插件，
3.png

配置插件，最重要的是 Don't load js file这个选项要勾选，这样当你收藏这个产品的时候页面会自动刷新，列表就会更新。我之前试过不勾选这个选项，结果是我收藏了产品，但是列表没有更新（需要我手动去刷新页面）。
                <div class="favorite">
                    <?php wpfp_link() ?> //这是调用收藏按钮
                    <?php dynamic_sidebar( 'sidebar-4' ); ?> //这是这个插件在小工具widgets中提供的收藏列表功能，我这个小工具的id为sidebar-4
                </div>
 

4.png

 
具体效果如下图所示：

1.png


2.png

 

window.print()如何打印指定区域

WordPress • Leo 发表了文章 • 2 个评论 • 53 次浏览 • 2018-11-21 14:47 • 来自相关话题

@media print{
    .noprint{
        display: none;
    }
}
定义一个class，noprint
然后可以给你不想打印的地方加上noprint这个class，这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
 
其实window.print()就是执行了浏览器自带的一个打印功能，让我们不用在浏览器上找打印，而直接通过点击网页上面任意一个已规定好的元素，进行打印。发现这种打印是没办法打印JavaScript以及多数css（有少部分css样式可以打印出来），只能就是打印一下图文 查看全部

@media print{
    .noprint{
        display: none;
    }
}
定义一个class，noprint
然后可以给你不想打印的地方加上noprint这个class，这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
 
其实window.print()就是执行了浏览器自带的一个打印功能，让我们不用在浏览器上找打印，而直接通过点击网页上面任意一个已规定好的元素，进行打印。发现这种打印是没办法打印JavaScript以及多数css（有少部分css样式可以打印出来），只能就是打印一下图文

推荐两个lazy load 插件

WordPress • Leo 发表了文章 • 1 个评论 • 48 次浏览 • 2018-11-21 10:19 • 来自相关话题

1、​a3 Lazy Load   （10W激活量，可放心使用）





 
2、Lazy Load by WP Rocket 作者WP Media  是wp-rockets开发团队开发的补丁插件，只需激活即可
 

经过测试，这两个插件在多数网站是没有问题的，具体根据不同网站实际情况使用。网站加载速度有肉眼可见的提升，不过在得分上面还是没有很明显的提升，因为谷歌对各项资源加载的要求是非常苛刻的，举例：一张1920px*500px的banner图，压缩至200kb不到，但是谷歌要求你还要减掉一半多的资源大小，这样肯定会严重影响图片清晰度。
谷歌page得分提升之路漫长，仍需努力！ 查看全部
1、​a3 Lazy Load   （10W激活量，可放心使用）

1542765987(1).jpg

 
2、Lazy Load by WP Rocket 作者WP Media  是wp-rockets开发团队开发的补丁插件，只需激活即可
 

经过测试，这两个插件在多数网站是没有问题的，具体根据不同网站实际情况使用。网站加载速度有肉眼可见的提升，不过在得分上面还是没有很明显的提升，因为谷歌对各项资源加载的要求是非常苛刻的，举例：一张1920px*500px的banner图，压缩至200kb不到，但是谷歌要求你还要减掉一半多的资源大小，这样肯定会严重影响图片清晰度。
谷歌page得分提升之路漫长，仍需努力！

产品详情页可以用的放大镜效果

WordPress • Leo 发表了文章 • 2 个评论 • 67 次浏览 • 2018-11-16 13:49 • 来自相关话题

效果图：








 
/*引入资源*/
<link rel="stylesheet" href="css/smoothproducts.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smoothproducts.min.js"></script>
 /*html+php*/             
       <div class="sp-wrap">
                            <?php if( have_rows('image_gallery') ): ?>
                            <?php while( have_rows('image_gallery') ): the_row(); 
                                        $image = get_sub_field('add_img');
                                        $image_url = $image[url];
                            ?>
                            <a href="<?php echo $image_url ?>">
                                <img alt="<?php the_title();?>" src="<?php bloginfo('template_url')?>/timthumb.php?src=<?php echo $image_url ?>&w=400;&h=400;&zc=1" width="400" height="400" class="img-responsive"/>
                            </a>
                           <?php endwhile;endif;?>
                    </div>
 
/*jquery配置*/
<script type="text/javascript">
    /* wait for images to load */
    $(window).load(function() {
        $('.sp-wrap').smoothproducts();
    });
</script>
 
资源包下载：
看附件 查看全部
效果图：
2.png

1.png

 
/*引入资源*/
<link rel="stylesheet" href="css/smoothproducts.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smoothproducts.min.js"></script>
 /*html+php*/             
       <div class="sp-wrap">
                            <?php if( have_rows('image_gallery') ): ?>
                            <?php while( have_rows('image_gallery') ): the_row(); 
                                        $image = get_sub_field('add_img');
                                        $image_url = $image[url];
                            ?>
                            <a href="<?php echo $image_url ?>">
                                <img alt="<?php the_title();?>" src="<?php bloginfo('template_url')?>/timthumb.php?src=<?php echo $image_url ?>&w=400;&h=400;&zc=1" width="400" height="400" class="img-responsive"/>
                            </a>
                           <?php endwhile;endif;?>
                    </div>
 
/*jquery配置*/
<script type="text/javascript">
    /* wait for images to load */
    $(window).load(function() {
        $('.sp-wrap').smoothproducts();
    });
</script>
 
资源包下载：
看附件

利用bootstrap模态框做网站升级维护的提示消息框

WordPress • Leo 发表了文章 • 1 个评论 • 63 次浏览 • 2018-11-14 09:12 • 来自相关话题

 <link rel="stylesheet" href="/notification/css/bootstrap.min.css">
<script src="/notification/js/jquery.min.js"></script>          
<script src="/notification/js/bootstrap.min.js"></script>
  <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Website is being upgraded and maintained
                        </h4>
                    </div>
                    <div class="modal-body">
                        We will resume normal access as soon as possible<br>
                        Expect one hour,Stay tuned<br>
                        <div id="show"></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    <script>
         //加载模态框
         $('#myModal').modal();

        var show = document.getElementById("show");  
        setInterval(function() {   
        var time = new Date();   // 程序计时的月从0开始取值后+1   
        var m = time.getMonth() + 1;   
        var t = time.getFullYear() + "-" + m + "-"     
        + time.getDate() + " " + time.getHours() + ":"     
        + time.getMinutes() + ":" + time.getSeconds();   
        show.innerHTML = t;  
        }, 100); 

    </script>
<style>
/*模态框*/
.modal-body{
    font-size: 18px;
}
#show{
    font-size: 30px;
}
.modal-open{
    overflow-y: scroll;
    padding-right: 0 !important;
}
/*主要是最后一个css样式，是fix掉bootstrap模态框关闭时的抖动问题*/
</style> 查看全部
1.png

 <link rel="stylesheet" href="/notification/css/bootstrap.min.css">
<script src="/notification/js/jquery.min.js"></script>          
<script src="/notification/js/bootstrap.min.js"></script>
  <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
             aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close"
                                data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Website is being upgraded and maintained
                        </h4>
                    </div>
                    <div class="modal-body">
                        We will resume normal access as soon as possible<br>
                        Expect one hour,Stay tuned<br>
                        <div id="show"></div>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    <script>
         //加载模态框
         $('#myModal').modal();

        var show = document.getElementById("show");  
        setInterval(function() {   
        var time = new Date();   // 程序计时的月从0开始取值后+1   
        var m = time.getMonth() + 1;   
        var t = time.getFullYear() + "-" + m + "-"     
        + time.getDate() + " " + time.getHours() + ":"     
        + time.getMinutes() + ":" + time.getSeconds();   
        show.innerHTML = t;  
        }, 100); 

    </script>
<style>
/*模态框*/
.modal-body{
    font-size: 18px;
}
#show{
    font-size: 30px;
}
.modal-open{
    overflow-y: scroll;
    padding-right: 0 !important;
}
/*主要是最后一个css样式，是fix掉bootstrap模态框关闭时的抖动问题*/
</style>

wordpress升级主程序、主题、插件时卡住

WordPress • Leo 发表了文章 • 1 个评论 • 66 次浏览 • 2018-11-12 16:01 • 来自相关话题

我们在对wordpress主程序、wordpress主题或者wordpress插件升级的时候，在升级过程自动安装中有时候会出现“正在执行例行维护，请一分钟后回来”的提示，一般在升级结束之后就会自动回复网站原样。

但是有时候会遇到卡住的情况，也就是前端一直会显示这个提示，并且后台刷新之后也显示这个提示，无法进行操作。

遇到这个问题我们应该如何解决呢？
 
通常的做法是 使用FTP或者其他方式登录你的网站目录，你会发现网站根目录下多了一个.maintenance 文件，那么删除WordPress根目录下的 .maintenance ，刷新即可恢复。

而有的时候，在某些服务器上，登陆FTP查看网站文件无法找到.maintenance 文件，这也有可能是卡住之后某些程序没有正常运行所造成的，因此你可以尝试在电脑上创建一个空的txt文件，并将此文件命名为.maintenance ，传到你的网站根目录下，刷新网站即可恢复正常，并且刷新ftp目录，也会发现这个文件自动消失了。 查看全部
我们在对wordpress主程序、wordpress主题或者wordpress插件升级的时候，在升级过程自动安装中有时候会出现“正在执行例行维护，请一分钟后回来”的提示，一般在升级结束之后就会自动回复网站原样。

但是有时候会遇到卡住的情况，也就是前端一直会显示这个提示，并且后台刷新之后也显示这个提示，无法进行操作。

遇到这个问题我们应该如何解决呢？
 
通常的做法是 使用FTP或者其他方式登录你的网站目录，你会发现网站根目录下多了一个.maintenance 文件，那么删除WordPress根目录下的 .maintenance ，刷新即可恢复。

而有的时候，在某些服务器上，登陆FTP查看网站文件无法找到.maintenance 文件，这也有可能是卡住之后某些程序没有正常运行所造成的，因此你可以尝试在电脑上创建一个空的txt文件，并将此文件命名为.maintenance ，传到你的网站根目录下，刷新网站即可恢复正常，并且刷新ftp目录，也会发现这个文件自动消失了。
更多...
Copyright © 2018     隽永东方