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

网站定制

页面设计

网站设计制作一条龙

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

网站模板下载

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

我们的服务

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

最新模板

  • square多功能商业公司wordpress主题
    190 免费模板
    Square是一个灵活的响应式多功能主题,兼容所有浏览器和设备,完全移动友好,具有许多功能。这是一个基于WordPress定制器的最小主题,允许您使用实时预览进行自定义。该主题可用于商业,企业,数字代理,个人,投资组合,摄影,视差,博客和杂志。Square是电子商务(WooCommerce)兼容,Polylang兼容,WPML,RTL,Retina Ready,SEO友好和支持bbPress和BuddyPress。更重要的是它是一个完整的主题。
    发布时间:2019-09-17 09:53:50
  • ENVO免费多用途WordPress主题
    174 免费模板
    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主题
    154 免费模板
    Orfeo 是一个具有多用途设计的响应 WordPress 主题。它很适合小型企业和公司业务,因为它可以通过现场定制器进行高度定制。您可以使用 Orfeo 创造餐馆、初创公司、自由职业者简历、创意机构、作品集、WooCommerce 或利基像体育、医疗、博客、时尚、律师等站点。它有一页 设计,Sendinblue 通讯整合,小工具化页脚和干净的外观。主题是兼容 Elementor Page Builder,Photo Gallery,Flat Parallax Slider,Travel Map;该主题是移动友好与之有良好的搜索引擎优化。
    发布时间:2019-09-16 17:34:13
  • Futurio免费多用途wordpress响应式主题
    244 免费模板
    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响应式主题
    161 免费模板
    Zakra适用于个人博客,作品集,WooCommerce商店,商业站点和其他站点(如咖啡厅,水疗中心,慈善机构,瑜伽,婚礼,牙医,教育等)。与Elementor以及其他主要页面构建器一起使用,以便您可以创建所需的任何布局。主题是响应,Gutenberg兼容,SEO友好和主要的WordPress插件兼容。
    发布时间:2019-09-12 15:44:26
  • Hestia现代化企业创意wordpress主题
    136 免费模板
    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

客户案例

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

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

乐客网站制作案例-上海国柔电缆
乐客网站制作案例-上海国柔电缆

乐客网站制作案例-上海国柔电缆

河北乐客互联
  •  10

乐客网站制作案例-上海国柔电缆

乐客网站制作案例:国柔电缆集产品研发、生产、销售于一体、拥有优良的生产设备和完善的检测手段,健全的管理体系、严格的作业流程、严谨的品质态度与优良的服务管理,确保优质高效的服务于客户。得到了国内外客户广泛认可与厚爱,确保了产品的优良品质。

  • 客户名称:上海国柔电缆
  • 更新日期:2020-09-16 11:08:01

项目介绍

国柔电缆集产品研发、生产、销售于一体、拥有优良的生产设备和完善的检测手段,健全的管理体系、严格的作业流程、严谨的品质态度与优良的服务管理,确保优质高效的服务于客户。得到了国内外客户广泛认可与厚爱,确保了产品的优良品质。

颜色选择

#28a745

#00c9a7

#377dff

#677788

项目预览

乐客网站制作案例:上海国柔电缆

乐客网站制作案例:上海国柔电缆

乐客网站建设案例-名雕装饰品牌网站
乐客网站建设案例-名雕装饰品牌网站

乐客网站建设案例-名雕装饰品牌网站

河北乐客互联
  •  10

乐客网站建设案例-名雕装饰品牌网站

乐客网站制作案例:名雕装饰股份有限公司始建于1999年,经过十余年的稳健发展,名雕已成为集家居设计服务、工程施工服务、公共装饰设计服务、材料物流配送、家私生产、售后服务、专业教育培训于一体的全国知名家居装饰企业。

  • 客户名称:名雕装饰
  • 更新日期:2020-09-16 10:03:28

项目介绍

名雕装饰股份有限公司始建于1999年,经过十余年的稳健发展,名雕已成为集家居设计服务、工程施工服务、公共装饰设计服务、材料物流配送、家私生产、售后服务、专业教育培训于一体的全国知名家居装饰企业。公司主营业务是为中大户型住宅客户提供专业、高品质的一体化装饰服务,是国内知名的以设计为特色的“一体化家居解决方案”服务商。旗下共拥有名雕装饰、名雕丹迪、名雕盛邦、名启生态家居产业园、美家世邦建材体验馆、名雕职业技能培训六大品牌服务机构。

总部设在深圳,并在深圳、东莞、中山、江门、佛山、广州、重庆、长沙、惠州等地设有40多家直营装饰设计服务机构。多年来名雕坚持“规范化、专业化、集团化”的发展道路,信守“忠诚、务实、沟通、稳健”的经营之道,恪守“原创设计为先”和“客户利益至上”原则,深受广大客户、政府主管部门、行业协会、媒体等社会各界的高度认可与信赖,先后荣获国家工程设计与施工壹级资质、全国装饰优秀标兵企业、中国建筑装饰行业质量与服务诚信企业、广东省著名商标企业等众多殊荣。在装饰设计行业领先全国的深圳特区,更被誉为装饰行业知名品牌。

项目预览

乐客网站建设案例-美莱全屋顶
乐客网站建设案例-美莱全屋顶

乐客网站建设案例-美莱全屋顶

河北乐客互联
  •  2

乐客网站建设案例-美莱全屋顶

乐客网站建设案例-美莱全屋顶项目介绍:从1986年建厂至今,MIDAS美莱一直致力于“让更多人实现美好家居生活梦想”的使命而不懈努力。现已成为集研发、设计、制造、营销、服务于一体的全屋定制领导品牌。MIDAS美莱专于精研,坚持原创,以用户的生活梦想为中心,以人为本的设计理念,为每一个家庭提供个性、高雅、多元化的家居定制解决方案。

  • 客户名称:美莱全屋顶
  • 更新日期:2020-07-21 09:54:44

项目介绍

从1986年建厂至今,MIDAS美莱一直致力于“让更多人实现美好家居生活梦想”的使命而不懈努力。现已成为集研发、设计、制造、营销、服务于一体的全屋定制领导品牌。MIDAS美莱专于精研,坚持原创,以用户的生活梦想为中心,以人为本的设计理念,为每一个家庭提供个性、高雅、多元化的家居定制解决方案。

整体风格

整体版面的风格主要以简约大气为主,网站的整体色调主要以灰色为主,版面的排版主要采用简洁的分块化形式展示,通过简约的深灰色灰和白色背景色块相互间隔区分内容模块,增强页面的层次感。

整体布局

在页面设计中使用新鲜的区域划分功能展示设计可以方便呈现不同的信息,方便用户进行快速选择和视觉聚焦,丰富的交互设计,层次分明、逻辑清晰,增加企业和用户之间的交流,有效提升用户体验,并凸出企业实力。

项目预览

乐客网站建设案例-美莱全屋顶

乐客网站建设案例-美莱全屋顶

乐客网站建设案例-名杰装饰
乐客网站建设案例-名杰装饰

乐客网站建设案例-名杰装饰

河北乐客互联
  •  0

乐客网站建设案例-名杰装饰

乐客网站建设案例-名杰装饰:作为家居的行业的领航人,名杰装饰一直给人诚恳舒适给人眼前一亮的感觉,所以这次网站保持原有的品牌的调性进行设计,让整个画面充满温馨的感觉让人更加亲切的体验。

  • 客户名称:名杰装饰
  • 更新日期:2020-06-23 17:22:47

项目介绍

作为家居的行业的领航人,名杰装饰一直给人诚恳舒适给人眼前一亮的感觉,所以这次网站保持原有的品牌的调性进行设计,让整个画面充满温馨的感觉让人更加亲切的体验。

每个模块均放代表名杰文化的宣传语,丰富的案例展示凸显公司实力,贴近用户体验的点缀与宣传语结合突出了名杰注重细节的发展理念,另外整个页面全方位展示了公司的各方面优势,进一步彰显企业的真正实力。网站整体风格结合VI设计,以专业、大气为主,红色为主色调,融入logo元素作为点缀,带给用户不一样的视觉体验,能很好的带领用户了解企业,并体现出企业的专业形象。

网站内容上主要以案例展示、工地展示、获取报价、设计团队为主要的展示内容,让浏览者能够全面的了解名杰品牌风格和公司实力。

项目预览

乐客网站建设案例-名杰装饰

乐客网站建设案例-名杰装饰


乐客网站建设案例-自然优品网站建设
乐客网站建设案例-自然优品网站建设

