高端企业网站制作-一站式解决方案-河北乐客网站建设公司

网站定制

页面设计

网站设计制作一条龙

域名 + 空间 + 设计 + PC + 移动 + H5

网站模板下载

500+网站模板供您选择
价值千元模板不收取任何费用,免费下载.

我们的服务

公司以诚信服务对待每一位客户的售前售中售后.一言九鼎的态度。以科技创新的方法,认真务实的精神制造出每一个网站.

最新模板

  • square多功能商业公司wordpress主题
    32 免费模板
    Square是一个灵活的响应式多功能主题,兼容所有浏览器和设备,完全移动友好,具有许多功能。这是一个基于WordPress定制器的最小主题,允许您使用实时预览进行自定义。该主题可用于商业,企业,数字代理,个人,投资组合,摄影,视差,博客和杂志。Square是电子商务(WooCommerce)兼容,Polylang兼容,WPML,RTL,Retina Ready,SEO友好和支持bbPress和BuddyPress。更重要的是它是一个完整的主题。
    发布时间:2019-09-17 09:53:50
  • ENVO免费多用途WordPress主题
    54 免费模板
    Envo Multipurpose 是一个快速,干净,现代外观响应多用途,与有 WooCommerce 支持的 WordPress 主题。主题完全被加宽,因此用户可以通过使用易于使用的小工具来管理内容。主题与任何拖拽页面生成器,如 Elementor,KingComposer,Beaver Builder,SiteOrigin,Divi,Brizy,Visual Composer 等,并兼容所有的主要插件,如 WooCommerce,Yoast,Contact Form 7 等。
    发布时间:2019-09-17 09:17:50
  • Orfeo多用途响应式wordpress主题
    34 免费模板
    Orfeo 是一个具有多用途设计的响应 WordPress 主题。它很适合小型企业和公司业务,因为它可以通过现场定制器进行高度定制。您可以使用 Orfeo 创造餐馆、初创公司、自由职业者简历、创意机构、作品集、WooCommerce 或利基像体育、医疗、博客、时尚、律师等站点。它有一页 设计,Sendinblue 通讯整合,小工具化页脚和干净的外观。主题是兼容 Elementor Page Builder,Photo Gallery,Flat Parallax Slider,Travel Map;该主题是移动友好与之有良好的搜索引擎优化。
    发布时间:2019-09-16 17:34:13
  • Futurio免费多用途wordpress响应式主题
    105 免费模板
    Futurio 是一款轻量级,快速且可定制的免费多用途和 WooCommerce WordPress 主题,适用于商业,作品集,创意和摄影站点,电子商务商店,登陆页面,博客或 WooCommerce 店面。 Futurio 与所有页面构建器完美配合,如 Elementor,Beaver Builder,King Composer,Brizy,Visual Composer,SiteOrigin,Divi 或 Gutenberg,并支持大多数免费和优质 WordPress 插件,如WooCommerce,Jetpack,Contact Form 7,Yoast SEO 和更多。
    发布时间:2019-09-12 16:13:19
  • Zakra多用途wordpress响应式主题
    23 免费模板
    Zakra适用于个人博客,作品集,WooCommerce商店,商业站点和其他站点(如咖啡厅,水疗中心,慈善机构,瑜伽,婚礼,牙医,教育等)。与Elementor以及其他主要页面构建器一起使用,以便您可以创建所需的任何布局。主题是响应,Gutenberg兼容,SEO友好和主要的WordPress插件兼容。
    发布时间:2019-09-12 15:44:26
  • Hestia现代化企业创意wordpress主题
    20 免费模板
    Hestia是一个现代化 WordPress 主题。 该主题适合创意业务,小型企业(餐馆,婚礼策划人员,运动/医疗店),创业公司,企业业务,在线代理与公司,电子商务(WooCommerce)和自由职业者。 该主题具有多用途单页设计,页脚里使用小工具功能,博客/新闻页面和干净的外观,和各种插件兼容:Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder。 主题拥有了响应式设计,兼容 WPML 与 Retina,SEO优化,并使用 Material Kit 进行设计。
    发布时间:2019-09-12 15:05:03

客户案例

专业的网站设计制作团队,坚持原创,尊重设计.

您不是第一个找我们做全网营销的客户,我们已经得到了很多客户的认可!

乐客网站建设案例-小吃培训班
乐客网站建设案例-小吃培训班

乐客网站建设案例-小吃培训班

河北乐客互联
  •  13

乐客网站建设案例-小吃培训班

多味滋小吃培训班成立于2009年,是国内领先的小吃培训机构,目前已经真实培训了20000名学员,开店成功率高达90%,如果您也想参加小吃培训,期待你的加入!


客户信息

多味滋小吃培训机构创立于2009年,是一家专注于餐饮美食教育、餐饮管理、餐饮菜式开发的创新型餐饮教育企业。

在未来的美食行业中,餐饮店将会成为消费者的最佳消费场所之一。美味的小吃是开店经营必不可少的,掌握专业美食做法和开店经营管理知识,将是未来最基本的开店专业。

多味滋公司将借助技术的创新,不断提升每种美食小吃的口感,并且,降低其制作成本,使得每一位创业投资者,都能从中获得可观的利润。

办学10年以来,多味滋继承和发扬了博大精深的中华美食文化,共为社会培养了20000多名来自全国各地的优秀美食人才。希望更多的餐饮创业者加入我们,多味滋将不断开拓创新,与时俱进,为中国餐饮美食行业做出更大的贡献。

乐客网站建设案例-小吃培训班

乐客网站建设案例-抖音蓝V认证
乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

河北乐客互联
  •  20

乐客网站建设案例-抖音蓝V认证

乐客互联网站制作案例,客户介绍:抖音蓝V认证,为中小微企业,店铺,商家提供抖音企业号的认证、运营及培训服务,以低成本的方式解决商家不知道抖音短视频拍什么,怎么拍和拍的好的问题,提升抖音短视频推荐播放量,点赞量......


客户信息

抖音蓝V认证为中小微企业,店铺,商家提供抖音企业号的认证、运营及培训服务,以低成本的方式解决商家不知道抖音短视频拍什么,怎么拍和拍的好的问题,提升抖音短视频推荐播放量,点赞量,有效评论和点赞量,最终实现通过抖音帮您提升客户购买转化及品牌认知度的结果。

为什么要做抖音企业蓝V认证?

1.抖音已经成为一款现象级APP,日活跃用户超过1.5亿,月活跃用户超过3亿,而有效企业蓝V认证的商家不过三十万家,1000:1的供需关系(按月活跃用户进行计算),庞大的用户红利即将爆发!

2.人是视觉性更强的动物,相对传统的文字、图片、音频的内容形式,视频具有更强的感染力,更容易帮助企业人格化,建立企业和用户之间的信任!

3.互联网营销需要流量为王,更加需要精细化运营,时间、地点、人物、事件是进行精细化运营的必备条件,抖音蓝V数据监测功能是目前唯一一款可以对用户兴趣喜好进行画像还原的APP,更全面的数据监测,为精细化运营保驾护航!

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

乐客网站建设案例-抖音蓝V认证

网站制作案例-未来集市
网站制作案例-未来集市

网站制作案例-未来集市

河北乐客互联
  •  12

网站制作案例-未来集市

乐客互联网站制作案例,客户名称:未来集市,客户介绍:未来集市是广州未来集市网络技术有限公司于2019年推出的一款全品类圈层电商平台app,与上千家知名品牌商达成合作,致力于让用户获得更低价的优质商品和更合理的佣金收益。


客户信息

未来集市是广州未来集市网络技术有限公司于2019年推出的一款全品类圈层电商平台app,未来集市深度挖掘S2B2C模式的优势、与上千家知名品牌商达成合作,整合全球优质货源,砍掉层层中间商赚差价,致力于让用户获得更低价的优质商品和更合理的佣金收益。

未来集市销售类目涵盖水果生鲜、美妆个护、食品保健、母婴用品、居家日用等多种优选商品,一站式满足用户绝大部分的消费需求。


品牌自营:由未来集市出品,输出高品质标准商品,从选材、设计、生产、到售前售后,全程把控。

自营品牌具体包括:

1.自研产品:与合作工厂联合开发并与海外签订独家销售协议的出口商品。

2.国内外知名品牌:获得国内外知名品牌专利使用权的独家进口商品。

3.明星周边:明星自创产品。

4.自行投资设厂或通过收购、兼并进入生产领域的商品等。

自营品牌的3个特点:

1.性价比高2.复购率高 3.利润点更高

网站制作案例-未来集市

网站制作案例-未来集市

网站制作案例-未来集市


网站制作案例-上海崇明公司注册
网站制作案例-上海崇明公司注册

网站制作案例-上海崇明公司注册

河北乐客互联
  •  33

网站制作案例-上海崇明公司注册

乐客互联网站制作案例,客户名称:上海崇明公司注册,客户介绍:上海崇明公司注册是一家专业的创业服务代理机构,主要为上海浦东、崇明、黄浦等中小型企业提供公司注册、代理记账、公司变更.....

  • 客户名称:上海崇明公司注册
  • 制作日期:2019-07-16 09:36:04
  • 网站地址: http://www.91zhuce.net/

客户信息

上海崇明公司注册是一家专业的创业服务代理机构,主要为上海浦东、崇明、黄浦等中小型企业提供公司注册、代理记账、公司变更、公司转让、公司注销、公司设立、工商注册等一站式服务,帮助每一位客户快速开通属于自己的一家公司。

公司围绕公司注册、代理记账、公司变更、公司转让、公司注销、公司设立、工商注册等业务服务。

公司以“帮客户全方位获取信任”为使命,坚持“客户第一,员工第二,股东第三”的价值观,凭借技术驱动、服务引领、创新运营模式等核心优势,上海崇明在改善用户体验、解决用户痛点的基础上不断革新升级,为中小企业解决全生命周期财税服务需求。

