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安全相关话题
隽永东方售后服务

隽永东方售后服务

隽永东方售后服务专区

想想有几种办法画出来

回复

休闲娱乐Leo 回复了问题 • 1 人关注 • 1 个回复 • 170 次浏览 • 2018-03-30 15:52 • 来自相关话题

如何将百度地图以iframe形式嵌入网站

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

我们常用的百度地图API:http://api.map.baidu.com/lbsapi/creatmap/
这个API是没有iframe分享代码的,只有整个的html。
首先生成一个对应的百度地图html文件,然后将这个文件上传至网站根目录下,获得链接:http://域名/百度地图.html
然后将这个链接放到iframe标签的src属性中。
over! 查看全部
我们常用的百度地图API:http://api.map.baidu.com/lbsapi/creatmap/
这个API是没有iframe分享代码的,只有整个的html。
首先生成一个对应的百度地图html文件,然后将这个文件上传至网站根目录下,获得链接:http://域名/百度地图.html
然后将这个链接放到iframe标签的src属性中。
over!

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

回复

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

Add Expires headers

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

Expires headers 告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expires headers 的设计目的是希望使用缓存来减少HTTP requests的数量,从而减少HTTP相应的大小。

Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的,只有在这个指定的时间期限内,浏览器才会从缓存读取数据,而超过这个时间期限,再次访问同一个页面时浏览器还是会向服务器发起  HTTP requests,从服务器端下载页面所需的文件。
 
HTML 文件不要设置 Expires headers。实际的开发经验告诉我,给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加  Expires headers,也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了:

In general, HTML is not static, and shouldn’t be considered cacheable.

知道要缓存哪些资源文件后,接着就是预判这些文件的变更频率,设置合适的过期时间。还是前面的原则,变更频繁的 Expire 时间就越短,不怎么变动的就可以设置长的过期时间,也就是落实“永不过期”的原则。
 
接下来就是在服务器端设置 Expires headers 了,这里以Apache服务器为例,我们在 .htaccess 文件中配置(.htaccess是跟目录下的一个隐藏文件)添加如下代码:

<IfModule mod_expires.c> 
# Enable expirations 
ExpiresActive On 
# Default directive 
ExpiresDefault "access plus 1 month" 
# My favicon 
ExpiresByType image/x-icon "access plus 1 year" 
# Images 
ExpiresByType image/gif "access plus 1 month" 
ExpiresByType image/png "access plus 1 month" 
ExpiresByType image/jpg "access plus 1 month" 
ExpiresByType image/jpeg "access plus 1 month" 
# CSS 
ExpiresByType text/css "access plus 1 month" 
# Javascript 
ExpiresByType application/javascript "access plus 1 year" </IfModule>
  查看全部
Expires headers 告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expires headers 的设计目的是希望使用缓存来减少HTTP requests的数量,从而减少HTTP相应的大小。

Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的,只有在这个指定的时间期限内,浏览器才会从缓存读取数据,而超过这个时间期限,再次访问同一个页面时浏览器还是会向服务器发起  HTTP requests,从服务器端下载页面所需的文件。
 
HTML 文件不要设置 Expires headers。实际的开发经验告诉我,给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加  Expires headers,也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了:

In general, HTML is not static, and shouldn’t be considered cacheable.

知道要缓存哪些资源文件后,接着就是预判这些文件的变更频率,设置合适的过期时间。还是前面的原则,变更频繁的 Expire 时间就越短,不怎么变动的就可以设置长的过期时间,也就是落实“永不过期”的原则。
 
接下来就是在服务器端设置 Expires headers 了,这里以Apache服务器为例,我们在 .htaccess 文件中配置(.htaccess是跟目录下的一个隐藏文件)添加如下代码:

<IfModule mod_expires.c> 
# Enable expirations 
ExpiresActive On 
# Default directive 
ExpiresDefault "access plus 1 month" 
# My favicon 
ExpiresByType image/x-icon "access plus 1 year" 
# Images 
ExpiresByType image/gif "access plus 1 month" 
ExpiresByType image/png "access plus 1 month" 
ExpiresByType image/jpg "access plus 1 month" 
ExpiresByType image/jpeg "access plus 1 month" 
# CSS 
ExpiresByType text/css "access plus 1 month" 
# Javascript 
ExpiresByType application/javascript "access plus 1 year" </IfModule>
 