乐客网站建设案例-自然优品网站建设

河北乐客互联
  •  0

乐客网站建设案例-自然优品网站建设

乐客网站建设案例:自然优品NATURE HOME是大自然家居集团(香港股票代码2083)旗下公司,主要经营:家居软装、地板辅助产品、木质产品油漆和修复工具等业务。

  • 客户名称:名杰装饰
  • 更新日期:2020-05-28 15:09:18

项目介绍

自然优品NATURE HOME是大自然家居集团(香港股票代码2083)旗下公司,主要经营:家居软装、地板辅助产品、木质产品油漆和修复工具等业务。聚焦北欧风格家居,致力于为消费者打造自然、简约、精致的生活方式。旗下品牌门店有nordic gallery,nestnordic,fynd,经营品类涵盖了北欧原创设计家具、灯具灯饰、家居配饰、窗帘布艺、沙发布艺、收纳整理用品、软装搭配设计、智能家居产品等海量产品资源,自然优品NATURE HOME旨在成为国内北欧风格家居第一品牌。优网科技再一次与大自然集团达成愉快的合作,双方在沟通和协调合作上都十分顺利。

网页设计整体运用灰棕等莫兰迪色系,以及产品配图的衬托,营造出浓浓的北欧式温馨感。版面布局整齐,有序,整体浏览舒畅。广州网站建设中将页面动态效果与设计完美结合,产品模块可指向切换产品图展示,交互效果流畅。

项目预览

乐客网站建设案例-自然优品网站建设

乐客网站建设案例-自然优品网站建设

乐客网站建设案例-蟹行天下
乐客网站建设案例-蟹行天下

乐客网站建设案例-蟹行天下

河北乐客互联
  •  0

乐客网站建设案例-蟹行天下

乐客网站建设案例:蟹行天下作为中央电视台的合作伙伴,实力和口碑在业内也是非常不错,网站整站设计使用黑色及辅助色金色使网站更大气高端,随着手机和平板的增多,人们跟喜好在手机和平板上访问网站,技术上使用HTML5+css3,响应式网站设计的架构让网站能在平板、手机,和电脑上访问。​

  • 客户名称:蟹行天下
  • 更新日期:2020-05-21 15:29:44

项目介绍

蟹行天下大闸蟹企业官网制作是红旗网络打造的又一大型知名的企业官网,蟹行天下作为中央电视台的合作伙伴,实力和口碑在业内也是非常不错,网站整站设计使用黑色及辅助色金色使网站更大气高端,随着手机和平板的增多,人们跟喜好在手机和平板上访问网站,技术上使用HTML5+css3,响应式网站设计的架构让网站能在平板、手机,和电脑上访问。

项目预览

乐客网站建设案例-蟹行天下

乐客网站建设案例-蟹行天下

乐客网站建设案例-广州骏企驿站
乐客网站建设案例-广州骏企驿站

乐客网站建设案例-广州骏企驿站

河北乐客互联
  •  5

乐客网站建设案例-广州骏企驿站

乐客网站建设案例:广州骏企驿站简介-骏企驿站强调服务的专业性,在财税服务上,聘请注册会计师、注册税务师、高级会计师、中级会计师作为服务人员,以此解决创业者对于中介代理服务公司的信任问题。 骏企驿站凭借着不断开拓创新、与时俱进的精神,努力服务好每一个客户的宗旨,迅速地发展壮大,目前、已成立六家子公司。

  • 客户名称:广州骏企驿站
  • 更新日期:2020-05-19 14:59:01

项目介绍

骏企驿站强调服务的专业性,在财税服务上,聘请注册会计师、注册税务师、高级会计师、中级会计师作为服务人员,以此解决创业者对于中介代理服务公司的信任问题。 骏企驿站凭借着不断开拓创新、与时俱进的精神,努力服务好每一个客户的宗旨,迅速地发展壮大,目前、已成立六家子公司。

项目预览

乐客网站建设案例-广州骏企驿站

乐客网站建设案例-广州骏企驿站

乐客网站建设案例-上海室内设计网站建设
乐客网站建设案例-上海室内设计网站建设

乐客网站建设案例-上海室内设计网站建设

河北乐客互联
  •  7

乐客网站建设案例-上海室内设计网站建设

乐客网站建设案例:建司至今在酒店、餐饮、商业地产、休闲娱乐、博物馆、 展览中心等业态空间与公共空间设计经典案例屡现,在旧建筑改造、样板房设计、街区业态规划、文化主题空间和城市综合体概念策划等诸多领域佳绩斐然,卓越的设计创新能力与专业的商业空间整合解决能力令公司品牌效应享誉业界。

  • 客户名称:上海室内设计网站建设
  • 更新日期:2020-05-15 15:39:08

项目介绍

建司至今在酒店、餐饮、商业地产、休闲娱乐、博物馆、 展览中心等业态空间与公共空间设计经典案例屡现,在旧建筑改造、样板房设计、街区业态规划、文化主题空间和城市综合体概念策划等诸多领域佳绩斐然,卓越的设计创新能力与专业的商业空间整合解决能力令公司品牌效应享誉业界。

项目预览

乐客网站建设案例-上海室内设计网站建设

乐客网站建设案例-上海室内设计网站建设

乐客网站建设案例-上海兰石医疗
乐客网站建设案例-上海兰石医疗

乐客网站建设案例-上海兰石医疗

河北乐客互联
  •  6

乐客网站建设案例-上海兰石医疗

一路时尚形象设计学院,为《一带一路国际时尚周》指定合作单位,积极响应国家在职业技能人才培养方面的号召,成立一路时尚国际形象设计学院。总部面积近10000㎡(含3000㎡健身场地,500㎡露天花园,咖啡厅),可容纳5000名学生,是目前国内规模较大的形象设计学院。

  • 客户名称:上海兰石医疗
  • 更新日期:2020-05-11 17:14:42

项目介绍

一路时尚形象设计学院,为《一带一路国际时尚周》指定合作单位,积极响应国家在职业技能人才培养方面的号召,成立一路时尚国际形象设计学院。总部面积近10000㎡(含3000㎡健身场地,500㎡露天花园,咖啡厅),可容纳5000名学生,是目前国内规模较大的形象设计学院。

项目预览

乐客网站建设案例-上海兰石医疗

乐客网站建设案例-上海兰石医疗

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 乐客互联

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

河北乐客互联
  •  173

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

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



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

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

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

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

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

河北乐客互联LOGO


如何在 WordPress 中跟踪分析用户访问统计
你知道潜在用户打开 WordPress 网站时会做什么吗?他们最喜欢的页面是什么?在你的博客上吸引他们的文章是什么?你需要知道谁访问了你的页面,访问者来自何处,以及他们实时登陆 WordPress 网站时执行了哪些操作。这就是 “网络分析” 一词发挥作用的地方。

乐客互联
by 乐客互联

如何在 WordPress 中跟踪分析用户访问统计

河北乐客互联
  •  2

如何在 WordPress 中跟踪分析用户访问统计

发布时间:2020-10-19 15:20:03


你知道潜在用户打开 WordPress 网站时会做什么吗?他们最喜欢的页面是什么?在你的博客上吸引他们的文章是什么?你需要知道谁访问了你的页面,访问者来自何处,以及他们实时登陆 WordPress 网站时执行了哪些操作。这就是 “网络分析” 一词发挥作用的地方。

在确定你的营销活动和 SEO 是否为你的网站带来相关流量方面,Google Analytics(分析)起着至关重要的作用。

你收集的有关访问者的见解和数据越多,你就越能了解他们的行为,因此,通过对其进行优化以提高转换率来改善 WordPress 网站。

因此,在本文中,我们将向你展示如何跟踪 WordPress 网站上的用户页面浏览量,以便你可以确定你的业务增长情况以及表单转换率是否与时俱进。

为什么网站流量很重要?

网站流量对于建立自己的知名品牌至关重要。如果你没有网站访问者,则没有人会订阅你的电子邮件列表,购买你的产品和服务或参与你的内容。

拥有更多网站流量肯定会为你提供帮助:

  • 产生更多高质量的潜在客户。
  • 与更广泛的受众建立更好的关系。
  • 使你的网站内容在更多社交媒体平台上共享。
  • 确定并解决更多的痛点,这将帮助你建立业务。
  • 在服务 / 产品,员工,地理位置和收入方面扩展你的业务。

因此,现在你知道了为什么用户页面视图很重要。但是你知道如何跟踪你的网站流量是否在增加吗?