上海崇明公司注册始终秉承着“时间短、成本低、效率高”的服务理念,经过多年的蓬勃发展,组建了多支具有金融、法律和互联网背景的专业团队,拥有稳定的合作伙伴和客户群体。一切以客户需求为中心,我们坚信,客户的满意就是我们前进的动力,客户的需求就是我们服务的方向。

网站制作案例-上海崇明公司注册

网站制作案例-上海崇明公司注册

网站制作案例-期管家
网站制作案例-期管家

网站制作案例-期管家

河北乐客互联
  •  39

网站制作案例-期管家

乐客互联网站制作案例,客户名称:期管家;客户介绍:期管家产品是专业为证券、国际期货代理公司打造的用来管理客户资金、控制客户交易风险的投资管理工具,致力于打造国内领先的综合资产管理投资平台。


客户介绍

期管家产品是专业为证券、国际期货代理公司打造的用来管理客户资金、控制客户交易风险的投资管理工具。 期管家是软件开发商,仅提供软件系统,并不直接参与交易业务。行情数据及交易通道均由系统运营方提供。

期管家国际期货平台作为一家专业化的投资机构,致力于打造国内领先的综合资产管理投资平台。公司已拥有期管家恒生指数、期管家原油、期管家黄金、期管家德国指数、证券及金融衍生品投资投资五大业务板块,依靠期管家期货的财富管理客户网络,为全国超过十万高净值泰然客户提供综合的资产管理服务。

网站制作案例-期管家

网站制作案例-期管家

years in business
59
team members
Clients Stats Icon
650+

关键词数量
Project Stats Icon
24 hour

工作时间
User Stories Stats Icon
220+

操作数量
Commits Stats Icon
1000+

用户咨询
我们的愿景【让客户的客户觉得满意】
河北乐客互联网络科技有限公司创立于2019年3月,是一家专注SEO、网站优化、网站建设、网站制作的互联网公司,虽然是才成立半年的新公司,但是每一位成员实际入行都已经4-5年的时间

乐客互联
by 乐客互联

我们的愿景【让客户的客户觉得满意】

河北乐客互联
  •  80

我们的愿景【让客户的客户觉得满意】

发布时间:2019-07-18 17:04:10



河北乐客互联网络科技有限公司创立于2019年3月,是一家专注SEO、网站优化、网站建设、网站制作的互联网公司,虽然是才成立半年的新公司,但是每一位成员实际入行都已经4-5年的时间;

我们是希望在这互联网的大潮当中做那个忠于自己和用户的企业,并非只为盈利而去服务,而是用户需要我们,我们帮用户解决了他们真正的问题;

处在行业内其实看到过很多很多利益驱使前行的公司,而我们更想以客户的满意度作为驱使我们前行的动力,乐客互联网络成员都深信一个道理,让用户满意,赚钱只是水到渠成的一件事,所以我们把中心都放在了用户服务上;

那么本网站的服务主体是围绕着网站建设、网站制作、高端网站设计,我们的优势在于本身精通SEO优化,了解什么样子的网站可以更好的满足搜索引擎优化的需求,企业只做一个网站意义是不大的,能在搜索引擎上有一定的排名才会让网站有更大的价值,才可以提升企业品牌的知名度,定位不同,所以价格各不相同,就像有的建站公司可以500元建站一样,您时不时需要面对网站挂马,被镜像等原因,并且问题多了,建站公司是不想在为用户服务的,因为利润太低。

乐客互联所用的服务器都是阿里云的服务器,即便是不能备案的网站同样是用的阿里云香港的服务器,十分的安全,如果您想建站,但是不知道选择哪家建站公司的话不如和我们合作,相信我们的服务会让您满意!

河北乐客互联LOGO


适用于WordPres的最佳延迟加载插件
图片,信息图表和奇特效果都是在网站上宣传任何种类内容的极佳辅助手段。它们是吸引注意力的工具,可以在一帧中传达内容的实质。难怪我们依靠图像来吸引读者的眼球并增强用户在Internet上的参与度。另一方面,图像通常需要一些时间才能加载到网页上。而且,如果你的连接速度较慢,则似乎需要永久加载。对于可能会离开页面的用户而言,这可能是一个很大的选择。

乐客互联
by 乐客互联

适用于WordPres的最佳延迟加载插件

河北乐客互联
  •  2

适用于WordPres的最佳延迟加载插件

发布时间:2020-01-19 10:33:28


图片,信息图表和奇特效果都是在网站上宣传任何种类内容的极佳辅助手段。它们是吸引注意力的工具,可以在一帧中传达内容的实质。难怪我们依靠图像来吸引读者的眼球并增强用户在Internet上的参与度。另一方面,图像通常需要一些时间才能加载到网页上。而且,如果你的连接速度较慢,则似乎需要永久加载。对于可能会离开页面的用户而言,这可能是一个很大的选择。

如何使较大的页面加载速度更快?

为什么图像需要花费时间才能加载?好吧,我们可以这样解释-网页由许多元素组成-文字,图像,媒体,脚本等等。要加载每个元素,你的浏览器会向网站发出一个请求(称为HTTP请求)。许多元素,尤其是图像,都是字节繁重的,需要花费一些时间来加载。通常,所有元素都尝试同时加载,这会延迟整个网页的加载。

逻辑上的事情是使快速加载的内容首先出现在浏览器中并引起观众的注意。同时,延迟加载数据繁重的图像。这种方法可能会说服用户等待,因为屏幕上有东西可以吸引他们的注意力。

什么是延迟加载?

我们可以使用延迟加载技术延迟图像-首先仅加载文本或所选内容,然后允许图像或缓慢加载的元素滞后。图像的加载是交错的,因此可以缩短网页第一个字节的时间。当用户向下滚动时,一次获取一个图像。因此,减少了同时到达服务器的HTTP请求的数量。图像放置在占位符中,稍后再加载。当图像到达查看区域时,将从服务器获取图像。当它们移动到“折叠上方”区域时,它们会出现在屏幕上。在无限滚动的情况下,当用户点击屏幕底部时,使用ajax加载更多内容

延迟加载如何工作?

延迟加载减少了加载时间。更快的网站有利于用户体验和搜索引擎。通过仅在真正需要时加载图像,它还减少了服务器带宽。这样可以节省服务器端和用户端的带宽。你可以将延迟加载应用于选定的页面或站点范围。延迟加载的一个缺点是,折叠后出现的内容可能不会被搜索引擎找到。搜索引擎可能无法识别无限滚动内容。为了至少部分地克服此缺点,我们需要构造URL,以便搜索引擎可以处理它们。这可以使占位符对搜索引擎更可见,直到图像加载为止。

有许多插件可以延迟加载以在WordPress网站上工作。让我们看一些流行的插件。

BJ懒加载

要使用占位符替换你的全部或任何帖子图像,缩略图,图像和内容iframe,请使用BJ Lazy Load。它也可以替代iframe,这意味着你可以从YouTube和Vimeo延迟加载嵌入式视频。也适用于文本小部件。使用简单的滤镜,可以延迟主题中的图像和iframe。

WordPress 懒加载插件

要使该插件在你的网站上正常工作,只需下载,安装并激活即可。然后,你可以访问设置并确定加载时应延迟哪些元素。如果需要,可以添加自己的占位符图像。该插件使用JavaScript。如果没有访问者看到原始元素,而不会延迟加载。

Lazy Load

Lazy Load是用于将延迟加载添加到WordPress网站的常用插件,它是一个简单的安装和激活插件。你可以放心地尝试它,因为它是使用Automattic的WordPress.com VIP团队,TechCrunch 2011重新设计团队和Jake Goldman(10up LLC)的代码混合开发的。

另外,激活后无需执行任何其他操作。但是,如果你要进行一些更改,可以通过编辑php文件来进行。作者提供了一些有用的代码段,你可以参考这些代码段来更改占位符图像,在主题中延迟加载图像或通过输出缓冲延迟加载所有图像。

如何使WordPress移动友好?
人们使用手持设备来赶上他们的阅读或在线搜索任何东西是很常见的。一份报告估计 60%的搜索来自移动设备。如果你的目标受众是不断变化的这一群体的一部分,那么你确实别无选择–你需要确保你的网站看起来不错并且在手机上运行良好。在这篇文章中,让我们看一些可以使WordPress网站移动友好的事情。

乐客互联
by 乐客互联

如何使WordPress移动友好?

河北乐客互联
  •  6

如何使WordPress移动友好?

发布时间:2020-01-17 10:09:05


人们使用手持设备来赶上他们的阅读或在线搜索任何东西是很常见的。一份报告估计 60%的搜索来自移动设备。如果你的目标受众是不断变化的这一群体的一部分,那么你确实别无选择–你需要确保你的网站看起来不错并且在手机上运行良好。在这篇文章中,让我们看一些可以使WordPress网站移动友好的事情。

一个适合移动设备浏览的网站看起来像是常规网站的微型版本。为了获得这种版式,有必要优化网站上的每个元素以响应屏幕尺寸。并且,为了吸引和保留流量,你需要确保你的网站正在快速加载,尤其是在移动设备上。

移动友好

Googlebot在检查网页是否适合移动设备时会从多个方面进行研究,包括:

  • 页面中包含的广告过多,还是不适合Flash和Java等移动设备使用的软件。
  • 如果内容缩小到屏幕大小,并且文本可读,没有缩放或水平滚动。
  • 链接间距是否合适,以便轻松点击。

为什么你的WordPress网站应该适合移动设备?

使WordPress网站移动友好是手机数量爆炸性增长,更好的网络连接以及在公共场所使用wifi的自然必然结果。更有说服力的原因是:

  • 搜索引擎将移动友好程度作为排名因素。移动友好性是逐页确定的。这意味着你网站的适合移动设备的区域在搜索结果中的排名会更高,而其余内容的排名则会更低。
  • 难以浏览的网页可能会导致跳出率更高,从而损害你网站的SEO。相比之下,适合移动设备浏览的网页可以转化为更好的网站速度和SEO。
  • 使你的网页适合移动设备访问通常意味着你拥有干净的网格和布局,并且可能拥有一个通用URL和一个代码库。
  • 移动友好性提高了品牌强化度和销售量。