jquery小思路

其他Leo 发表了文章 • 1 个评论 • 90 次浏览 • 2018-03-26 16:15 • 来自相关话题

碰到一个需求,可能是自己写html的时候走歪路了,本来是要给图片加个遮罩的,也很容易写好了,但是发现没有加载图片的时候,遮罩还是存在着。
那么我想了一下,可以做一个简单的if判断,当图片src值为空,那么遮罩隐藏
 
var imgsrc=$('.fourrightbox + img').attr('src');
        if(imgsrc == "" || imgsrc == null || imgsrc == undefined){
            $('.fourrightbox').css('display','none');
        }
 
隐藏方法有很多种,你也可以用jquery api里hide()等等 查看全部
碰到一个需求,可能是自己写html的时候走歪路了,本来是要给图片加个遮罩的,也很容易写好了,但是发现没有加载图片的时候,遮罩还是存在着。
那么我想了一下,可以做一个简单的if判断,当图片src值为空,那么遮罩隐藏
 
var imgsrc=$('.fourrightbox + img').attr('src');
        if(imgsrc == "" || imgsrc == null || imgsrc == undefined){
            $('.fourrightbox').css('display','none');
        }
 
隐藏方法有很多种,你也可以用jquery api里hide()等等

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

WordPressLeo 发表了文章 • 1 个评论 • 92 次浏览 • 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文件,不要等到网站被恶意攻击了才去关闭。

前端图片延迟加载和滚动下拉加载

其他Leo 发表了文章 • 2 个评论 • 81 次浏览 • 2018-03-26 11:35 • 来自相关话题

最近看到一篇文章,看了大牛的讲解,感觉整体还是比较容易理解的,可以尝试着玩玩。以下是转载的正文:前端页面的用户体验对于一个网站来说是至关重要的,我们在访问一些图片量比较大的网站的时候,往往会有这样的感受:显示在我电脑屏幕可视区域的图片总是不能及时的刷出来,这就造成了对于一些没有什么耐心的用户而言,他们就不愿意多等下去,索性直接关闭了网站去看其他的网站,这就使得本网站的用户量的流失,这往往是一个网站最不愿意看到的情况,那么对于这样的情况而言,开发者们不断的努力,很快就想到了解决的方案,让在可视区域的图片立即加载进来,而让不在可视区域并且需要通过滚动条进行滚动显示的图片在图片滚动到可视区域内再显示出来,这就比一次性把所有的图片资源加载进来从而造成图片刷新较慢的用户体验好的多的多。 
 那么,图片延迟加载的技术具体如何实现呢?下面来做详细的介绍: 
首先,定义图片为三列,一共有5行,具体代码如下:  










 
里面用到的bootstrap的布局技术(当然,这不是重点),请看img标签中的src,一开始我们并没有给它具体的图片的资源路径,而是自己定义了一个属性 x-src,该属性的值是图片图片的资源路径,每一行的img都是如此,接下来,当页面载入的时候,我们使用jquery(当然,你想javascript原生的代码也可以,我这里只是为了省时间而已)来循环遍历每一个img,判断每一个图片是否在当前可视区域内,是则显示图片,否则稍后处理,这里需要知道三个数据: 

             注:因为我所写的是当图片的一半进入的浏览器的可视区域内才将这张图片进行加载,所以需要第三个数据,这个看个人的需求是什么,如果你的需求是图片只要已进入可视区域内就加载,可直接忽略第三个数据!!!! 

                                   1:浏览器可视区域的高度 

                                   2:图片相对于文档的偏移量(这里只需要高度上的偏移量) 

                                   3:图片元素本身的高度 

             如果图片先对于文档的偏移量+图片元素本身的高度的一半    <  浏览器可视区域的高度,即表明图片已经有一半进入的可视区域了,那么我就应该要把这张图片加载进来了,可是img标签的src是为空的,x-src的值才是图片的资源路径,这个时候就需要用jquery将img 标签的x-src值传给src,从而将图片加载进来,具体实现代码如下: 





 
  查看全部