让我们看看如何跟踪访问你的 WordPress 网站的网站访问者的数量。你可以使用以下 7 种最受欢迎的工具来跟踪网站的访问者流量。

Sumo 的 Google Analytics(分析)

如果你已经对 Sumo 插件有所了解,则还应该知道使用实时 Web 分析将是值得的。Sumo 的 Google Analytics(分析)使你可以直接在 WordPress 网站的 Sumo 仪表板中查看 Google Analytics(分析)。

你不必遍历所有数据即可找到所需的数字。Sumo 的 Google Analytics(分析)突出显示了最需要的统计信息,因此你可以轻松跟踪和增加网站流量。

  • 概述:你将从页面浏览量,会话持续时间,用户,跳出率等方面很好地了解网站的运行情况。
  • 页面分析:通过使用 Sumo 的 Google Analytics(分析),你可以直接在每个页面上查看统计信息(仅向你显示),还可以选择要在每个页面上查看的关键统计信息。
  • 实时:它使你可以实时查看哪些用户正在浏览你的网站,他们来自何处(其确切位置)以及他们实时单击的页面。
  • 热门页面:你将获得最受欢迎页面的概述,以查看内容(文章,博客)在哪里表现良好以及需要进行一些调整的地方。

Google Analytics(分析)by MonsterInsights

它是 WordPress 网站最常用的网络跟踪插件之一。MonsterInsights 的 Google Analytics(分析)为你提供了直观的界面和出色的分析工具。

WordPress 上的 Google Analytics by MonsterInsights

它还为你提供了一个异步 Google Analytics(分析)跟踪代码。此外,它可以帮助跟踪搜索结果,下载,出站链接,甚至为用户提供 IP 隐藏,以实现更严格的隐私保护。

  • 易于设置:借助 MonsterInsights,无需触摸任何代码即可在你的网站上直接设置 Google Analytics(分析)。如果你知道单击鼠标,那么你可以轻松地使用 MonsterInsights。
  • 通用跟踪:它使用通用跟踪,因此你可以跨平台和设备跟踪用户。借助其受众特征和兴趣报告,你可以更好地了解潜在受众。
  • 实时:你无需等待第二天即可看到流量激增或潜在问题。通过使用 MonsterInsights,你将获得实时统计信息,以释放每位客户的最大可能收益。
  • 自定义维度 / 事件跟踪:你还可以利用所有强大的 Google Analytics(分析)功能,例如文件下载跟踪,自定义维度,事件跟踪,出站链接跟踪,性能跟踪等。

这是一个自适应和可自定义的插件,它为用户提供了完整的跟踪代码控制。这个有用的插件是大多数成功的商业 WordPress 网站的基本用户页面跟踪插件之一。

AFS 分析

它是一个功能强大的插件,可让你使用拖放式画布,现代数据可视化来浏览分析,同时获得访问者行为的完整实时视图。

使用此插件,你将能够分析访问者的活动并了解改善网站内容所需要的工作。它还具有自动事件跟踪功能,可跟踪下载,点击,表单访问,视频观看,提交,滚动深度等所有内容。

AFC Web Analytics 工具为你提供两个实时报告,这些报告会定期更新。实时仪表板使你可以在单个页面上查看网站指标,而 “立即访问” 报告使你可以分析站点上的当前活动。

这个出色的插件还附带了一种算法,该算法能够实时恢复每个访问者使用的关键字。该算法通过 API 捕获 WordPress 网站和 Google Search Console 帐户中的数据。

WordPress 上的 Jetpack

WordPress 上的 Jetpack 插件

该插件是 WordPress 网站的必备插件之一。这是一款功能强大的分析工具,具有其他多项质量功能,例如图像优化和安全性。

使用此插件,你将能够跟踪最成功的帖子,用户访问的时间表以及他们的高峰流量时间。它还具有移动优化服务和网站监视选项,以吸引更多流量访问 WordPress 网站。

你可以使用以下选项来自定义整个网站:

  • 侧栏小部件
  • 自定义 CSS
  • 无限滚动
  • 平铺的画廊

WD Google Analytics(分析)

WD Google Analytics(分析)是一个用户友好且用途广泛的 WordPress 网站跟踪插件,可帮助你将 Google Analytics(分析)仪表板引入 WordPress 仪表板。

该插件将为你提供有关网站性能,跟踪用户,比较指标以及监控目标用户活动的最新报告。

除了内置的 Google Analytics(分析)报告外,该插件还可以让你获取有关各种维度和指标的自定义报告,并为你提供 AdSense,电子商务和 AdWords 报告。

它是 WordPress 的工具,是 Google Analytics(分析)技术合作伙伴计划的认证成员,因此可以确保其完美的性能。

WD Google Analytics(分析)还允许你管理和设置目标,以跟踪站点上用户的交互,例如目标,持续时间和每个会话的页面。每个目标都附带有可供选择的选项集。你可以设置任意多个目标。

这些是一些常见又好用的 WordPress 插件,用于跟踪 WordPress 网站上的用户页面浏览量。你必须根据自己的需求和目标为 WordPress 网站选择跟踪插件。

如果要跟踪流量,可以选择上面列出的每个工具来支持你的分析。但是,如果你想在网站上获得更多数据,那么某些高级版本会比列表中的其他版本更好。

上面列出的每个插件都具有相同的目标,即收集有关你的网站访问的数据。无论你获得什么结果,你都需要利用这些见识来不断地调整,测试和改进 WordPress 网站,以对其进行扩展以实现更好的转换率和更多的访问。

如何将文件从 WordPress 表单上传到 Google 云端硬盘
你想将文件从 WordPress 联系人表单发送到 Google 云端硬盘吗?通常,你的表单插件会将所有文件直接上传到你的 WordPress 网站。但是,你可能还希望将它们自动上传到 Google 云端硬盘,以确保安全和更轻松地共享。

乐客互联
by 乐客互联

如何将文件从 WordPress 表单上传到 Google 云端硬盘

河北乐客互联
  •  7

如何将文件从 WordPress 表单上传到 Google 云端硬盘

发布时间:2020-10-16 16:39:49


你想将文件从 WordPress 联系人表单发送到 Google 云端硬盘吗?通常,你的表单插件会将所有文件直接上传到你的 WordPress 网站。但是,你可能还希望将它们自动上传到 Google 云端硬盘,以确保安全和更轻松地共享。

在本文中,我们将向你展示如何轻松地将文件从 WordPress 表单上传到 Google 云端硬盘。

为什么将文件从 WordPress 表单上传到 Google 云端硬盘?

通常,你可以使用 WordPress 表单构建器插件来添加文件上传字段,并将上传的文件保留在你的网站上。

但是,如果你想与无权访问 WordPress 管理区域的人共享上传的文件怎么办?

这就是 Google 云端硬盘的用武之地。借助 Google 云端硬盘,你可以将文件存储在云端,并轻松与任何人共享。它还使你无需登录 WordPress 站点即可轻松地从任何设备访问文件。

例如,如果你创建工作申请表并要求简历,那么你可以自动将这些文件直接直接上传到 Google 云端硬盘,并与团队中的其他人共享。

将这些提交内容直接发送到 Google 云端硬盘可节省你网站上的磁盘空间。同时,它可以将这些文件安全地保存在远程云位置。

在 WPForms 中创建和准备 WordPress 表单

在本教程中,我们将使用 WPForms。它是 WordPress 最受欢迎的联系表单插件,活跃安装量超过 300 万。它带有一个简单的拖放界面,可让你轻松创建任何形式的表单。

然后,我们将使用一个名为 Zapier 的工具将 WPForms 与 Google 云端硬盘连接。

Zapier 充当在两个不同应用程序之间发送数据的桥梁,而无需使用任何代码。它与 2000 多种应用程序无缝集成。

注意:你需要使用 Pro 版本或更高版本才能访问 WPForms 的 Zapier 插件。

在 WPForms 中创建文件上传表单

首先,你需要在网站上安装并激活 WPForms 插件。有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

接下来,你需要一种网站访问者可以用来向你发送文件的表格。如果你尚未设置表单,请查看有关在 WordPress 中创建文件上传表单的分步指南。

重要:此方法仅适用于单个文件。它不适用于来自一个表单提交的多个文件。

设置表单后,你需要将其添加到你的网站。为此,只需在需要表单的地方编辑帖子或页面。

在帖子编辑屏幕上,单击 + 按钮添加一个新块。之后,搜索 WPForms 块并将其添加到你的内容区域。

在 WordPress 编辑器中添加一个新的区块