如何使你的WordPress网站移动友好?

如今,现代WordPress主题(例如Total)具有响应能力,可以在任何设备上显示网站。但是,除了使用响应主题之外,你还可以做很多事情来优化你的移动网站。

1.采用移动优先的方法

在当前的数字场景中,过分强调移动友好的重要性。在美国,手机的数字媒体时间比台式机的42%高出51%。为了吸引点击和滑动的受众,网站所有者不仅在优化现有的网站设计以适应多种屏幕尺寸。他们正在迈出第一步,并采用移动优先方法。移动优先方法创建了专门针对移动设备的UX设计,并为较小的屏幕尺寸确定了内容策略的优先级。它不仅会优化现有的常规台式机手机网站。

保持移动优先的另一个重要原因是Google在2016年11月宣布逐渐转向移动优先索引。这种建立索引的方法是Google首先在桌面页面之前检查网站的移动页面是否建立索引。在为移动优先索引选择网站时,Google使用“分类器”来查找网站对于移动优先索引的准备程度。分类器确定桌面网站与移动网站在内容,链接,架构,多媒体等方面的等同性或可比性。事实上,十月份, 来自Google的Gary Illyes在纽约SMX East会议上向观众表示一些网站已经在移动索引列表中,还有更多网站需要关注。

2.优化图像

图像文件通常是重字节的。它们的加载速度比其他资源(如文本和HTML)慢。为了使你的网站适合移动设备使用,你需要优化图像以适合较小的屏幕。由于WordPress的4.4版本在很大程度上解决了这一问题,但是你始终可以使用WordPress插件进一步优化图像。

你可以做更多的事情来优化图像,始终牢记优化图像需要在用户体验,视觉吸引力和页面性能之间取得平衡。首先,删除不增加价值的图像。接下来,即使在上传图像之前,也可以通过将其压缩为较小的文件大小来优化图像。如果你使用的是Photoshop,请使用“ 另存为Web”选项。在线工具,如TinyPNG或插件,像WPSmush也可以做的工作非常有效。

3.实施加速的移动页面

加速的移动页面是Google的一项开源计划,旨在在移动设备上提供快速加载的内容。它为发布者提供了一次创建适合移动设备使用的内容的方法,并将其立即加载到移动网络上的任何位置。实际上,AMP是Google要求的统一的网站优化方法。将提供标准范围的广告格式,广告网络和技术。同时,发布者还可以选择自己的格式,只要这不会影响速度。我们有自己的 AMP for WordPress教程,用于创建AMP页面以帮助你入门。我们还建议你使用 AMP Start from Google,它还可以使用现成的AMP模板和组件帮助你创建美观的AMP页面。

AMP内容将立即在Google搜索中提供,并可以通过Twitter,LinkedIn和Pinterest等社交平台进行访问。手机页面的特殊格式和交付方式使这些页面在移动设备上的速度大大提高。从Google加载AMP页面的平均加载时间少于半秒。截至2017年10月,超过2500万个网站域发布了超过40亿个AMP页面。AMP可使网站流量增加10%,并使页面停留时间增加一倍。AMPed电子商务网站的销售转化率比非AMP页面高20%。

AMP尚未成为排名因素,但它可能对用户体验以及SEO产生重大影响。

4.避免全屏弹出窗口

毫无疑问,弹出窗口会起作用。但是,在使用弹出窗口时,我们需要始终将用户体验放在首位。与上下文相关的弹出式窗口具有醒目的标题,并为读者提供了真正的价值,可以更好地转换。另一方面,垃圾邮件,很难消除在主要内容上显示广告的弹出式窗口,足以吸引访问者。当用户点击Google的某个页面时,你在移动搜索中编入索引的内容必须随时可用。否则(自2017年1月起),他们在移动搜索结果中的排名可能不会很高。对于Google来说,响应法律义务(例如Cookie和年龄确认或允许访问锁定内容的登录对话框)的弹出式窗口是可以的。广告占用的屏幕空间很小并且很容易被删除,情况也是如此。

相反,当访问者从搜索中到达页面时出现的,包含主要内容的弹出窗口或在访问者浏览时出现的弹出窗口不会受到Google的青睐。用户在访问主要内容之前必须关闭的独立插页式广告的同上。在移动设备上弹出窗口时要遵循的其他良好做法包括避免全屏弹出窗口,或者在移动站点上包含可扩展内容,例如手风琴或可扩展框。使用较小的消息,例如横幅,内联或幻灯片,或将内容隐藏在选项卡后面。Google的John Mueller建议,在搜索点击和访问内容之间显示的插页式广告会对排名产生负面影响。因此,在逐页移动或退出意图弹出窗口时弹出窗口可能不会影响排名。

如何为WordPress优化图像?
图片占据了现代网站所使用带宽的63%左右,因此对其进行适当的速度优化变得越来越重要。页面加载时间延迟一秒可能会使转化率降低7%。我们已经确定人们关注的时间很短(现代内容生产速度的缺点之一)。即使你使用正确的图像,如果它们没有在可接受的时间内加载,也会失去兴趣。

乐客互联
by 乐客互联

如何为WordPress优化图像?

河北乐客互联
  •  3

如何为WordPress优化图像?

发布时间:2020-01-16 17:33:05


图片占据了现代网站所使用带宽的63%左右,因此对其进行适当的速度优化变得越来越重要。页面加载时间延迟一秒可能会使转化率降低7%。我们已经确定人们关注的时间很短(现代内容生产速度的缺点之一)。即使你使用正确的图像,如果它们没有在可接受的时间内加载,也会失去兴趣。

10个最常见的图像优化错误

大多数网站都有问题-它们使用的是精美的图片,但是将图片提供给访问者的方式很糟糕。大尺寸,优化不佳,格式错误,不必要的大尺寸(尺寸),图像无响应以及粗心的SEO错误是现代Web面临的一些最常见问题。在今天的文章中,我们将解决这些问题!

1、尺寸过大

这个问题比较常见。假设你的网站“团队”页面中需要一张150×150像素的照片。通常,你将使用5MP头像,对其进行一些编辑然后最后上传。你发现问题了吗?有些人直接上传实际的5MP图片!WordPress主题将加载整个5MP图像(即5 x 10 ^ 6像素),并要求浏览器将其缩小到150x150px的所需尺寸。本质上,浏览器仅显示原始图像的0.0045%!

你最终浪费了你和访客的带宽(即使你是通过诸如Stackpath CDN之类的Content Delivery Network提供图像的),也浪费了更多的硬盘空间并增加了加载时间。这些功能都不是你网站中想要的。始终将图像调整为所需的尺寸(通过调整尺寸,我的意思是缩小尺寸),然后上传!

你不需要花哨的软件即可执行此操作–有一些免费的在线工具,例如ImageResize.org,可用于快速调整大小和优化图像。只需上传并调整你的照片设置即可。完成后,下载优化的图像以在你的网站上使用。 如果你只是想减小文件大小,它们还提供了快速的Image Compressor。

2、图片格式错误

用于图像的格式起着至关重要的作用。通常,将PNG用于矢量图形和计算机生成的图像(如剪贴画等)。将JPEG用于照片或具有多种颜色的图像。有关详细说明,请查看:PNG,GIF,JPEG,SVG有哪些区别和用途?

选择正确的图片格式

3、 不使用渐进式JPEG

对于普通人来说,JPEG有两种类型-基线和渐进式。在视觉上,两者是相同的。区别在于它们的加载方式:

  • 基准JPEG只有一层-包含整个图像。根据要求,一次加载整个图像。
  • 渐进式JPEG组成多层图像。逐行加载渐进式JPEG图像,其质量会逐渐提高,最终为你提供无损的视图。

4、不使用延迟加载

延迟加载是一种出色的资源节省技术,其中仅当访问者向下滚动到图像的视图框架时才加载图像。例如一篇文章将至少包含15张图片,而且,无论显示设备(显示器,平板电脑或智能手机)的高度如何,都无法将15张图像全部容纳在视野中,你必须向下滚动才能查看所有图像。

启用延迟加载后,仅当访客在图像附近时才会加载图像。换句话说,图像只是在你向下滚动查看时才开始加载。但是,由于你已经在视图框中,因此前几张图像会立即加载。延迟加载节省了两端的带宽并缩短了加载时间!你可以通过BJ延迟加载插件在WordPress中使用延迟加载。

5、不使用CDN

使用内容传送网络(CDN)将从物理上最接近访问者位置的服务器提供图像。如果来自印度的游客要求提供图像,并且CDN在东京和纽约拥有POP(存在点,或仅是服务器),则将从位于东京的服务器提供图像。

当流量很大时,应使用WordPress设置CDN,以减少加载时间并获得整体性能。在WPExplorer,我们推荐Cloudflare。

6、不声明'alt'属性

'alt'属性描述了搜索引擎的图像。万一无法加载图像,在此字段中输入的文本将显示给用户。很多人倾向于将这些字段留空。这对于SEO极为不利,你会因此而失去流量。你应该始终尝试在图片的alt标签中添加网站的关键字。

7、不优化图像

优化的图像比普通图像亮40%。这样可以改善加载时间并节省带宽。从Freddy的最佳WordPress图像优化插件列表中,我们建议使用WPSmush.it来优化图像。 Kraken.io还是一个在线压缩图像的绝佳选择。在WPExplorer,我们一直在使用它来优化特色图片,然后再将其上传到帖子和主题演示中。

优化图片

8、没有使用响应式图像

即使你的网站是响应式的,但不代表你的图片就可以。这意味着你在22英寸桌面屏幕上使用的标题图片也将提供给5英寸iPhone。当你上传图片时,WordPress将其调整为多个版本-缩略图,中型,全尺寸等。开发人员可以更改此大小。编码正确的主题将投放图像的“中”尺寸版本,从而节省带宽。