最近看到一篇文章,看了大牛的讲解,感觉整体还是比较容易理解的,可以尝试着玩玩。以下是转载的正文:前端页面的用户体验对于一个网站来说是至关重要的,我们在访问一些图片量比较大的网站的时候,往往会有这样的感受:显示在我电脑屏幕可视区域的图片总是不能及时的刷出来,这就造成了对于一些没有什么耐心的用户而言,他们就不愿意多等下去,索性直接关闭了网站去看其他的网站,这就使得本网站的用户量的流失,这往往是一个网站最不愿意看到的情况,那么对于这样的情况而言,开发者们不断的努力,很快就想到了解决的方案,让在可视区域的图片立即加载进来,而让不在可视区域并且需要通过滚动条进行滚动显示的图片在图片滚动到可视区域内再显示出来,这就比一次性把所有的图片资源加载进来从而造成图片刷新较慢的用户体验好的多的多。 
 那么,图片延迟加载的技术具体如何实现呢?下面来做详细的介绍: 
首先,定义图片为三列,一共有5行,具体代码如下:  

3126f528-4229-4019-8698-7cf085f1e8bf.png


abc884da-5167-4ecb-9e03-def86e9eed6a.png

 
里面用到的bootstrap的布局技术(当然,这不是重点),请看img标签中的src,一开始我们并没有给它具体的图片的资源路径,而是自己定义了一个属性 x-src,该属性的值是图片图片的资源路径,每一行的img都是如此,接下来,当页面载入的时候,我们使用jquery(当然,你想javascript原生的代码也可以,我这里只是为了省时间而已)来循环遍历每一个img,判断每一个图片是否在当前可视区域内,是则显示图片,否则稍后处理,这里需要知道三个数据: 

             注:因为我所写的是当图片的一半进入的浏览器的可视区域内才将这张图片进行加载,所以需要第三个数据,这个看个人的需求是什么,如果你的需求是图片只要已进入可视区域内就加载,可直接忽略第三个数据!!!! 

                                   1:浏览器可视区域的高度 

                                   2:图片相对于文档的偏移量(这里只需要高度上的偏移量) 

                                   3:图片元素本身的高度 

             如果图片先对于文档的偏移量+图片元素本身的高度的一半    <  浏览器可视区域的高度,即表明图片已经有一半进入的可视区域了,那么我就应该要把这张图片加载进来了,可是img标签的src是为空的,x-src的值才是图片的资源路径,这个时候就需要用jquery将img 标签的x-src值传给src,从而将图片加载进来,具体实现代码如下: 

d67418a9-a587-47a4-8d0b-fc4425a7dc2e.png

 
 

“小故事,大事故”这个程序员一行代码就把整个公司都删没了

Linux运维Leo 发表了文章 • 2 个评论 • 58 次浏览 • 2018-03-26 11:00 • 来自相关话题

这个程序员叫做:Marco Marsala,他运营一家小型的主机托管公司,已经为1500多个客户提供服务器和网站托管业务,对于一个程序员兼系统管理员来说,还算运营的不错。

不过他最近遇到了一个天大的麻烦,不小心运行了一行代码,把客户所有数据都删完了,并且运行这个命令的时候,那个备份硬盘和他操作的服务器是联通状态,所以顺利实现双杀,备份文件也都消失了,这样他就一行代码就把整个公司都删没了。
 





wtf
 
他运营的代码脚本一个 Bash 脚本,里面有一行“rm -rf {foo}/{bar}”命令,我们来解释一下这个命令的意思,让你来了解一下Marco Marsala悲剧的来源:

rm是Linux系统的删除命令,这里用到两个参数:

-r是recursive(递归),意思是如果要删除文件夹里面还有文件夹,就会先删除文件夹,就是说要删除的东西里面有文件夹必须要使用-r。
-f是force(强制),意思是直接删除,不用返回确认删除的信息。

然后 {foo}/{bar} 是用来指定要删除的文件夹和文件,问题就是出现这里,因为这 {foo}/{bar}  是脚本中动态传递的两个变量,正常情况下,如果脚本传递成功,就只是删除 {foo}/{bar}  这个文件夹或者文件。

但是由于变量处理出错,所以最终指令就变成了可怕的“rm -rf /”,“rm -rf/”意味着无需确认删除服务器根目录“/”下的所有内容。 查看全部
这个程序员叫做:Marco Marsala,他运营一家小型的主机托管公司,已经为1500多个客户提供服务器和网站托管业务,对于一个程序员兼系统管理员来说,还算运营的不错。

