WordPress

WordPress

WordPress建站及WordPress SEO相关话题
Shopify

Shopify

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

Google SEO

Google SEO相关话题
SEM

SEM

SEM相关话题
Zoho

Zoho

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

EDM

讨论Email Marketing相关话题
Symantec SSL

Symantec SSL

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

隽永东方售后服务

隽永东方售后服务专区

semrush 新推出的文章助理工具

Google SEOcarol 发表了文章 • 1 个评论 • 102 次浏览 • 2018-11-28 10:51 • 来自相关话题

在谷歌算法不断的在升级更新的过程中,我们的工具也随着谷歌的更新提供更加完善。近期semrush已经公测推出 SEO WRITING ASSISTANT ,结合SEO Content  Template写一个检测文章质量,判别文章SEO作用的教程。
 
一、SEO content template能够分析竞争对手的内容,同时能给我们提供撰写获奖优化内容的创意。这个工具会针对提供的目标关键字分析Google排名前10位的内容。随后我们会收到有关如何创建SEO友好文案的建议。





以attitude这个词为例,选择好国家地区后,创建模板。





根据谷歌排名前十的网站,会给出联想关键词,所需字数。这大大的省去了我们对前十网站文章查阅并分析的时间。





随后也会给出文章关键词分布的建议。
 
二、SEO WRITING ASSISTANT这个在当前免费版还无法使用,使用前需要下载google Quick Checker这个插件。将编写完的初稿进行检测,





 根据文章情况会给出具体的分析,然后我们根据分析结果进行适当的修改就可以了。
 
PS: 不管google如何更新算法,都一定会考虑文章的实用性,用户的体验如何。因此,我们还是要十分重视网站的内容更新,紧随时事与需求,提高用户体验。否则即使我们文章排到了谷歌首页,但是内容并不是顾客需要的,跳出率过高,阅读时间过短,都会让谷歌将你的排名降低哦。 查看全部
在谷歌算法不断的在升级更新的过程中,我们的工具也随着谷歌的更新提供更加完善。近期semrush已经公测推出 SEO WRITING ASSISTANT ,结合SEO Content  Template写一个检测文章质量,判别文章SEO作用的教程。
 
一、SEO content template能够分析竞争对手的内容,同时能给我们提供撰写获奖优化内容的创意。这个工具会针对提供的目标关键字分析Google排名前10位的内容。随后我们会收到有关如何创建SEO友好文案的建议。

word_.png

以attitude这个词为例,选择好国家地区后,创建模板。

results.png

根据谷歌排名前十的网站,会给出联想关键词,所需字数。这大大的省去了我们对前十网站文章查阅并分析的时间。

20181128103726.png

随后也会给出文章关键词分布的建议。
 
二、SEO WRITING ASSISTANT这个在当前免费版还无法使用,使用前需要下载google Quick Checker这个插件。将编写完的初稿进行检测,

20181128104444.png

 根据文章情况会给出具体的分析,然后我们根据分析结果进行适当的修改就可以了。
 
PS: 不管google如何更新算法,都一定会考虑文章的实用性,用户的体验如何。因此,我们还是要十分重视网站的内容更新,紧随时事与需求,提高用户体验。否则即使我们文章排到了谷歌首页,但是内容并不是顾客需要的,跳出率过高,阅读时间过短,都会让谷歌将你的排名降低哦。

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

WordPressLeo 发表了文章 • 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()如何打印指定区域

WordPressLeo 发表了文章 • 2 个评论 • 54 次浏览 • 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样式可以打印出来),只能就是打印一下图文

检测英文文章可读性的工具

Google SEOcarol 发表了文章 • 1 个评论 • 86 次浏览 • 2018-11-21 10:37 • 来自相关话题

因为中英文语序以及中外阅读习惯的不同,经常我们在进行网站文章填充时会被检测出文章可读性差等问题(虽可能语法并没有任何错误)。为了避免这样的问题,做到更好的SEO优化,因此推荐使用Hemingwayapp。使用方法很简单,只需要将我们准备的文章粘贴到页面中,它将会检测直接给出文章建议。
 
在谷歌上随便搜索了一个内容,选择了首页上的一篇文章。





将文章内容复制到Hemingway中,会给出以下建议。







当然有时候会不可避免的出现标红的语句,例如介绍产品成分的句子。但是这种句子最好不要占据太大的比例,一般不超过全文的20%。同时,被动语态也是尽可能的少添加在文本中比较好。不论如何,使用工具都是为了能够更好的进行SEO优化,最终文章如何,还是由其根本的结构内容来决定,不需要盲目的全部进行修改。
  查看全部
因为中英文语序以及中外阅读习惯的不同,经常我们在进行网站文章填充时会被检测出文章可读性差等问题(虽可能语法并没有任何错误)。为了避免这样的问题,做到更好的SEO优化,因此推荐使用Hemingwayapp。使用方法很简单,只需要将我们准备的文章粘贴到页面中,它将会检测直接给出文章建议。
 
在谷歌上随便搜索了一个内容,选择了首页上的一篇文章。

eg.png

将文章内容复制到Hemingway中,会给出以下建议。


f.png


当然有时候会不可避免的出现标红的语句,例如介绍产品成分的句子。但是这种句子最好不要占据太大的比例,一般不超过全文的20%。同时,被动语态也是尽可能的少添加在文本中比较好。不论如何,使用工具都是为了能够更好的进行SEO优化,最终文章如何,还是由其根本的结构内容来决定,不需要盲目的全部进行修改。
 