然后,发布你的页面或发布以使表单生效。完成后,继续创建测试条目。这将用于建立和测试 WPForms 与 Google 云端硬盘之间的连接。

准备将 WPForms 与 Zapier 连接

我们将使用 Zapier 作为 WPForms 和 Google Drive 之间的桥梁。为此,你需要安装并激活 WPForms Zapier 插件。

在你的 WordPress 管理员中,转到 WPForms» 插件页面,然后找到 Zapier 插件。继续并单击 “安装附件” 链接以安装并激活它。

接下来,你需要访问 WPForms» 设置 » 集成页面。只需单击 Zapier 徽标即可获取你的 Zapier API 密钥。为了将 Zapier 与 WPForms 连接,你将需要此功能。

安装 WordPress Zapier 插件

将 API 密钥复制到安全的位置或保持此标签打开。稍后将需要 API 密钥。

创建一个 Zap 将文件从你的网站表单发送到 Google 云端硬盘

准备好表单后,请访问 Zapier 网站。你需要创建一个免费帐户或登录到现有帐户。

在你的 Zapier 信息中心中,只需点击 “制作 Zap” 按钮即可开始。这将打开配置向导。

注意: Zapier 在带有触发器和动作的过程中使用单词 “zap”。我们的触发器将是访客填写表单,我们的操作是将表单所附的文件发送到 Google 云端硬盘。

在屏幕顶部,你需要为 zap 选择一个名称。完成此操作后,就该设置触发器了。

首先,你需要在 “选择应用程序和事件” 框中选择 WPForms。只需在搜索栏中输入 “WPForms” 即可找到它:

选中 WPforms 插件

现在将提示你选择一个触发事件。这将默认为 “新表格输入”,因此你只需单击 “继续” 按钮即可。

现在,Zapier 将要求你登录 WPForms。继续并单击 “登录 WPForms” 按钮。

然后,你应该会看到一个弹出窗口。在这里,你需要输入之前找到的 API 密钥。

你还需要添加网站的 URL(域名)。

在 Zapier 中添加新的域名

输入这些详细信息后,只需单击 “是,继续” 按钮继续。

接下来,Zapier 会要求你从下拉列表中选择文件上传表单。继续并单击你的表单名称:

选择上传图片表单

选择正确的表单后,你需要单击 “测试触发器” 按钮以确保 Zapier 已正确连接到表单。

测试 Zipaer 正确的连接到表单

单击该按钮后,你应该看到一条消息,指出 Zapier 已找到测试条目。你将在屏幕上看到数据:

Zipaer 测试到的数据

单击 “继续” 按钮,继续进入 Zap 的 “操作” 部分。在这里,你需要选择第二个应用 Google Drive。

接下来,你将看到用于选择动作事件的下拉列表。在这里,你需要选择 “上传文件” 选项,然后单击以继续。

Zapier 现在会提示你登录 Google 云端硬盘帐户:

登录 Google Drive

完成此操作后,请单击 “继续” 按钮继续。

现在,是时候设置要将文件放在 Google 云端硬盘中的位置了。只需单击 “驱动器” 下拉列表以选择要使用个人驱动器还是共享驱动器。

然后,单击文件夹下拉列表以选择要使用的文件夹。接下来,你需要告诉 Zapier 要上传哪个文件。在文件下拉菜单下,选择表单上的上传字段:

选择上传图片的字段

之后,你可以将其他设置保留为空白,然后单击继续按钮继续。

Zapier 现在会提示你通过将上传文件发送到 Google 云端硬盘来测试 Zap。只需单击 “测试并继续” 按钮即可。

你在测试表单条目中上传的文件发送给 Google 云端硬盘。继续检查你的 Google 云端硬盘文件夹中的文件。

一旦确定自己的 zap 能够按预期工作,只需单击 “打开 Zap” 按钮即可启用它:

保存 Zapier 设置

现在,通过文件上传表单发送的所有文件都将自动上传到你选择的 Google 云端硬盘文件夹。

WPForms 将始终保留 WordPress 托管帐户中所有文件的备份,以防 Zapier API 发生任何故障。

请记住,如果你提交大量带有大文件的表单,那么这将占用你 Google 云端硬盘的更多存储空间。如果需要经常上传文件,请使用 G Suite 商业计划来获得无限的存储空间。