不过他最近遇到了一个天大的麻烦,不小心运行了一行代码,把客户所有数据都删完了,并且运行这个命令的时候,那个备份硬盘和他操作的服务器是联通状态,所以顺利实现双杀,备份文件也都消失了,这样他就一行代码就把整个公司都删没了。
 

jacky-chan.jpg

wtf
 
他运营的代码脚本一个 Bash 脚本,里面有一行“rm -rf {foo}/{bar}”命令,我们来解释一下这个命令的意思,让你来了解一下Marco Marsala悲剧的来源:

rm是Linux系统的删除命令,这里用到两个参数:

-r是recursive(递归),意思是如果要删除文件夹里面还有文件夹,就会先删除文件夹,就是说要删除的东西里面有文件夹必须要使用-r。
-f是force(强制),意思是直接删除,不用返回确认删除的信息。

然后 {foo}/{bar} 是用来指定要删除的文件夹和文件,问题就是出现这里,因为这 {foo}/{bar}  是脚本中动态传递的两个变量,正常情况下,如果脚本传递成功,就只是删除 {foo}/{bar}  这个文件夹或者文件。

但是由于变量处理出错,所以最终指令就变成了可怕的“rm -rf /”,“rm -rf/”意味着无需确认删除服务器根目录“/”下的所有内容。

恭喜隽永东方已通过Google Adwords考核,近期将正式成为Google代理商

SEMEastern_Design_Studio 发表了文章 • 0 个评论 • 72 次浏览 • 2018-03-23 08:12 • 来自相关话题

为了给广大全网营销客人更好的SEM服务,隽永东方近期正在逐步通过Google官方代理程序,并逐一通过各项严苛的考核,即将于近期正式获得Google官方代理资格,恭喜隽永东方 @jonny 今天顺利通过了Google Adwords官方考核:
 





 
并获颁发了Google官方认证证书:

Google Adwords Certificate

接下来我们将逐一通过Google官方剩余考核,并正式成为Google官方代理商,为广大新老客户提供更加专业优质的SEM营销服务。 查看全部
为了给广大全网营销客人更好的SEM服务,隽永东方近期正在逐步通过Google官方代理程序,并逐一通过各项严苛的考核,即将于近期正式获得Google官方代理资格,恭喜隽永东方 @jonny 今天顺利通过了Google Adwords官方考核:
 

Screen-Shot-2018-03-22-at-5.38_.08-PM_.jpg

 
并获颁发了Google官方认证证书:

Google Adwords Certificate

接下来我们将逐一通过Google官方剩余考核,并正式成为Google官方代理商,为广大新老客户提供更加专业优质的SEM营销服务。

wordpress后台关闭插件更新提示

WordPressLeo 发表了文章 • 1 个评论 • 75 次浏览 • 2018-03-20 15:28 • 来自相关话题

将以下拷贝至主题目录下的functions.php文件中即可,这样强迫症患者们就看不到后台那些付费插件的更新了。(当然建议最好还是定期解除这个提示和检查,对一些免费插件进行更新)add_filter('pre_site_transient_update_core',create_function('$a',"return null;")); // 关闭核心提示 add_filter('pre_site_transient_update_plugins',create_function('$a',"return null;")); // 关闭插件提示 add_filter('pre_site_transient_update_themes',create_function('$a',"return null;")); // 关闭主题提示 remove_action('admin_init','_maybe_update_core');// 禁止 WordPress 检查更新 remove_action('admin_init','_maybe_update_plugins');// 禁止 WordPress 更新插件 remove_action('admin_init','_maybe_update_themes'); // 禁止 WordPress 更新主题
  查看全部
将以下拷贝至主题目录下的functions.php文件中即可,这样强迫症患者们就看不到后台那些付费插件的更新了。(当然建议最好还是定期解除这个提示和检查,对一些免费插件进行更新)add_filter('pre_site_transient_update_core',create_function('$a',"return null;")); // 关闭核心提示 add_filter('pre_site_transient_update_plugins',create_function('$a',"return null;")); // 关闭插件提示 add_filter('pre_site_transient_update_themes',create_function('$a',"return null;")); // 关闭主题提示 remove_action('admin_init','_maybe_update_core');// 禁止 WordPress 检查更新 remove_action('admin_init','_maybe_update_plugins');// 禁止 WordPress 更新插件 remove_action('admin_init','_maybe_update_themes'); // 禁止 WordPress 更新主题