推荐两个lazy load 插件

WordPressLeo 发表了文章 • 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得分提升之路漫长,仍需努力!

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

WordPressLeo 发表了文章 • 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>
 
资源包下载:
看附件

Shopify sections模板文件里面添加text、textarea等字段

ShopifyBob 发表了文章 • 1 个评论 • 116 次浏览 • 2018-11-14 14:16 • 来自相关话题

现在使用Shopify的用户越来越多,但是自己有不会程序的开发,所以基本上都是使用免费或者购买shopify主题来搭建自己的店铺。但不是所有的主题都能完美的符合自己的心意,比如想在一些图片下面添加一段简单的描述、或者在某个板块上面添加一个标题,点单的方法是找到对应的标签下面添加一个标签,然后把一段文字或者一个标题放在里面,但是这样比较麻烦,每次修改还得找到对应的文件,并且还得天天和一大堆HTML打交道,对于不懂得人是一件非常头疼的事情。下面我给大家说一个方法,只要复制粘贴就可以了,
例如;在首页的三个图片的上面和下面添加标题和描述,如图所示:





 
1、首先需要打开后台,进入到代码编辑的部分:




 
同时把Customize theme页面也打开,将标题的输入框放在下图左边的位置:




 
2、然后在sections文件下面找到对应的模块文件,然后鼠标拉到最下面黑色标签位置:




 
3、将下面的代码添加在上图红色位置,





  ,

{
"type": "text",
"id": "title",
"label": "Heading",
"info": "Optional"
}4、然后刷新Customize theme页面,就会看到一个输入框:





 
然后将需要添加的标题写在里面,保存。
 
5、接下来还是回到原来的模块文件,鼠标拉到最上面,并找到需要添加的位置:





 
6、添加以下代码,并保存:




<h2>{{ section.settings.title }}</h2>7、刷新前台,添加的内容就显示了,当然样式要简单的调整下就可以了。





 
图片下面的标题和一段文字也是同样的添加方法:












 
如果想成CheckBox,只要将type改成checkbox,id重新改一个小写的名字,方便调用,label改成一个小的标题就可以。
 
如果在添加的过程中遇到其他的问题,可通过下面的链接联系我们。
https://www.eastdesign.net/contact/ 查看全部
现在使用Shopify的用户越来越多,但是自己有不会程序的开发,所以基本上都是使用免费或者购买shopify主题来搭建自己的店铺。但不是所有的主题都能完美的符合自己的心意,比如想在一些图片下面添加一段简单的描述、或者在某个板块上面添加一个标题,点单的方法是找到对应的标签下面添加一个标签,然后把一段文字或者一个标题放在里面,但是这样比较麻烦,每次修改还得找到对应的文件,并且还得天天和一大堆HTML打交道,对于不懂得人是一件非常头疼的事情。下面我给大家说一个方法,只要复制粘贴就可以了,
例如;在首页的三个图片的上面和下面添加标题和描述,如图所示:

QQ图片20181114134134.png

 
1、首先需要打开后台,进入到代码编辑的部分:
QQ图片20181114133659.png

 
同时把Customize theme页面也打开,将标题的输入框放在下图左边的位置:
QQ图片20181114135135.png

 
2、然后在sections文件下面找到对应的模块文件,然后鼠标拉到最下面黑色标签位置:
QQ图片20181114135425.png

 
3、将下面的代码添加在上图红色位置,

QQ图片20181114135756.png

 
	  ,

{
"type": "text",
"id": "title",
"label": "Heading",
"info": "Optional"
}
4、然后刷新Customize theme页面,就会看到一个输入框:

QQ图片20181114140125.png

 
然后将需要添加的标题写在里面,保存。
 
5、接下来还是回到原来的模块文件,鼠标拉到最上面,并找到需要添加的位置:

QQ图片20181114140434.png

 
6、添加以下代码,并保存:

QQ图片20181114140527.png
<h2>{{ section.settings.title }}</h2>
7、刷新前台,添加的内容就显示了,当然样式要简单的调整下就可以了。

QQ图片20181114140712.png

 
图片下面的标题和一段文字也是同样的添加方法:
QQ图片20181114141042.png

QQ图片20181114141227.png

QQ图片20181114141304.png

 
如果想成CheckBox,只要将type改成checkbox,id重新改一个小写的名字,方便调用,label改成一个小的标题就可以。
 
如果在添加的过程中遇到其他的问题,可通过下面的链接联系我们。
https://www.eastdesign.net/contact/

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

WordPressLeo 发表了文章 • 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升级主程序、主题、插件时卡住

WordPressLeo 发表了文章 • 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目录,也会发现这个文件自动消失了。

cpanel 升级php版本的注意点

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

当我们从5.5、5.6这些旧版本php升级到7.0、7.1、7.2版本时,可能会发现一些php函数报错,这时候可以在cpanel面板的software 下面​EasyApache 4中开启一些对应的php拓展,这样就能解决对应的报错了。
 





 
 





  查看全部
当我们从5.5、5.6这些旧版本php升级到7.0、7.1、7.2版本时,可能会发现一些php函数报错,这时候可以在cpanel面板的software 下面​EasyApache 4中开启一些对应的php拓展,这样就能解决对应的报错了。
 

TIM图片20181109154927.png

 
 

TIM图片20181109155007.png