如何修复 DNS_PROBE_FINISHED_NXDOMAIN 错误
在访问一个网站过程中,访问的域名将由 DNS 解析为 IP 地址或者另外一个域名。但是,有时会遇到诸如 “`DNS_PROBE_FINISHED_NXDOMAIN” 之类的错误,该错误有可能源于你的计算机设置。

乐客互联
by 乐客互联

如何修复 DNS_PROBE_FINISHED_NXDOMAIN 错误

河北乐客互联
  •  7

如何修复 DNS_PROBE_FINISHED_NXDOMAIN 错误

发布时间:2020-10-15 16:42:14


在访问一个网站过程中,访问的域名将由 DNS 解析为 IP 地址或者另外一个域名。但是,有时会遇到诸如 “DNS_PROBE_FINISHED_NXDOMAIN” 之类的错误,该错误有可能源于你的计算机设置。

在本文中,我们将讨论如何识别 DNS_PROBE_FINISHED_NXDOMAIN 错误,并介绍解决所有错误的方法。

什么是 DNS_PROBE_FINISHED_NXDOMAIN 错误?

为了解释什么是 DNS_PROBE_FINISHED_NXDOMAIN,我们需要回顾一下域名系统(DNS)的概念。DNS 是 IP 地址映射到域名的数据库。

每个服务器都有一个 IP 地址,该地址用于标识该计算机上保存的网站。但是,你无需在浏览器中输入 IP 地址即可访问 Web 内容,而只需使用其相应的域名即可。

DNS 可以识别域名指向的 IP 地址。当你键入 URL 时,它会搜索其数据库以查找你要访问的站点。

但是,在某些情况下,DNS 服务器可能无法获取你想要的信息。如果你遇到 DNS_PROBE_FINISHED_NXDOMAIN 错误,则会发生以下情况:

  1. 你试图使用其域名访问网站(你知道应该可以使用)。
  2. 你的计算机将你的请求提交到 DNS,该 DNS 用于将域映射到它们可以连接的 IP 地址。
  3. DNS 服务器告诉你的计算机 “该域不存在!”,因此是错误的 “ NXDOMAIN” 部分。

发生这种情况时,你会看到如下错误消息(如果你使用的是 Chrome):

Chrome 中的 DNS 解析错误提示

错误提示可能会有所不同,具体取决于你所使用的浏览器,但要旨始终是相同的。例如,这是 Firefox 中的相同错误:

FireFox 中的 DNS 解析错误提示

如果你遇到 DNS_PROBE_FINISHED_NXDOMAIN 错误,请花时间仔细检查你是否在正确的域中键入内容。假设该域存在并且你输入正确,则问题通常出在计算机的配置上。

如何修复 DNS_PROBE_FINISHED_NXDOMAIN 错误

根据根本原因,有很多方法可以纠正有问题的错误。不幸的是,这可能很难确定。

但是,下面的每个修补程序仅需花费你几分钟即可实现。如果你按照我们的说明进行操作,然后又进行一个修复,则 DNS_PROBE_FINISHED_NXDOMAIN 应该很快就会消失。

1. 更新你的 IP 地址并刷新 / 重新启动缓存

如果遇到本地连接问题(除了重新启动路由器),你应该尝试的第一件事就是更新 IP 地址。根据你的操作系统(OS),此过程略有不同,因此我们提供了针对 Windows 和 Mac 用户的说明。

Windows

如果你使用的是 Windows,则可以通过使用管理员权限打开命令提示符来更新 IP 地址。为此,请转到 Windows“开始” 菜单并键入 “cmd”,然后选择相应的选项:

  1. ipconfig /release
  2. ipconfig /renew
  3. ipconfig /flushdns

这三个命令将释放你的 IP 地址,对其进行更新,然后刷新你的本地 DNS 缓存。

刷新本地缓存的另一种方法是使用以下两个命令:

  1. net stop dnscache
  2. net start dnscache

这些提示停止并重新启动管理本地 DNS 缓存的 Windows 服务。在运行完这两组命令之后,请尝试再次访问有问题的网站,以查看错误是否仍然存在。

macOS

在 macOS 上,无需使用命令即可续订 IP 地址。为此,请按照以下说明进行操作:

  1. 转到系统偏好设置。
  2. 导航到 “网络”,选择你的活动连接,然后单击 “高级” 按钮。
  3. 转到 TCP / IP,然后选择 “续订 DHCP” 选项。

但是,你将需要使用终端刷新 DNS 缓存。打开它(转到 > 实用程序),然后输入以下提示:

dscacheutil -flushcache

现在,你可以尝试再次访问有问题的 URL。如果仍然无法解决问题,请继续进行下一个修复。

2. 配置你的计算机以使用其他 DNS 服务器

默认情况下,你的计算机将决定自动连接到哪个 DNS 服务器。在某些情况下,该 DNS 服务器可能没有最佳响应时间。或者,它可能不可用,从而导致诸如 DNS_PROBE_FINISHED_NXDOMAIN 之类的错误。

确定是否是问题根源的一种方法是将连接配置为使用其他 DNS 服务器。让我们研究一下如何在 Windows 和 macOS 上执行此操作。

Windows

打开 Windows “开始” 菜单,然后键入 “网络连接” 选择出现的第一个结果,然后在下一个屏幕上,单击 “更改适配器选项” 设置,这将会弹出一个新窗口,其中包括计算机上所有已建立连接的图标:

在 Windows 中设置 DNS 服务器地址

确定你的活动 Internet 连接,然后按照下列步骤操作:

  1. 右键单击活动连接,然后选择 “属性”
  2. 找到 “ Internet 协议版本 4(TCP / IPv4)” 项,将其选中,然后打开其 “属性” 设置。
  3. 选择 “使用以下 DNS 服务器地址” 选项。

然后,你应该看到此屏幕,但在 “首选 DNS 服务器” 和 “备用 DNS 服务器” 字段中仅没有任何数字:

在上面的示例中,我们使用的是阿里云的公共 DNS 服务器。为此,请输入 “223.5.5.5” 作为首选的 DNS 服务器,并输入 “223.6.6.6” 作为备用 DNS 服务器。

对于公共 DNS 服务器,还有更多选择,因此可以随时尝试其中的任何一种。

如果你已经在使用自定义 DNS 服务器,并且遇到了 DNS_PROBE_FINISHED_NXDOMAIN,请尝试使用相反的方法。也就是说,恢复为默认设置以查看是否可以解决问题。

macOS

在 macOS 上更改活动连接的 DNS 服务器的功能与 Windows 中的操作大致相同。这是你需要做的:

  1. 转到系统偏好设置。
  2. 导航到网络 并选择你的活动连接。
  3. 单击活动连接设置中的 “高级” 按钮。
  4. 选择 “ DNS” 选项卡,然后添加要使用的地址。

在第四步中,你应该看到类似以下的屏幕:

在 macOS 中设置 DNS 服务器

与 Windows 一样,你可以使用所需的任何 DNS 服务器。完成后,检查 DNS_PROBE_FINISHED_NXDOMAIN 错误是否仍然存在。

3. 检查计算机的 host 文件

你可以使用计算机的 host 文件将 IP 地址手动映射到域。例如,这对于本地 Web 开发可能会派上用场,因为你可以将本地站点映射到自定义域而无需注册它们。

在某些情况下,程序可能会在你不知情的情况下编辑你的 host 文件。这可能会导致诸如 DNS_PROBE_FINISHED_NXDOMAIN 之类的错误。解决方法如下。

Windows

首先,找到并打开你的 host 文件。你可以通过导航到本地目录 C:\Windows\System32\drivers\etc 来找到它:

在 Windows 中编辑 host 文件

使用你喜欢的文本编辑器打开文件。请记住,你可能需要设置管理权限才能对其进行编辑。

在你的 host 文件中,你可能至少会设置一些自定义映射。检查并确保所有条目均与你尝试访问的域名不匹配。

如果列出了目标域,请删除条目并将更改保存到 host 文件。然后尝试再次访问该站点。

macOS

在 macOS 上编辑 host 文件的最简单方法是使用终端。首先,打开应用程序并输入以下命令:

sudo nano /private/etc/hosts 

该命令将使用具有管理特权的 Nano 文本编辑器打开你的主机文件。如果你对其他编辑器比较满意,则可以替换该部分命令。

查看文件,查看是否存在返回 DNS_PROBE_FINISHED_NXDOMAIN 错误的域。如果是这样,请删除该映射并将更改保存到文件中。

有很多方法可以解决 DNS_PROBE_FINISHED_NXDOMAIN 错误。幸运的是,大多数修复都非常容易实现。如果你知道该怎么做,那么你应该可以在几分钟之内重新获得对你尝试访问的网站的访问权限。

如果你碰巧遇到 DNS_PROBE_FINISHED_NXDOMAIN 错误,可以采取以下措施解决此问题:

  1. 更新你的 IP 地址并刷新 / 重新启动缓存。
  2. 配置你的计算机以使用其他 DNS 服务。
  3. 检查计算机的 host 文件。
如何将 Web 推送通知添加到 WordPress 网站
你是否要向你的 WordPress 网站添加推送通知?推送通知使你即使用户没有访问你的网站,也可以向他们发送消息。这可以帮助你将用户带回你的网站,增加流量和更多的收入。

乐客互联
by 乐客互联

如何将 Web 推送通知添加到 WordPress 网站

河北乐客互联
  •  7

如何将 Web 推送通知添加到 WordPress 网站

发布时间:2020-10-14 15:31:27


你是否要向你的 WordPress 网站添加推送通知?推送通知使你即使用户没有访问你的网站,也可以向他们发送消息。这可以帮助你将用户带回你的网站,增加流量和更多的收入。

在本文中,我们将向你展示如何轻松地将 Web 推送通知添加到 WordPress 网站。

什么是推送通知?

推送通知是简短的,可单击的通知消息,在用户的台式机或移动设备上显示为弹出窗口。

它们显示在桌面顶部或移动设备的通知区域中。最好的事情是,即使用户的浏览器未打开,也可以显示它们。

这是 Windows 10 中的推送通知的示例:

Windows 10 的推送通知

推送通知可让你通过最新的更新和优惠跨设备访问用户。Web 推送通知是将网站访问者转换为忠实的关注者和客户的非常有效的方法。

为什么要向你的 WordPress 网站添加 Web 推送通知?

据统计,访问过网站的人中有 70% 不会重新访问。这就是为什么你需要将那些网站用户转换为客户。

你可以一次使用多个渠道来执行此操作。这包括电子邮件营销,社交媒体,移动或 SMS 营销以及 Web 推送通知。

电子邮件列表仍然是可用的最强大的营销工具。但是,我们发现推送通知也非常有效。以下只是使推送通知成为出色的营销工具的一些原因:

  • 用户需要明确授予接收推送通知的权限。这意味着他们已经对你提供的产品感兴趣,并且更有可能参与通知。
  • 与电子邮件或社交媒体更新相比,推送通知更短并且需要更少的关注。
  • 社交媒体上没有像算法那样限制你的覆盖范围。几乎 100%的邮件已传递。
  • 用户可以控制其设备如何显示通知。他们可以暂停或完全关闭它们。
  • 并不是很多公司都在使用推送通知。

包括 Facebook,Pinterest,LinkedIn 等许多受欢迎的网站都了解其重要性。他们已经在使用 Web 推送通知。

根据一项调查,推送通知的打开率比电子邮件高 50%,点击率是后者的两倍。他们比 SMS,电子邮件营销和社交媒体平台更具吸引力。话虽如此,让我们看一下如何轻松地将 Web 推送通知添加到 WordPress 网站。

使用 PushEngage 在 WordPress 中设置 Web 推送通知

PushEngage 是市场上最好的推送通知服务。它使你可以轻松地将推送通知添加到 WordPress 网站。

创建你的 PushEngage 帐户

首先,你需要访问 PushEngage 网站并单击 “免费入门” 按钮:

注册 PushEngage 账户

该免费计划每月最多可覆盖 2500 个订户和 120 个通知活动。当你获得更多订阅者并发送更多广告系列时,你将需要升级。

注册后,你将进入 PushEngage 仪表板。如果你使用 Google 帐户注册,则 PushEngage 将提示你输入网站详细信息。

现在,你应该在 PushEngage 仪表板中看到 “设置”»“站点设置”»“安装设置” 页面。

在这里,你需要上传图片以在推送通知中使用。继续并单击空白图像框下方的 “更改” 按钮。图片必须为 PNG 或 JPG 文件格式,建议大小为 256x256px。此图像将显示在你的推送通知中。

现在,你已经完成了 PushEngage 帐户的关键信息。

使用 PushEngage 连接 WordPress 网站

下一步是将你的网站连接到 PushEngage。

为此,你需要安装并激活 PushEngage WordPress 插件。有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

安装后,如果你的站点使用 HTTPS,则还需要下载 PushEngage 的 JavaScript 文件。你需要解压缩此文件,然后将其上传到网站的根文件夹。

要禁用文件,请进入你的 PushEngage 帐户中的 “设置”»“站点设置”»“安装设置”

在 “选择网站类型和添加脚本” 下,你需要单击 WordPress 选项卡。然后,继续并单击 “下载软件包文件” 按钮。

接下来,将文件解压缩到计算机上。只需右键单击它,然后选择 “提取” 选项,然后,你应该看到该文件service-worker.js

解压 PushEngage 脚本文件

现在,你需要将该文件上传到 WordPress 托管帐户中网站的根文件夹。根文件夹是为你的站点存储所有其他文件夹和文件的文件夹。通常,它是 /wp-content/ 文件夹所在的文件夹。

只需通过 FTP 连接到你的网站并上传文件。

提示:不确定你是否具有根文件夹?寻找一个 index.php 文件。如果看到,则位于正确的文件夹中。

现在你已经上传了文件,你可以继续将 WordPress 连接到 PushEngage。

下一步是获取你的 API 密钥。只需在 PushEngage 仪表板中转到 “设置”»“站点设置”»“ API 密钥”。然后,继续并点击 “生成新的 API 密钥” 按钮:

生成 PushEngage API 密钥

然后,你应该看到你的 API 密钥。在新标签中,转到 WordPress 管理员中的 PushEngage 页面。然后,点击 “设置” 标签。你会看到一个用于你的 API 密钥的框。

只需在此处输入你的 API 密钥,然后单击 “提交” 按钮。

设置你的推送通知消息

现在,你将看到你的 PushEngage 设置。检查你对常规设置是否满意。你可以在此处或在 PushEngage 网站上更改帐户详细信息:

设置 PushEngage 账户信息

接下来,是时候设置当人们到达你的网站时会看到的消息。只需单击 “订阅对话框” 选项卡即可查看和更改设置。

你将在消息中看到徽标以及默认文本。你可以将其更改为你自己的消息。不要忘记单击 “更新优化设置” 按钮以保存你的更改。

在此之下,你可以更改中间页面上显示的消息。这是用户首次单击 “允许” 后出现的页面。

注意:你无法更改浏览器自己的弹出框中显示的内容。它将始终带有 “显示通知” 文本以及 “允许” 和 “阻止” 按钮。

只需输入你要使用的文本即可。不要忘记单击 “更新页面设置” 按钮。

保存 PushEngage 账户设置

测试网站上的推送通知

设置推送通知后,最好的方法是检查它们是否按预期工作。要测试你的推送通知,请在计算机或电话上打开你的网站。

你应该立即看到你设置的订阅对话框。这是在 PC 上的效果:

测试 PushEngage 通知

继续并单击 “允许” 按钮。然后,你应该在弹出窗口中看到中间页面。

其他 WordPress 推送通知插件

从一开始就选择正确的 Web 推送通知服务很重要。许多提供商尝试将你锁定在他们的平台中。这意味着更改你的推送通知服务可能意味着失去你的订户。因此,如果你进行切换,则将重新开始。

这就是为什么我们建议要求你选择的提供商提供你需要配置以使你的订户列表可移植的所有设置的原因。

我们建议使用 PushEngage,因为它有一个免费的免费计划以及许多强大的付费功能。使用 PushEngage 的付费计划,你可以:

  • 设置点滴自动回复,例如进行欢迎活动
  • 当用户放弃购物车时发送通知
  • 根据用户的动作触发广告活动
  • 允许用户添加有关产品何时开始销售或有库存的产品警报

其他一些 WordPress 推送通知插件:

  • PushCrew –将你的网站连接到 PushCrew 的推送通知服务。他们提供了仅限 2000 个订户的免费计划。
  • PushAlert – Web 推送通知–帮助你连接到 PushAlert Web 推送通知服务。他们还提供了仅限 3000 名订户的免费计划。
  • PushAssist –用于 PushAssist Web 推送通知服务的连接器插件。他们的免费计划仅限 2000 名订户。
  • OneSignal –具有有限的免费计划,其中包括基本的 Web 推送通知功能。他们的追加销售策略非常激进,支持无济于事。这就是为什么我们在未来几周内将不再使用 OneSignal。

我们希望本文能帮助你学习如何将 Web 推送通知添加到 WordPress 网站。

如何在 WordPress 中编辑 HTML?
WordPress 是一个易于使用的平台,你无需触摸任何一行代码就可以使用该平台。但是,知道如何在 WordPress 中编辑 HTML 或在 HTML 中使用源代码是掌握一项出色的技能。

乐客互联
by 乐客互联

如何在 WordPress 中编辑 HTML?

河北乐客互联
  •  10

如何在 WordPress 中编辑 HTML?

发布时间:2020-10-13 17:29:38


WordPress 是一个易于使用的平台,你无需触摸任何一行代码就可以使用该平台。但是,知道如何在 WordPress 中编辑 HTML 或在 HTML 中使用源代码是掌握一项出色的技能。

拥有适当的编辑代码知识,你可以执行高级自定义或疑难解答,以改善 WordPress 网站。

在本文中,我们将讨论为什么需要在 WordPress 中编辑 HTML 以及如何以正确的方式编辑源代码。

为什么要编辑源代码

WordPress 是一个非常用户友好和直观的平台。借助插件和主题,有多种方法可以自定义和更改网站,而无需编写任何代码。

从技术上讲,你无需访问任何站点代码或文件即可拥有功能齐全且设计良好的网站。WordPress 仪表板,主题和插件都可以快速,轻松地调整和个性化你的网站。

但是,有时你可能需要执行高级自定义并实施更多控制。也许你要进行的更改不是你当前正在使用的插件或主题的选项。

可能迫使你更改源代码的另一种可能性是,你的网站崩溃或遇到某种错误,阻止你访问管理员密码。你可能需要编辑 WordPress 源代码,以便对问题进行故障排除。

在这种情况下,了解如何在 WordPress 中编辑 HTML 以及如何有效,安全地修改和访问其他源代码(包括 CSS,PHP 和 JavaScript)非常有用。

简而言之,通过学习一些基本的 WordPress 编码,你可以在管理,设计和维护 WordPress 网站时获得更多控制权和灵活性。

在 WordPress 中编辑源代码

如前所述,WordPress 使用四种不同的编程语言:HTML,CSS,JavaScript 和 PHP。每种语言都有其代码和不同的功能。

例如,HTML 控制内容结构,而 CSS 管理外观。话虽如此,你可能需要通过使用一组特定的代码来执行不同的操作。让我们找到更多有关如何编辑 WordPress 源代码的信息。

如何在 WordPress 经典编辑器中编辑 HTML?

如果要编辑或添加 WordPress 帖子或页面的 HTML,则无需访问网站的源代码。在经典编辑器中,你所需要做的就是从可视编辑器移至后端的文本编辑器。你将看到 HTML 在后台运行。

在 WordPress 经典编辑器中编辑代码

在文本编辑器中,你只需单击几下即可更改,访问和更新任何帖子或页面上的 HTML。你可以随时切换回可视编辑器来查看更改。完成后,请确保保存你编辑过的帖子或页面。

如何在 WordPress 区块编辑器中编辑 HTML?

使用块编辑器(Gutenberg),从可视编辑器切换到文本编辑器需要更多技术。但是,你还可以使用多个选项来编辑 HTML,包括对单个块或整个帖子或页面进行更改。

在 WordPress 区块编辑器中编辑源代码

要编辑整个文章或页面的 HTML,请单击编辑器右上角的三个垂直点,然后选择 “代码编辑器”。这将打开 WordPress HTML 编辑器。要在特定块中从可视编辑器切换到文本编辑器,必须单击在块工具栏中看到的三个垂直点,然后选择 “编辑为 HTML”

将 HTML 添加到帖子或页面的另一种方法是使用 “自定义 HTML 块”。这样,你可以直接在代码块中编写 HTML 代码,而无需单击预览以查看其在前端的外观。完成所有这些步骤后,将更改保存到你的页面或帖子中。

如何在 WordPress 中为首页编辑 HTML?

你也可以在首页上编辑 HTML。在大多数 WordPress 主题中,主页充当其页面。因此,编辑 HTML 的过程与网站其他页面中的过程相同。你必须从仪表板上的列表中选择相关页面。

你也可以单击主页顶部管理栏中的 “编辑页面” 以访问块或经典编辑器。如果这些选项都不能用于编辑主页上的 HTML,则你可能正在使用带有内置主页编辑器的页面构建器或主题。如果是这种情况,那么你可以研究相关工具的文档。

如何在 WordPress 小部件中编辑 HTML?

最后,你可能想在 WordPress 页脚或侧边栏中添加 HTML。许多 WordPress 主题都有 “小部件” 部分来控制你网站首页的内容。你可以通过 “自定义 HTML” 小部件轻松地进行这些首页页脚和页眉的调整。

在小工具里添加自定义 HTML

转到外观 > 窗口小部件,然后将自定义 HTML 窗口小部件添加到侧边栏或页脚中并进行编辑。然后单击 “保存” 按钮以将其发布在你的网站上。


在大多数情况下,仅利用插件和主题就足够了。如果你想执行高级自定义或需要解决任何问题,则可以编辑 WordPress 源代码。

在修改任何代码之前请一定要备份网站文件。

网站中 10 种图像文件类型和用法示例
选择正确的图像文件类型似乎是一个微不足道的决定。但是,人类是视觉生物,图像是在线体验中不可或缺的一部分。大多数页面和文章都使用屏幕截图和图像来丰富文本内容。实际上,只有大约 8% 的网站不包含任何视觉内容。

乐客互联
by 乐客互联

网站中 10 种图像文件类型和用法示例

河北乐客互联
  •  7

网站中 10 种图像文件类型和用法示例

发布时间:2020-10-12 17:21:13


选择正确的图像文件类型似乎是一个微不足道的决定。但是,人类是视觉生物,图像是在线体验中不可或缺的一部分。大多数页面和文章都使用屏幕截图和图像来丰富文本内容。实际上,只有大约 8% 的网站不包含任何视觉内容。

许多站长仍然不了解针对不同用例选择哪种图像文件类型。他们最终减慢了网站加载速度,因为它们的图像不是可用的最佳格式,也没有进行优化。

在本文中,我们将介绍所有最重要的图像文件扩展名,以及何时应使用它们为访问者提供最佳的用户体验。

有哪些不同的图像文件类型?

图像文件类型和格式分为两个主要类别:光栅图像文件和矢量图像文件。

让我们仔细看看每个类别。

栅格图像文件格式

网络上最常见的图像格式(JPEG,GIF 和 PNG)都在光栅类别下。

栅格图像文件类型显示静态图像,其中每个像素均基于其分辨率(例如 1280×720)具有定义的颜色,位置和比例。

由于它们是静态的,因此你无法有效地调整图像的大小,原始设计和像素将仅被拉伸以填充额外的空间。最终会产生模糊,像素化或其他失真的图像。

网上绝大多数照片或图像都使用光栅图像格式。

矢量图像文件格式

SVG,EPS,AI 和 PDF 是矢量图像文件类型的示例。

与静态栅格图像文件格式不同,在静态栅格图像文件格式中,每个设计形状和颜色都与一个像素相关联,这些格式更加灵活。

取而代之的是,矢量图形使用笛卡尔平面上的线和曲线系统,该系统相对于总面积(而不是任何单个像素)进行缩放。

这意味着你可以无限扩大原始图像分辨率,而不会损失质量或失真。

矢量图像和栅格图像的区别

上面的图片放大 7 倍时,质量之间的差异是完全无法比拟的。

由于 SVG 是根据总面积的百分比而不是像素来计算位置的,因此根本没有像素化。

10 种最流行的图像文件类型

下面,我们介绍了每种主要的图形文件格式,从栅格 Web 图像到矢量。我们进行了深入探讨,并讨论了每种格式的优缺点,浏览器和操作系统支持以及理想的用例。

1.JPEG(和 JPG)

JPEG(或 JPG)是具有有损压缩的光栅图像文件格式,使其适合共享图像。JPEG 是 “有损的”,这意味着它们可以减小文件大小,但在使用格式时也可以降低图像质量。

JPEG 仍然是压缩文件,并且实际上具有通用的浏览器 / 操作系统支持,因此仍然是你在互联网上会看到的最常用的图像文件类型之一。

大多数社交媒体平台(例如 Facebook 和 Instagram)会自动将上传的图像文件转换为 JPEG。他们还使用独特的社交媒体图像大小 来控制照片的分辨率。

优点和缺点

  • 通用浏览器和操作系统支持。
  • 相当小的文件大小。
  • 有损的图像压缩可能导致较差的文本可读性。

浏览器和操作系统支持

  • 从 1.0 版开始支持所有主流浏览器(Chrome,Firefox,Safari 等)
  • 默认情况下,所有主要操作系统的所有图像查看器和编辑器均支持该功能。

用例

  • 博客和文章图像(如受访者头像,产品图像等)的不错选择。
  • 对信息图表有很多小的文本或教程截图,其中的文字是关键使用 JPEG。

2.PNG

PNG 是一种栅格图形格式,支持无损压缩,保持颜色之间的细节和对比度。

特别是,PNG 提供比 JPEG 更好的文本可读性。

这使得 PNG 成为信息图形,横幅,屏幕截图以及其他同时包含图像和文本的图形的更受欢迎的选择。

优点和缺点

  • 高质量(无损)图像和清晰可见的文本。
  • 如果使用过多,较大的文件大小可能会降低你的网站速度(尤其是高分辨率图像)。

浏览器和操作系统支持

  • 受所有主要浏览器(Chrome,Edge,Firefox,Internet Explorer,Opera,Safari)支持。
  • 受所有主要操作系统及其标准图像编辑器的支持。

用例

  • 信息图表,横幅,博客图形,屏幕截图,优惠券和其他包含文本的视觉效果的不错选择。

注意:千万不能使用高解析度的照片,因为它会创建了大文件到几兆。

3.GIF

GIF 是属于栅格格式的另一种图像文件类型。它使用无损压缩,但将图像 “约束” 为每个像素 8 位,并限制了 256 色调色板。

该 GIF 格式,因为它的 8 位限制保持小动画和网络友好的文件大小是最有名的(和最常用)的动画图像。

优点和缺点

  • 较小的文件大小。
  • 动画支持。
  • 8 位限制导致图像质量受限。

浏览器和操作系统支持

  • 受所有主要浏览器(Chrome,Edge,Firefox,Internet Explorer,Opera,Safari)支持。
  • 受所有主要操作系统及其标准图像编辑器的支持。

用例

  • 使用动画 GIF 不仅可以 “增加内容趣味”,还可以在教程和指南中演示如何完成任务。
  • 比 8 位彩色图像更大的使用它(JPEG 最多可支持 24 位)。

4.WebP

WebP 是专门为提供更好的图像无损和有损压缩而开发的图像格式。

从 JPEG 和 PNG 切换到 WebP 可以帮助节省服务器磁盘空间和显着带宽,而相同质量的图像文件最多可以缩小 35%。

优点和缺点

  • 较小的文件可获得相同或更好的图像质量。
  • 并非所有浏览器和图像编辑器都支持。

浏览器和操作系统支持

  • Google Chrome 浏览器(台式机为 17 + 版本,移动设备为 25 + 版本),Firefox(65 +),Edge(18+)和 Opera(11.0+)本身都支持 WebP。Safari 的计划版本 14 将支持 WebP。
  • 大多数本机 OS 图像编辑器仍不支持该格式,但是 Photoshop 等专业选项支持 WebP。

用例

替换 JPEG 和 PNG 文件可节省带宽并加快网站速度。如果你使用 WordPress 作为首选的 CMS 软件,则下面介绍了如何在 WordPress 中使用 WebP 图像并将其他格式交付给旧版浏览器。

5.TIF

TIFF 是本图像文件类型指南中不应该缺少的一种格式。

TIFF 是 “标记图像文件格式” 的缩写,是一种光栅图像格式,最常用于存储和编辑图像,以后将用于打印。

它不提供任何压缩,因为优先级是保持图像质量。

优点和缺点

  • 高质量文件非常适合存储或印刷出版。
  • 没有压缩选项会导致图像文件很大。
  • 有限的浏览器支持。

浏览器和操作系统支持

  • 没有主流的浏览器就无法在没有附加组件或扩展名的情况下呈现 TIFF 文件。
  • 主要用作专业图像编辑和发布工具的导出格式。

用例

  • 存储和准备要发布的图像和图形。
  • 许多扫描仪使用它来保留扫描文档或图片的质量。

6.BMP - 位图

位图(BMP)是一种大多数已经过时的图像文件格式,它几乎没有压缩就可以映射单个像素。这意味着 BMP 文件很容易变得非常大,并且无法存储或处理。

优点和缺点

  • 与 WebP,GIF 或 PNG 等格式相比,巨大的文件大小没有明显的质量提升。

浏览器和操作系统支持

  • 受所有主要浏览器(Chrome,Edge,Firefox,Internet Explorer,Opera,Safari)支持。
  • 大多数默认 OS 图像编辑器(例如 MS Paint)中的本机支持。

用例

  • 到 2020 年,BMP 图像格式的合法用例基本为零。

7.HEIF — 高效图像文件格式

HEIF 是高效图像文件格式的缩写,是由 MPEG 视频格式背后的团队开发的图像格式,是 JPEG 的直接竞争对手。

从理论上讲,压缩效率几乎是 JPEG 的两倍,因此在文件大小相同的情况下,图像质量可以提高一倍。

这是一种基于像素映射的光栅图像格式,这意味着你无法按比例放大图像而不会降低质量。

优点和缺点

  • 高质量与文件大小之比。
  • 没有浏览器和有限的操作系统支持。

浏览器和操作系统支持

  • 任何主要浏览器均不支持。
  • 在 macOS Sierra 和 iOS 11 及更高版本中提供本机支持,但在各自的 Safari 版本中不提供。

用例

  • 一些较新的电话和设备使用它来存储质量比 JPEG 文件更高的照片。

8.SVG — 可伸缩矢量图形

W3C 将可伸缩矢量图形文件格式(通常称为 SVG)开发为一种标记语言,以在浏览器中直接渲染二维图像。

它不像栅格格式那样依赖像素,而是使用 XML 文本以类似于数学方程式创建图形的方式来勾勒形状和线条。

这意味着你可以无限放大 SVG 图像,而不会损失任何质量。

优点和缺点

  • 小文件大小和无损缩放,可用于简单的插图,形状和文本。
  • 对于图像或复杂图形而言,不是理想的格式。

浏览器和操作系统支持

  • 受所有主要浏览器(Chrome,Edge,Firefox,Internet Explorer,Opera,Safari)支持。
  • 默认图像编辑器通常不支持 SVG(因为它不适合照片),但是大多数插图软件都支持 SVG 导出。

用例

  • SVG 是徽标,图标,简单插图以及你希望通过响应式设计自由扩展的任何其他内容的理想格式。如果你使用的是 WordPress,请确保查看如何为你的网站启用 WordPress SVG 支持。

9.EPS

本质上,EPS(封装的 PostScript)文件是矢量图像文件,用于在 Adobe Illustrator 和其他插图软件(如 CorelDraw)中存储插图。

像 SVG 文件一样,EPS 实际上是一个基于文本的文档,该文档使用代码概述了形状和线条,而不是映射像素和颜色。结果,EPS 文件还支持无损缩放。

优点和缺点

  • 无损缩放。
  • 打印机对文档和设计的支持。

浏览器和操作系统支持

  • EPS 不是标准的 Web 图像文件格式,并且任何主要的浏览器都不支持 EPS。

用例

  • 使用 Adobe Illustrator 或其他软件时,它主要用于存储,保存和打印插图。

10.PDF — 便携式文档格式

你可能将 PDF 与存储,保存和读取主要基于文本的文档相关联。这是完全可以理解的 - 文件毕竟就在名称中。

但是,PDF 文件实际上基于为 EPS 矢量图像文件提供支持的 PostScript 语言,也可以用于保存图像和插图。

这是用于存储插图,杂志封面等的图像格式,供以后打印时使用。

优点和缺点

  • 可索引和可搜索的文本使其非常适合深入的图表或报告。
  • 可以包括链接,CTA 按钮和其他交互式元素。
  • 无损可伸缩性。
  • 不能包含在 Web 内容中,必须加载并作为单独的文件读取。

浏览器和操作系统支持

  • 所有主要浏览器都支持,但是你不得不将 PDF 作为单独的文件打开。(你不能使用 PDF 文件在整个 HTML 内容中显示图像。)
  • 大多数标准文档编辑器(例如 MS Word 或 Google Docs)和插图软件(AI,Inkscape)均以格式支持,但图像编辑软件则不支持。

用例

  • 如果你想创建一个交互式的可视报告或信息图来补充你的内容,则 PDF 是最佳选择。这是 WordPress 用户最好的 PDF 查看器插件的不错列表。

图像文件类型常见问题解答

图像文件的 3 种常见文件类型是什么?

根据与 Web 使用相关的数据,三种最常见的图像文件类型为 PNG,JPEG 和 SVG。

各种图片类型的使用率

让我们在下面查看是什么使它们如此普及。

1. PNG:屏幕截图,横幅,信息图表,图片

由于 PNG 作为一种格式更适合于图像中的文本,因此它更常用于屏幕截图,横幅(取决于横幅广告尺寸)等。

由于它使用无损压缩,因此设计师和摄影师也使用它在其作品集网站上展示高质量的图片。

这两个因素,加上其通用的浏览器和操作系统支持,使其成为网络上最受欢迎的图像文件类型。PNG 存在于高达 77%的网站上。

2. JPEG:图片

有损压缩意味着 JPEG 是更好的选择,可用于在整个内容中展示图片。普通用户几乎看不到质量损失,并且可以节省大量磁盘空间和带宽。

这就是为什么它是 Internet 上第二流行的格式,几乎 72%的网站使用的格式。大多数网站出于不同目的同时使用 PNG 和 JPEG。

提醒一下:JPG 与 JPEG 之间没有区别,它们是同一格式的两个不同的首字母缩写和文件扩展名。

3. SVG:徽标,图标和插图

SVG 文件是可缩放的矢量文件,非常适合图标,徽标,图表和简单的插图。该图像甚至可以作为 CSS 代码直接插入到页面中。

这就是 SVG 排名第三的原因,有 27%的网站使用了 SVG。

哪种图像格式质量最高?

原始图像格式是最高质量的,但文件大小过大,高达数百兆字节。

对于 Web 图像,对于相同质量的照片,WebP 文件格式的文件大小比 JPEG 小 25-35%,这意味着你可以为相同的磁盘空间上载更高质量的图像,从而加快网站速度。

HEIF 是另一种 JPEG 替代方案,具有更高的压缩效率,但目前尚不受任何主要浏览器的支持。

PNG 文件提供无损压缩,但这意味着文件大小将非常大且加载缓慢。一个 PNG 文件通常可以是数百 KB 甚至 1MB +。但是,如果你利用诸如延迟加载(自 WordPress 5.5 起在内核中可用) 和 CDN 之类的一些策略,你仍然可以拥有一个快速的站点。

哪些文件格式支持透明度?

支持透明性的网络上最常见的图像文件类型是 PNG,WebP,GIF 甚至是 SVG。

大多数本机项目图像文件类型(如 PSD,XCF 和 AI)也支持透明性。

另一方面,流行的 JPEG 图像格式不支持透明性。

PNG 比 JPEG 更好吗?

PNG 和 JPEG 之间的主要区别在于 PNG 是一种无损图像格式,而 JPEG 是一种有损图像格式。这基本上意味着 PNG 使用压缩技术而不会牺牲图像的原始质量或细节。

对于图像中的文本,教程屏幕截图,以及当你希望标志或其他精细元素在照片中 100%可见时,PNG 是正确的格式。

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

乐客互联
by 乐客互联

Nginx如何设置负载均衡

河北乐客互联
  •  80

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严格传输)

河北乐客互联
  •  257

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 乐客互联

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

河北乐客互联
  •  139

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

发布时间: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开发更便捷

河北乐客互联
  •  67

使用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属性详解

河北乐客互联
  •  79

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 各种查询数据库的方法

河北乐客互联
  •  69

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 乐客互联

政治投票网站前端设计

河北乐客互联
  •  121

政治投票网站前端设计

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


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

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

乐客互联
by 乐客互联

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

河北乐客互联
  •  114

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

发布时间: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 乐客互联

教育网站前端设计

河北乐客互联
  •  84

教育网站前端设计

发布时间: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主题前端设计

河北乐客互联
  •  60

响应正常运行时间的商务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 乐客互联

点燃前端页面设计

河北乐客互联
  •  55

点燃前端页面设计

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


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

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


Trans Free Ultramodern单页网站模板

乐客互联
by 乐客互联

Trans Free Ultramodern单页网站模板

河北乐客互联
  •  86

Trans Free Ultramodern单页网站模板

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


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

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

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