对于任何网站(无论新旧),图像SEO都至关重要。从长远来看,正确实施图片SEO将获得大量的流量。
如何减少WordPress中的HTTP / S请求
每次你访问WordPress网站时,都会在浏览器和网站服务器之间移动大量数据。换句话说,WordPress向各种服务器发出HTTP请求,以构建用户在加载你的网站时看到的内容。如果你的WordPress网站需要加载很多元素,那么你将有更多的HTTP请求,反之亦然。更多的HTTP请求意味着网站速度慢,用户体验(UX)差,SEO分数差和转换率低。

乐客互联
by 乐客互联

如何减少WordPress中的HTTP / S请求

河北乐客互联
  •  7

如何减少WordPress中的HTTP / S请求

发布时间:2020-01-15 10:02:40


每次你访问WordPress网站时,都会在浏览器和网站服务器之间移动大量数据。换句话说,WordPress向各种服务器发出HTTP请求,以构建用户在加载你的网站时看到的内容。如果你的WordPress网站需要加载很多元素,那么你将有更多的HTTP请求,反之亦然。更多的HTTP请求意味着网站速度慢,用户体验(UX)差,SEO分数差和转换率低。

WordPress网站通常是动态的,这意味着需要很多不同的部分才能在浏览器中呈现你的网站。好消息是你可以减少HTTP请求并显着加快站点速度。在今天的帖子中,你将学到确切的方法!

1:减少部分插件

如果你的WordPress网站上有很多东西,你将有太多的HTTP请求。没关系。减少HTTP请求的第一步是整理。WordPress插件附带了大量文件,可以是PHP,CSS或JavaScript(JS)。每个插件触发的每个文件都会创建一个HTTP请求。如果你有大量的插件,那么肯定会有更多的HTTP请求。插件越少,请求越少。很简单。

对你的插件进行审核。你必须运行哪些插件才能运行网站?有不需要的插件吗?你是否有可利用第三方服务器的插件?你可以不用这些插件吗?为了减少HTTP请求,请卸载所有不需要的插件。如果偶尔需要插件,请仅在需要时安装。之后,卸载插件。不用的WordPress主题和内容也是如此。清理所有东西。删除不需要的任何东西;这对你的网站速度和安全性很有帮助。你可以选择地加载插件。例如,如果你只需要Contact Form 7即可在你的联系页面上加载,则可以阻止其他插件在该特定页面上加载。

Asset CleanUp WordPress插件可以清理你已经安装的文件;摆脱垃圾-包括垃圾评论。还可以删除死链并同时优化数据库。这些是可以提高网站速度。

2:优化图片

没有图像的网站很单调。他们说一张图片说出一千个单词,这很酷。但是每个图像都占一个HTTP请求。要加重盐分,图像是加载时间较长的元素中的最重要部分。尽管如此,我们仍然不能忽略大多数WordPress主题(阅读站点)都依赖于图像的事实,并且很多图像都依赖于图像。因此,鉴于此,如何通过优化图像来减少HTTP请求?

尽管有许多插件可供选择,但我们确实很喜欢WP Compress。虽然这是一项高级服务,但强大的图像自动优化功能,无损压缩,减少服务器负载的云处理,WebP图像支持,自动调整大小等功能,使其物有所值(请查看我们的评论以了解更多)。另外,你可以免费获得100张图片的声明-因此你至少可以尝试一下。优化图像本身并不会减少HTTP请求,但是会减小图像文件的大小,从而可以更好地降低页面速度。另外,要减少HTTP请求,可以利用CSS image sprites的功能。对于初学者来说,子画面是放入单个图像文件中的图像的集合。然后,使用CSS技巧,你可以选择显示图像的哪一部分。

3:合并并缩小HTML,CSS和JavaScript

WordPress网站上许多HTTP请求的主要原因是外部CSS和JavaScript文件。要处理43个JS脚本和22个CSS文件,总共多达66个HTTP请求。在大约130个HTTP请求中,外部CSS和JavaScript请求约占问题的 51%!如果将这44个JS文件和22个CSS文件合并并缩小,则可以大大减少HTTP请求,网站的大小以及加载时间。

合并文件就像听起来一样。例如,如果你的网页加载了5个外部CSS文件和5个外部JavaScript文件,那么将你的CSS和JavaScript合并为一个单独的文件,每个文件只会导致2个请求,而不是10个。

有大量的WordPress插件可以合并和缩小文件。WP Rocket插件就是一个很好的例子。从根本上讲,它是最好的缓存插件之一,可为你提供只需单击几下即可合并和缩小文件的功能。

4:调整渲染阻止CSS和JavaScript文件

在某些情况下,合并文件可能不是一种选择,尤其是对于频繁更改的第三方文件和脚本而言。在这种情况下,你可以推迟此类资产的加载。HTTP / 2支持异步加载文件,这意味着所有文件同时加载。如果由于某种原因(例如你未使用HTTP / 2,或者脚本不是异步的)而没有进行异步加载,则这些文件会大大降低你的网站速度。请记住,你的网页从上到下加载。如果页面顶部有阻止渲染的CSS和JS,则浏览器将停止加载,直到文件完全加载为止。这样,在脚本加载之前,用户将看到空白页,这需要时间。

如果推迟一些CSS或JavaScript文件,则用户可能会看到网页的变形版本,直到页面完全加载为止,这恰恰与你要实现的目标相反。因此,仅延迟页面加载不需要的脚本。这样,你的用户就不会再等待年龄加载页面了。为什么?因为你将需要更少的HTTP请求来传递消息。

它本身并不会减少HTTP请求(因为最终将加载所有脚本和文件),但是它减少了呈现页面所需的HTTP请求数量。这非常类似于图像的延迟加载。仅当图像在视口中时才加载图像,而不是页面的其余部分(以及最重要的部分)正在加载时才加载图像。

5:使用缓存和CDN

缓存和CDN可以减少HTTP请求吗?乍一看似乎不是事实,但是当你考虑幕后发生的事情时,可以利用缓存和CDN发挥自己的优势。缓存涉及将静态文件存储在浏览器中,以便用户在以后的访问中不再下载文件。假设你有一个缓存插件,并且用户在第一次访问时就下载了缓存的内容。在随后的访问中,你的站点将不会向服务器发出请求。相反,它将通过浏览器提供缓存的资源,从而减少HTTP请求,并提高站点的速度。

减少WordPress网站上的HTTP请求就是消除不需要的东西。如果你的WordPress网站上有很多东西,你将有很多HTTP请求和相对较慢的页面速度。为了减少HTTP请求,请整理站点,优化图像,修复渲染阻止脚本,使用缓存并确保主机支持HTTP / 2。除此之外,努力创建不需要大量资产即可加载的简单干净的网站。
如何清理您的WordPress媒体库(2种简单方法)
你是否要清理WordPress媒体库?WordPress会制作几份上传的媒体文件副本,随着时间的流逝,这会导致大量存储文件在你的网站上未使用。清理WordPress媒体库可节省托管服务器上的磁盘空间,并减少备份大小(两者均可帮助你节省成本)。在本文中,我们将逐步向你展示如何轻松清理WordPress媒体库。

乐客互联
by 乐客互联

如何清理您的WordPress媒体库(2种简单方法)

河北乐客互联
  •  8

如何清理您的WordPress媒体库(2种简单方法)

发布时间:2020-01-10 14:02:04


你是否要清理WordPress媒体库?WordPress会制作几份上传的媒体文件副本,随着时间的流逝,这会导致大量存储文件在你的网站上未使用。清理WordPress媒体库可节省托管服务器上的磁盘空间,并减少备份大小(两者均可帮助你节省成本)。在本文中,我们将逐步向你展示如何轻松清理WordPress媒体库。

为什么要清理WordPress媒体库?

WordPress会为你上传到网站的每个图像创建多个副本。WordPress主题和插件也可能要求其他图像尺寸。除了这些图像尺寸之外,你还可能最终上传了大量网站上未真正使用的图像。这些媒体文件占用了WordPress托管服务器上的磁盘空间。它们还会增加你的WordPress备份大小,这意味着备份,传输和还原你的网站需要更长的时间。

如果你已经运行WordPress网站已有一段时间,那么可以从清理WordPress媒体库中受益。话虽如此,让我们看一下如何轻松清理WordPress媒体库。在本教程中,我们将介绍两个不同的插件,你可以选择一个看起来更简单的插件。注意:你将通过永久删除未使用的媒体文件来清理它们。此操作无法撤消。在继续进行操作之前,请确保已拥有完整的WordPress备份。

方法1.使用媒体清理器清理WordPress媒体库

对于这种方法,我们将使用Media Cleaner插件。它是一个免费插件,具有专业版并提供更多功能。首先,你需要做的是安装并激活Media Cleaner插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。激活后,转到Media»Cleaner页面以分析你的WordPress媒体库。插件可能会要求你重置自身,在此过程中,它将在WordPress数据库中创建一个新表来存储数据。

Media Cleaner插件

之后,你需要单击开始扫描按钮以运行媒体分析。Media Cleaner现在将在你的媒体库和WordPress帖子/页面中查找文件。它将尝试查找你的媒体库中但未在你的网站上使用的文件。这可能需要一段时间,具体取决于媒体库的大小和所包含的内容。完成后,你将看到结果列表。它将显示你网站上当前未使用的所有媒体文件。

扫描未使用的媒体资源

你可以选择不想保留的文件并将其删除。你也可以单击全部删除按钮立即删除所有未使用的媒体文件。

方法2.使用Media Dedupper清理WordPress媒体库

对于这种方法,我们将使用Media Dedupper插件。它也有免费和收费版本。但是,我们建议使用专业版,因为它可以防止在WordPress画廊,Yoast SEO,WooCommerce等中删除重复的图像。首先,你需要安装并激活Media Dedupper插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,你需要访问媒体»管理重复页面,然后单击索引媒体按钮来分析你的媒体库。

使用Media Dedupper清理WordPress媒体库

该插件将开始分析你的媒体库,并将列出所有重复的图像。然后,你可以查看你的网站上是否使用了重复的图像。查看文件后,你可以选择所有文件或特定的重复项。接下来,只需从“批量操作”下拉菜单中选择“智能删除”,然后单击“应用”按钮即可。

使用Media Dedupper删除WordPress媒体库

智能删除功能将确保不删除你网站上正在使用的图像。它还将合并重复的图像,使你可以重用媒体文件,而无需重新上传同一文件。

优化你的媒体文件

现在你已经处理了网站上的重复图像,下一步是优化现有的媒体文件。很多初学者直接从手机和相机上传图像。这些高质量图像的文件大小通常太大。它们占用磁盘空间,增加备份大小,并影响WordPress的速度和性能。你可以使用WordPress图像压缩插件自动优化媒体文件,而不会降低质量。你还可以在将图片上传到网站上之前,使用我们的技巧来优化图片以提高网络性能(效果会更好)。

如何从页脚中删除“由WordPress强力驱动”?
WordPress 可能是世界上最受欢迎的内容管理系统之一,但是你很可能希望人们将你的网站视为一个独特的实体,而不是“仅仅是另一个” WordPress 网站。如果你正在经营一家企业,那么你甚至可能担心,将信誉归功于另一个组织会使你的企业显得不太专业。尽管可以删除 Powered By WordPress 页脚,但没有一种万能的解决方案,因为此过程可能会因你当前使用的 WordPress 主题而异。

乐客互联
by 乐客互联

如何从页脚中删除“由WordPress强力驱动”?

河北乐客互联
  •  20

如何从页脚中删除“由WordPress强力驱动”?

发布时间:2020-01-09 17:53:59


WordPress 可能是世界上最受欢迎的内容管理系统之一,但是你很可能希望人们将你的网站视为一个独特的实体,而不是“仅仅是另一个” WordPress 网站。如果你正在经营一家企业,那么你甚至可能担心,将信誉归功于另一个组织会使你的企业显得不太专业。尽管可以删除 Powered By WordPress 页脚,但没有一种万能的解决方案,因为此过程可能会因你当前使用的 WordPress 主题而异。

在此篇文章中,我将分享四种删除 WordPress 版权页脚的方法。在继续进行更晦涩的修补程序之前,我将以最快,最简单的方法开始-包括你只能在不得已时才使用的修补程序。

删除WordPress版权页脚是否合法?

如果你担心删除 WordPress 免责声明的法律后果,请不用担心:WordPress 是根据GNU通用公共许可证(GNU)发布的。此免费软件许可为你提供了运行,共享,重新分发甚至修改 WordPress 的合法权利,其中包括修改其页脚文本。

1.使用主题定制器删除“由 WordPress 强力驱动”

首先,你应该检查是否可以通过 WordPress 的主题自定义程序禁用页脚:

  • 在WordPress的左侧菜单中,选择外观>自定义。
  • 选择页脚>底部栏。
  • 如果出现“禁用页脚信息”复选框,请单击它。
  • 单击发布保存更改。

如果“主题定制器”没有“ 禁用页脚积分”复选框,请查找标有“ 页脚设置”,“ 版权区域 ”或“ 版权文本”的任何部分,因为这些部分通常包含可用于编辑页脚甚至完全禁用的设置。

2.考虑切换到其他 WordPress 主题

如果你无法在主题定制器中编辑页脚,则切换到其他主题可能会更容易,因为大量的 WordPress 主题确实允许你使用主题定制器删除 Powered by WordPress 脚注。如果你花费大量时间来完善你的网站,那么你可能并不急于淘汰当前主题,但是本文介绍的其余技术都需要你触摸网站的代码,这远非如此。比切换到其他主题要冒险。

如果你决定更改网站主题:

  • 从WordPress的左侧菜单中选择外观>主题。
  • 单击“添加新主题”按钮,然后浏览所有可用的主题。
  • 找到要测试的主题后,单击“实时预览”。
  • 如果你对结果满意,请点击激活并发布。

现在,从外观>自定义中打开主题自定义主题,然后检查是否可以编辑网站的页脚文本。

3.修改主题的 footer.php 文件

主题的 footer.php 文件包含显示网站页脚所需的所有信息,包括 WordPress 提供的技术支持。你通常可以通过从 footer.php 文件中删除相应的代码段。请注意,此方法通常需要具备一些网页技术知识,因为你需要删除的代码会因主题而异。

要打开 footer.php 文件进行编辑,请从 WordPress 管理菜单中选择外观>主题编辑器 。打开“选择主题以编辑”下拉菜单,然后选择你当前正在使用的主题。如果不确定,请从 WordPress 的左侧菜单中选择外观>主题;你当前的主题将被标记为 Active。

找到页脚代码,并将其删除。不幸的是,页脚代码可能会因所使用的主题而异,因此,你可能需要使用Google以查明控制网站页脚的代码行。例如,由于我使用的是“二〇〇七”主题,因此需要删除以下内容:

get_template_part( 'template-parts/footer/site', 'info' );

4.使用CSS隐藏“ WordPress强力驱动”页脚

如果上述所有方法都失败了,那么你可以通过主题定制器添加一些CSS来隐藏页脚功劳,但是有一个问题。垃圾邮件发送者通常使用此技术将链接隐藏在其网站内,以期人为地提高该网站在Google中的排名。

如果使用CSS隐藏网站的页脚,则可能会将你的网站标记为垃圾邮件,这将损害其搜索引擎排名。但是,如果你一无所获,或者你正在开发一个私人网站,而SEO(搜索引擎优化)不是主要问题,那么这可能是一个可行的选择。

要使用CSS隐藏网站的页脚,请执行以下操作:

  • 在WordPress的左侧菜单中,选择外观>自定义。
  • 添加自定义CSS。
  • .site-info { display: none; }

单击发布保存更改。

Nginx如何设置负载均衡
负载平衡是一种非常有用的技术,可以在多个服务器之间分配传入的网络流量。使用此技术,您可以减少资源使用量,缩短响应时间并避免服务器过载。在本教程中,我们将指导您完成在Linux VPS上配置Nginx负载平衡的步骤。Nginx负载平衡是实现完全应用程序冗余的最有效的选项之一,并且相对容易且快速设置。我们将使用循环机制配置Nginx负载平衡。这样,它将所有请求转发到Nginx配置中包括的相应服务器。

乐客互联
by 乐客互联

Nginx如何设置负载均衡

河北乐客互联
  •  14

Nginx如何设置负载均衡

发布时间:2019-10-25 16:07:14


负载平衡是一种非常有用的技术,可以在多个服务器之间分配传入的网络流量。使用此技术,您可以减少资源使用量,缩短响应时间并避免服务器过载。在本教程中,我们将指导您完成在Linux VPS上配置Nginx负载平衡的步骤。Nginx负载平衡是实现完全应用程序冗余的最有效的选项之一,并且相对容易且快速设置。我们将使用循环机制配置Nginx负载平衡。这样,它将所有请求转发到Nginx配置中包括的相应服务器。

目录

  1. 登录SSH
  2. 更新所有软件
  3. 安装Nginx Web 服务器
  4. 添加负载均衡
  5. 在Nginx中添加上游模块
  6. 重新启动Nginx
  7. 设置权重平衡
  8. 设置最大失败次数
  9. 设置IP哈希平衡

以root用户身份登录到服务器

ssh root@IP_Address

更新所有软件

apt-get update && apt-get upgrade

安装Nginx Web服务器

apt-get install nginx

安装完成后,检查Web服务器是否正在运行。

	service nginx status
nginx.service - A high performance web server and a reverse proxy server
Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset: enabled)
Active: active (running)  

添加负载均衡

使用文本编辑器打开网站的Nginx配置文件。

vim /etc/nginx/sites-available/yourdomain.com.conf

并将负载平衡配置附加到文件顶部。

	upstream loadbalancer {
server vps1.yourdomain.com;
server vps2.yourdomain.com;
server vps3.yourdomain.com;
} 

在Nginx中添加上游模块

在相同的配置文件yourdomain.com.conf中,我们需要在virtualhost配置中添加上游模块。

server {
location / {
proxy_pass http://loadbalancer;
}
}

重新启动Nginx服务器

保存所有文件只有重启Nginx服务器。

service nginx restart

此配置将在三台服务器(vps1.yourdomain.com,vps2.yourdomain.com,vps3.yourdomain.com)之间平均分配所有传入流量。Nginx也可以配置为更有效地分配流量。它带有平衡选项,例如权重平衡,最大失败数和IP哈希平衡。

权重平衡

我们可以使用此选项来指定分配给上游列出的每个服务器的流量的比例。

upstream loadbalancer {
server vps1.yourdomain.com weight=1;
server vps2.yourdomain.com weight=2;
server vps3.yourdomain.com weight=5;
}

此示例中,vps2.yourdomain.com的流量是vps2.yourdomain.com的两倍,vps3.yourdomain.com的流量是vps1.yourdomain.com的五倍。

最大失败次数

如果使用默认的Nginx设置,即使服务器关闭,它也会将数据发送到服务器。我们可以使用“最大失败次数”选项来防止这种情况。

upstream loadbalancer {
server vps1.yourdomain.com max_fails=4  fail_timeout=20s;
server vps2.yourdomain.com weight=2;
server vps3.yourdomain.com weight=4;
}

在上面的示例中,Nginx将尝试连接到vps1.yourdomain.com,如果响应时间超过20秒,它将进行另一次尝试。经过四次尝试,vps1.yourdomain.com将被视为关闭。

设置IP哈希平衡

使用此方法,访问者将始终被发送到同一服务器。因此,如果访问者收到vps1.yourdomain.com的内容,则除非服务器停机或无法访问,否则它将始终传输到该服务器。

upstream loadbalancer {
ip_hash;
server vps1.yourdomain.com;
server vps2.yourdomain.com;
server vps3.yourdomain.com down;
}
IIS如何开启HSTS(HTTPS严格传输)
HTTP Strict Transport Security(通常简称为HSTS)是一个安全功能,它告诉浏览器只能通过HTTPS访问当前资源,而不是HTTP。启用 HSTS 不仅仅可以有效防范中间人攻击,同时也为浏览器节省来一次 302/301 的跳转请求,如果配置了HSTS,网站则通过HTTP Strict Transport Security通知浏览器,这个网站禁止使用HTTP方式加载,浏览器应该自动把所有尝试使用HTTP的请求自动替换为HTTPS请求。

乐客互联
by 乐客互联

IIS如何开启HSTS(HTTPS严格传输)

河北乐客互联
  •  48

IIS如何开启HSTS(HTTPS严格传输)

发布时间:2019-08-29 18:17:00


HTTP Strict Transport Security(通常简称为HSTS)是一个安全功能,它告诉浏览器只能通过HTTPS访问当前资源,而不是HTTP。启用 HSTS 不仅仅可以有效防范中间人攻击,同时也为浏览器节省来一次 302/301 的跳转请求,如果配置了HSTS,网站则通过HTTP Strict Transport Security通知浏览器,这个网站禁止使用HTTP方式加载,浏览器应该自动把所有尝试使用HTTP的请求自动替换为HTTPS请求。

HTTP严格传输安全(英语:HTTP Strict Transport Security,缩写:HSTS)是一套由互联网工程任务组发布的互联网安全策略机制。网站可以选择使用HSTS策略,来让浏览器强制使用HTTPS与网站进行通信,以减少会话劫持风险。

作用

HSTS的作用是强制客户端(如浏览器)使用HTTPS与服务器建立连接。服务器开启HSTS的方法是,当客户端通过HTTPS发出请求时,在服务器返回的超文本传输协议(HTTP)响应头中包含Strict-Transport-Security字段。非加密传输时设置的HSTS字段无效。

比如,https://example.com/ 的响应头含有Strict-Transport-Security: max-age=31536000; includeSubDomains。这意味着两点:

  1. 在接下来的31536000秒(即一年)中,浏览器向example.com或其子 域名发送HTTP请求时,必须采用HTTPS来发起连接。比如,用户点击 超链接或在地址栏输入 http://www.example.com/ ,浏览器应当自动将 http 转写成 https,然后直接向 https://www.example.com/ 发送请求。
  2. 在接下来的一年中,如果 example.com 服务器发送的TLS 证书无效,用户不能忽略浏览器警告继续访问网站。

HSTS可以用来抵御SSL剥离攻击。SSL剥离攻击是中间人攻击的一种,由Moxie Marlinspike于2009年发明。他在当年的黑帽大会上发表的题为“New Tricks For Defeating SSL In Practice”的演讲中将这种攻击方式公开。SSL剥离的实施方法是阻止浏览器与服务器建立HTTPS连接。它的前提是用户很少直接在地址栏输入https://,用户总是通过点击链接或3xx重定向,从HTTP页面进入HTTPS页面。所以攻击者可以在用户访问HTTP页面时替换所有https://开头的链接为http://,达到阻止HTTPS的目的。

HSTS可以很大程度上解决SSL剥离攻击,因为只要浏览器曾经与服务器建立过一次安全连接,之后浏览器会强制使用HTTPS,即使链接被换成了HTTP

IIS开启HSTS

此方法未在IIS7/8.5版本测试,如果设置后网站出现500状态码则撤销更改;在配置HSTS前需要将http请求重定向到https请求上。

方法一:添加自定义HTTP响应头

在网站根目录下的web.config文件里添加以下代码:

	 <configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name=&quot;Strict-Transport-Security&quot; value=&quot;max-age=31536000&quot; />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration> 

方法二:利用URL重写工具

安装URL重写模块,并为具有HTTP和HTTPS绑定的单个网站配置重写规则。HTTP到HTTPS重定向可以由入站规则指定,而将STS标头添加到HTTPS回复可以通过出站规则来实现。

	<?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name=&quot;Redirect HTTP to HTTPS&quot; stopProcessing=&quot;true&quot;>
                    <match url=&quot;(.*)&quot; />
                    <conditions>
                        <add input=&quot;{HTTPS}&quot; pattern=&quot;off&quot; />
                    </conditions>
                    <action type=&quot;Redirect&quot; url=&quot;https://{HTTP_HOST}/{R:1}&quot; redirectType=&quot;Permanent&quot; />
                </rule>
            </rules>
            <outboundRules>
                <rule name=&quot;Add the STS header in HTTPS responses&quot;>
                    <match serverVariable=&quot;RESPONSE_Strict_Transport_Security&quot; pattern=&quot;.*&quot; />
                    <conditions>
                        <add input=&quot;{HTTPS}&quot; pattern=&quot;on&quot; />
                    </conditions>
                    <action type=&quot;Rewrite&quot; value=&quot;max-age=31536000&quot; />
                </rule>
            </outboundRules>
        </rewrite>
    </system.webServer>
</configuration>

如果配置以上代码后网站未出现500等错误,既可以打开浏览器测试HSTS是否配置成功。

测试HSTS是否成功

使用Google Chrome 浏览器打开站点,按下F12打开控制台,转到Network,点击列表中的页面,查看Response Headers中的消息头列表:

查看IIS是否配置了HSTS

如果有类似Strict-Transport-Security: max-age=31536000; includeSubDomains; preload的代码,则证明HSTS配置成功。

如何下载并分析网站的日志文件
网站日志是记录web服务器接收处理请求以及运行时错误等各种原始信息的以.log结尾的文件,确切的讲,应该是服务器日志。网站日志最大的意义是记录网站运营中比如空间的运营情况,被访问请求的记录。通过网站日志可以清楚的得知用户在什么IP、什么时间、用什么操作系统、什么浏览器、什么情况下访问了你网站的哪个页面,是否访问成功等等。

乐客互联
by 乐客互联

如何下载并分析网站的日志文件

河北乐客互联
  •  69

如何下载并分析网站的日志文件

发布时间:2019-08-20 09:39:29


网站日志是记录web服务器接收处理请求以及运行时错误等各种原始信息的以.log结尾的文件,确切的讲,应该是服务器日志。网站日志最大的意义是记录网站运营中比如空间的运营情况,被访问请求的记录。通过网站日志可以清楚的得知用户在什么IP、什么时间、用什么操作系统、什么浏览器、什么情况下访问了你网站的哪个页面,是否访问成功等等。

网站日志存放在哪里?

大部分主机包括虚拟主机都会提供一个网站日志功能。网站日志不同于流量统计,流量统计只是统计网站的IP、PV、UV等信息,而网站日志则是整个网站的运行情况,包括用户的IP,访问详情,页面来源,还有用户的UA等等。站长们可以根据用户UA来判断是否有假的蜘蛛来采集网站内容。

虚拟主机日志存放路径:

  1. 阿里云虚拟主机:需要登陆虚拟主机"控制台"=>"文件管理"=>"网站日志下载",选择某一天的日志点击下载,之后会在网站里创建一个文件夹名为wwwlogs的文件夹,从FTP里下载即可。
  2. 西部数据虚拟主机:需要登录虚拟主机管理页面,找到"网站情报系统"下的"WWW日志",点击下载WebLog日志,之后会在网站里创建一个名为logfiles的文件夹,同样从FTP里下载即可。(西部数据的日志有日期限制,只能下载近几天的日志。)
  3. 百度云虚拟主机:需要登录虚拟主机管理页面,点击"日志管理"=>"主机日志",开启FTP日志,保存目录为根目录/ftplogs
  4. 其他虚拟主机请咨询客服。

下载到网站目录里的网站日志文件

云服务器的日志存放路径

  1. Windows Server系列操作系统:一般情况下在C盘下的intepub/logs/LogFiles文件夹下,比如W3SVC6000,其中"6000"为站点的ID。
  2. Linux系列系统因使用的管理软件不同其日志文件存放路径也不同,以宝塔面板为例,登录宝塔管理面板,找到左侧的"文件",打开路径"根目录=>www=>wwwlogs"文件夹,使用宝塔面板创建的网站日志文件通常会在一个文件里保存,网站日志文件名通常以创建网站时的名称+"access_log"命名,错误信息通常以网站名称+"error_log"结尾。

如何查看IIS站点的ID:

打开IIS,找到要查看ID的站点,在右侧点击高级设置,在常规栏目下找到ID即可。

在IIS中查看网站的ID

分析日志文件

从服务器上下载日志文件后,可以利用第三方日志分析网站来分析日志详情,也可以使用Excel等工具分析网站日志。

利用第三方日志分析网站分析

将网站日志上传到第三方日志分析网站上,比如 LogHao日志分析工具,上传之后输入网站URL,点击分析即可在右侧看到日志分析详情。

在线网站日志分析工具

利用Excel工具查看

在导入到Excel之前,需要打开日志文件把列表头的一些无用字段删除掉,比如"#Software: Microsoft Internet Information Services 10.0"、"#Version: 1.0"等等字段。打开Excel,在菜单里找到"数据=>获取外部数据=>自文本",打开导入文件对话框,将右下角的文件类型选择"所有文件(*.*)",选中日志文件。

接着会出现文本导入向导对话框,在原始数据类型中选择"分隔符号",点击"下一步","分割符号"选择"空格",点击下一步、完成,将数据放置到=$A$1位置下即可。

导入成功后会在表格中显示整个日志信息,其中一些列表头的意义为:

date time s-ip cs-method cs-uri-stem cs-uri-query s-port
日期 时间 服务器内网IP 方法 URL地址 URL参数(?后面的字符) 服务器端口

c-ip cs(User-Agent) cs(Referer) sc-status sc-win32-status time-taken
用户(访问者)IP 浏览器UA(用户标识) 链接来源(从哪个页面点击进来,通过该信息可以找到盗取资源的家伙) 服务端状态码 是否64为操作系统("0"为32位,"64"为64为) 访问延迟(单位:毫秒ms)

站长们需要重点关注的几点是:访问的URL地址、浏览器UA(非常重要,此字段可以分辨真假蜘蛛)、服务器状态码(重要,如果有404或非200等正常状态码就需要检查网站链接)、访问延迟(最好关注下,如果延迟很高说明服务器带宽低或者有人在盗取你网站上的资源)。

重要关注点说明

访问的URL地址(cs-uri-stem)

cs-uri-stem为用户访问、搜索引擎抓取的地址,如果搜索引擎抓取了不是自己网站上的链接,请及时向站站长平台反馈信息;如果出现经常有用户访问css、img和js等文件,却没有访问网页的情况时,需要站长们注意自己网站的资源是否已经被别人盗用,被别人盗用会增加自己网站的请求量,增加用户打开网站加载时间,甚至还会增加你的流量费用(有流量限制的虚拟主机)。如果被盗用资源可以联系主机服务商是否可以开启防盗链功能。

用户UAcs(User-Agent)

用户UA代表用户是以哪种浏览器访问,或搜索引擎的标识,比如"Sogou+web+spider"、"compatible;+Baiduspider/2.0"等等,如果你没有提交站点给某一个搜索引擎,用户UA却出现了这个搜素引擎的标识,比如国外的“MJ12bot”等等(需要注意的是,搜索引擎抓取频率过多也会导致网站服务器压力过大),请及时将其他没有提交的搜索引擎标识写进robots.txt文件里并设置禁止抓取(Disallow: /);如果发现有其他网站采集本站的数据,需要站长们做好防采集功能。

常见的搜索引擎UA有:

搜索引擎名称 搜索引擎标识
百度蜘蛛 compatible;+Baiduspider
Google蜘蛛 compatible; Googlebot/2.1
Google图片蜘蛛 Googlebot-Image/1.0
必应蜘蛛 msnbot/2.0b
搜狗蜘蛛 Sogou+web+spider

请求状态码(sc-status)

请求状态码反映了网站的链接或者资源是否可以打开,常见的状态码有:200(ok)表示访问正常;301(永久重定向);302(暂时重定向);403(禁止访问);404(页面或资源不存在);500系列(通常为网站内部错误,比如代码语法错误等原因导致页面无法呈现)。

如果网站上出现了大量的400、500等状态码,需要站长们重点注意:网站是否有死链;是否有拼写错误的链接;网站的环境配置是否正确,比如php.Net环境等,以及php代码或asp(x)代码是否书写正确。

访问延迟(time-taken)

访问延迟(或者说响应时间)一般在30~200毫秒之间为最佳,超过了1000毫秒则说明网站配置较低或带宽低,客户访问的地理位置和服务器的地理位置比较远,也不排除有其他网站盗用资源或者采集数据。建议选购主机时选择离客户地理位置近的区域或是升级服务器配置、增加网站带宽。

参考链接:
简书:如何分析网站日志文件
使用CSS变量来为Web开发更便捷
CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名,并使用特定的 var() 来访问。(比如 color: var(--main-color);)。其中变量类型分为两种,局部变量和全局变量,局部变量用于一个选择其中,而全局变量用于整个文档。

乐客互联
by 乐客互联

使用CSS变量来为Web开发更便捷

河北乐客互联
  •  30

使用CSS变量来为Web开发更便捷

发布时间:2019-08-16 17:28:18


CSS变量是由CSS作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名,并使用特定的 var() 来访问。(比如 color: var(--main-color);)。其中变量类型分为两种,局部变量和全局变量,局部变量用于一个选择其中,而全局变量用于整个文档。

CSS变量简介

在一些命令式编程语言中,像Java、C++亦或是JavaScript,通过变量我们能够跟踪某些状态。变量是一种符号,关联着一个特定的值,变量的值能随着时间的推移而改变。在像CSS这种声明式语言中,随着时间而改变的值并不存在,也就没有所谓变量的概念了。 CSS引入了一种层级变量的概念,从而能够从容应对可维护性的挑战。这就会使得在整个CSS中都可以象征性的引用一个变量。

CSS变量形式

CSS 变量当前有两种形式:

变量:

变量,就是拥有合法标识符和合法的值。可以被使用在任意的地方。可以使用var()函数使用变量。例如:var(--example-variable)会返回--example-variable所对应的值。

自定义变量:

使用--*where*的特殊格式作为名字。例如--example-variable: 20px;即使一个css声明语句,意思是将20px赋值给--example-varibale变量。

什么时候需要用CSS变量

在构建大型站点时,设计师通常会面对可维护性的挑战。在这些网页中,所使用的CSS的数量是非常庞大的,并且在许多情况下大量的值会重复使用。例如,在网页中维护一个配色方案,意味着一些颜色在CSS文件中多次出现,并被重复使用。当你修改配色方案时,不论是调整某个颜色或完全修改整个配色,都会成为一个复杂的问题,而单纯查找替换是远远不够的。

如果使用了其他CSS 框架,这种情况会变得更为糟糕。如果要修改颜色,则需要对框架本身进行修改。在这些场合使用 LESS 或 Sass 类似的预处理器是非常有帮助的,但是这种通过添加额外步骤的方式,可能会增加整个网站的复杂性。CSS变量为我们带来一些预处理器的便利,并且不需要额外的编译。

使用CSS变量的优势就是变量名称本身可以包含语义信息,使CSS文件变得易读和理解。比如main-text-color比文档中的#00ff00更容易理解,特别是同样的颜色出现在不同的文件中的时候。

使用示例

声明一个局部变量:

	element {
  --main-bg-color: brown;
} 

声明一个全局变量:

	:root {
  --global-color: #666;
  --pane-padding: 5px 42px;
} 

使用方法很简单,在需要使用的地方调用即可,比如:

局部变量

	element {
  background-color: var(--main-bg-color);
} 

全局变量

	.demo{
   color: var(--global-color);
} 

Var()函数

Var()函数用来读取已经定义好的变量,假如变量foo和bar已经定义好。

	a {
  color: var(--foo);
  text-decoration-color: var(--bar);
} 

Var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就会使用这个默认值。

	color: var(--foo, #7F583F); 

全局变量可以在任何地方调用。CSS变量的前缀是--,Sass的前缀是$,而Less的前缀是@

参考链接:
使用CSS变量
CSS 变量教程
HTML5 input标签中的pattern属性详解
表单在网页中经常会被用到,尤其是在注册、登录和搜索模块中。如果不验证用户输入的字符串,很可能会造成SQL注入,甚至会对整个数据库造成不可挽回的风险。要进行表单验证,可以借助javascript和input的pattern属性来限制用户的输入。

乐客互联
by 乐客互联

HTML5 input标签中的pattern属性详解

河北乐客互联
  •  40

HTML5 input标签中的pattern属性详解

发布时间:2019-08-14 16:30:53


表单在网页中经常会被用到,尤其是在注册、登录和搜索模块中。如果不验证用户输入的字符串,很可能会造成SQL注入,甚至会对整个数据库造成不可挽回的风险。要进行表单验证,可以借助javascript和input的pattern属性来限制用户的输入。

什么是SQL注入

SQL注入,就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库,而不是按照设计者意图去执行SQL语句。

更详细的SQL注入介绍,请查看简书 sql注入基础原理(超详细)

如何防止SQL注入

常见的防止SQL注入方法有以下几种:

  1. 永远不要信任用户的输入。对用户的输入进行校验,可以通过正则表达式,或限制长度;对单引号和 双"-"进行转换等。
  2. 永远不要使用动态拼装sql,可以使用参数化的sql或者直接使用存储过程进行数据查询存取。
  3. 永远不要使用管理员权限的数据库连接,为每个应用使用单独的权限有限的数据库连接。
  4. 不要把机密信息直接存放,加密或者hash掉密码和敏感的信息。
  5. 应用的异常信息应该给出尽可能少的提示,最好使用自定义的错误信息对原始错误信息进行包装。
  6. sql注入的检测方法一般采取辅助软件或网站平台来检测,软件一般采用sql注入检测工具jsky,网站平台就有亿思网站安全平台检测工具。MDCSOFT SCAN等。采用MDCSOFT-IPS可以有效的防御SQL注入,XSS攻击等。

SQL注入原理

使用JS(javascript)进行表单验证已经烂大街,这篇文章不再赘述。

使用input标签的pattern属性进行表单验证

pattern属性用于验证输入字段的模式,需要输出正则表达式来限制。

要使用pattern属性,必须了解正则表达式才能正确的使用。

正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。

限制用户只能输入数字:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[^\d]/g"> 

限制用户只能输入英文字母:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[/W]/g"> 

限制用户只能输入数字和英文字母:

	<input type="text" value="" name="title" placeholder="请输入要搜索的内容" required="" pattern="[\w]/g"> 

pattern属性设置为:/[\W]/g时,用户只能输入数字和英文,如果输入的字符串不匹配,则会提示"请与所请求的格式保持一致"(Chrome)。

限制用户只能输入5-20个以字母开头、可带数字、“_”、“.”的字串

	<input type="text" value="" name="title" placeholder="请输入用户名 " required="" pattern="^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$"> 

设置了以上规则后即可简单的来限制用户输入。你可以学习更多的正则表达式语法,来为表单设置其他规则。但要做到更高级别的限制,需要在服务端设置字符串过滤和转换。

MySQL 各种查询数据库的方法
MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。要查询数据库中的数据,需要用到SELECT语句和其他子句,比如WHERE子句和BETWEEN子句等等。

乐客互联
by 乐客互联

MySQL 各种查询数据库的方法

河北乐客互联
  •  37

MySQL 各种查询数据库的方法

发布时间:2019-08-13 17:25:25


MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。要查询数据库中的数据,需要用到SELECT语句和其他子句,比如WHERE子句和BETWEEN子句等等。

在进行MySQL查询数据演示之前,我们需要新建立一个空数据表,并执行以下SQL语句:

	CREATE TABLE fruits
(
f_id    char(10)         NOT NULL,
s_id    INT            NOT NULL,
f_name  char(255)      NOT NULL,
f_price decimal(8,2)      NOT NULL,
PRIMARY KEY(f_id) 
); 

创建演示数据库表

为了演示如何使用SQL语句的SELECT命令,需要在fruits数据表中执行以下SQL语句:

	INSERT INTO fruits (f_id, s_id, f_name, f_price)
     VALUES('a1', 101,'apple',5.2),
     ('b1',101,'blackberry', 10.2),
     ('bs1',102,'orange', 11.2),
     ('bs2',105,'melon',8.2),
     ('t1',102,'banana', 10.3),
     ('t2',102,'grape', 5.3),
     ('o2',103,'coconut', 9.2),
     ('c0',101,'cherry', 3.2),
     ('a2',103, 'apricot',2.2),
     ('l2',104,'lemon', 6.4),
     ('b2',104,'berry', 7.6),
     ('m1',106,'mango', 15.6),
     ('m2',105,'xbabay', 2.6),
     ('t4',107,'xbababa', 3.6),
     ('m3',105,'xxtt', 11.6),
     ('b5',107,'xxxx', 3.6);  

向演示数据库中插入演示信息

执行完两段SQL语句后数据库表和记录就会被创建和插入。

基本查询

SELECT语句

SELECT命令可以读取一条或者多条记录。

查询表中所有字段:

	SELECT * FROM fruits; 

查询结果:

f_id s_id f_name f_price
a1 101 apple 5.20
b1 101 blackberry 10.20
bs1 102 orange 11.20
bs2 105 melon 8.20
t1 102 banana 10.30
t2 102 grape 5.30
o2 103 coconut 9.20
c0 101 cherry 3.20
a2 103 apricot 2.20
l2 104 lemon 6.40
b2 104 berry 7.60
m1 106 mango 15.60
m2 105 xbabay 2.60
t4 107 xbababa 3.60
m3 105 xxtt 11.60
b5 107 xxxx 3.60

列查询

查询fruits表中f_name列所有水果名称,SQL语句如下:

	SELECT f_name FROM fruits; 

该语句使用SELECT声明从fruits表中获取名称为f_name字段下的所有水果名称,指定字段的名称紧跟在SELECT关键字之后,查询结果如下:

查询表中所有水果的名称

如果要查询两列或更多列,需要在第一列后加上逗号分隔,比如:

	SELECT f_name, f_price FROM fruits; 

条件查询

Where子句

Where子句用于向SELECT语句设置特定的查询条件,可以使用AND和OR指定一个或多个条件,也可用于DELETE和UPDATE命令。

查询价格为10.2元的水果的名称,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price = 10.2;  

查询结果如下:

查询价格为10.2元的水果的名称结果

查找名称为“apple”的水果的价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_name = 'apple'; 

查询价格小于10的水果的名称,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price < 10; 

查询所有为s_id101和102的记录,SQL语句如下:

	SELECT s_id,f_name, f_price FROM fruits WHERE s_id IN (101,102) ORDER BY f_name; 

查询所有s_id不等于101也不等于102的记录,SQL语句如下:

	SELECT s_id,f_name, f_price FROM fruits WHERE s_id NOT IN (101,102) ORDER BY f_name; 

BETWEEN子句

BETWEEN 运算符用于 WHERE 表达式中,选取介于两个值之间的数据范围。BETWEEN 同 AND 一起搭配使用,语法如下:

	WHERE column BETWEEN value1 AND value2 

通常 value1 应该小于 value2。当 BETWEEN 前面加上 NOT 运算符时,表示与 BETWEEN 相反的意思,即选取这个范围之外的值。

查询价格在2.00元到10.20元之间的水果名称和价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price BETWEEN 2.00 AND 10.20; 

查询价格在2.00元到10.20元之外的水果名称和价格,SQL语句如下:

	SELECT f_name, f_price FROM fruits WHERE f_price NOT BETWEEN 2.00 AND 10.20; 

LIKE子句

LIKE子句用于模糊查询某字段中包含某个字符的记录,可以用"%"来表示任意字符,如果没有写"%"则于"="效果一样。

查询所有以’b’字母开头的水果,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE 'b%'; 

查询f_name中包含字母’g’的记录,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE '%g%'; 

查询以’b’开头,并以’y’结尾的水果的名称,SQL语句如下:

	SELECT f_name FROM fruits WHERE f_name LIKE 'b%y'; 

查询以字母’y’结尾,且’y’前面只有4个字母的记录,SQL语句如下:

	SELECT f_id, f_name FROM fruits WHERE f_name LIKE '----y';  
政治投票网站前端设计

乐客互联
by 乐客互联

政治投票网站前端设计

河北乐客互联
  •  22

政治投票网站前端设计

发布时间:2019-09-06 15:52:25


最后更新
创建
古腾堡优化 没有
高分辨率
小工具准备好了
兼容的浏览器 IE11FirefoxSafariOperaChromeEdge
兼容 Bootstrap 4.x
骨架 Unyson
软件版本 WordPress 5.2.x
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 竞选候选人慈善机构众筹捐赠选举事件非营利组织非营利组织政治政治领袖政党政治wordpress主题政治家政治

多概念企业业务网站前端页面设计

乐客互联
by 乐客互联

多概念企业业务网站前端页面设计

河北乐客互联
  •  19

多概念企业业务网站前端页面设计

发布时间:2019-09-06 15:30:12


最后更新
创建 8月8日19日
古腾堡优化
高分辨率
小工具准备好了
兼容的浏览器 IE11FirefoxSafariOperaChromeEdge
兼容 ElementorBootstrap 4.x
骨架 Unyson
软件版本 WordPress 5.2.xWordPress 5.1.xWordPress 5.0.xWordPress 4.9.xWordPress 4.8.x
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 机构应用程序登陆比特币业务企业创意现代多用途投资组合响应saas软件启动技术Web应用程序





教育网站前端设计

乐客互联
by 乐客互联

教育网站前端设计

河北乐客互联
  •  12

教育网站前端设计

发布时间:2019-09-06 15:13:08


最后更新
创建
古腾堡优化
高分辨率
小工具准备好了
兼容的浏览器 IE10IE11FirefoxSafariOperaChromeEdge
兼容 bbPress 2.5.xBuddyPress 4.1.xBuddyPress 3.0.xBuddyPress 2.5.xElementorVisual Composer 5.1.xVisual Composer 4.12.xVisual Composer 4.11.xVisual Composer 4.11.2.1WooCommerce 3.5.xWooCommerce 3.4.xWooCommerce 3.3.xWooCommerce 3.2.xWooCommerce 3.1.xWooCommerce 3.0.xWPBakery Page Builder 5.5.xWPBakery Page Builder 5.4.xWPBakery Page Builder 5.3WPBakery Page Builder 5.2.xWPMLBootstrap 3.x
软件版本 WordPress 5.2.xWordPress 5.1.xWordPress 5.0.xWordPress 4.9.xWordPress 4.8.xWordPress 4.7.xWordPress 4.6.1WordPress 4.6WordPress 4.5.xWordPress 4.5.2WordPress 4.5 .1WordPress 4.5
包含ThemeForest文件 PHP文件CSS文件JS文件
4+
文档 记录良好
布局 响应
标签 学院coursera教育教育wordpress主题电子学习学习学习管理系统lms教学培训培训中心udemy大学wordpress教育主题wp lms





响应正常运行时间的商务WordPress主题前端设计

乐客互联
by 乐客互联

响应正常运行时间的商务WordPress主题前端设计

河北乐客互联
  •  15

响应正常运行时间的商务WordPress主题前端设计

发布时间:2019-08-27 18:13:10


Last Update
Created 7 August 19
Gutenberg Optimized Yes
High Resolution Yes
Widget Ready Yes
Compatible Browsers IE11, Firefox, Safari, Opera, Chrome, Edge
Compatible With Elementor
Software Version WordPress 5.2.x, WordPress 5.1.x, WordPress 5.0.x, WordPress 4.9.x, WordPress 4.8.x
ThemeForest Files Included PHP Files, CSS Files, JS Files
Columns 4+
Documentation Well Documented
Layout Responsive
Tags app, bootstrap, business, corporate, education, event, landing, magazine, marketing, multipurpose, parallax, portfolio, shop, startup

点燃前端页面设计
要像专业人士一样在网上启动您的项目,Ignite是要考虑的免费托管网站模板。任何网络托管和域名注册商公司都可以将Ignite充分利用并在线发挥作用。您现在可以从Ignite及其附带的所有特权中受益,而不是从头开始进行网页设计。该工具的布局灵敏,灵活,遵循所有最新的网络实践,非常吸引眼球。

乐客互联
by 乐客互联

点燃前端页面设计

河北乐客互联
  •  14

点燃前端页面设计

发布时间:2019-08-27 16:49:10


要像专业人士一样在网上启动您的项目,Ignite是要考虑的免费托管网站模板。任何网络托管和域名注册商公司都可以将Ignite充分利用并在线发挥作用。您现在可以从Ignite及其附带的所有特权中受益,而不是从头开始进行网页设计。该工具的布局灵敏,灵活,遵循所有最新的网络实践,非常吸引眼球。

Ignite的其他特色是粘性导航,动画统计,号召性用语按钮,滚动内容加载和定价计划。您还可以通过集成的推荐建立客户信任,并通过创建有关托管和域名的博客回馈社区。添加联系页面还为您提供了工作表单和Google地图。通过使用免费托管网站模板Ignite,从一开始就像一个冠军一样在网上开始。


Trans Free Ultramodern单页网站模板

乐客互联
by 乐客互联

Trans Free Ultramodern单页网站模板

河北乐客互联
  •  31

Trans Free Ultramodern单页网站模板

发布时间:2019-08-16 18:26:39


这个Trans Free Ultramodern PSD单页网站模板是一个时尚的黑暗网站PSD模板,它使用独特的网站布局,有吸引力的图像和时尚的平面网格设计。选择的颜色的基调是一个强烈的声明,将让用户满意。在源头检查模板设计并继续欢乐。

BlazRobar.com是作者回馈这个社区的一种方式,通过分享他在7年的平面设计师中学到的设计技巧和窍门。本网站的重点是赠送免费PSD,免费PSD模板,网站模板和Photoshop文件,供设计师和开发人员欣赏和使用。

本网站上的所有文件都是免费的,无论如何您都可以使用。非常放松,你如何使用甚至Creative Commons太严格的文件!不需要归属,您甚至可以在商业上使用它。