Article

Filter posts by category

基于Astra主题的WordPress页面设计

作用:通过本教材的学习,你能从无到有设计一个wordpress页面,你也能修改已经存在的页面。 前提:不需要任何基础,该教材非常简单,全程也不用学习代码,任何人都能快速学会。 概述 基于Astra主题的WordPress页面设计是非常简单的,任何人都能快速学会。设计页面的整个操作过程类似于搭积木,我们只要把相应的模块(图片、按钮、文本等)放到页面上,调整其位置、大小、颜色等参数,就能快速设计出一个漂亮的页面了。正是因为这个原因,我们通常把建网站叫做“搭建网站”。下图是用来搭建页面的“模块库”,正是名字叫:区块。 如上图所示,我们需要一个标题,只要把“Heading”这个区块放到页面中去即可,如果需要一个图片,则可以 添加“Image”这个区块,如果需添加按钮,则可以添加“Buttons”。那么第一个区块“Container”是什么呢?不要慌,我们接下来就讲“Container”。后面我们会对常见区块进行讲解,让大家领悟到用区块搭建页面的精髓,自己能融会贯通,轻松设计自己的页面。 一、区块Container Container直接翻译叫“容器”,顾名思义,容器就是用来装东西的。所谓排版,本质上就是把页面划分为不同的块,在不同的块里面放入不同的内容。Astra主题的WordPress页面排版,就是用Container来实现对页面进行划分的。 上图的布局效果,就是用Container来实现的。具体逻辑是在Container容器里面,装了三个Container容器,然后在每个容器里面装了一个info box板块。如下图所示: 关于Container的具体使用,可以观看下面的视频。

基于Astra主题的WordPress页面设计 Read More »

SEO知识

配置WooCommerce PayPal Payments reCAPTCHA

为什么要配置这个? 信用卡测试攻击在电商平台上日益猖獗。WooCommerce PayPal Payments 已内置原生机器人防护功能,可在不影响真实客户体验的前提下,有效保障您的结账流程。我们建议您立即启用此功能,以增强安全性并降低风险。PayPalPayments reCAPTCHA 可阻止针对 PayPal 支付端点的自动化信用卡测试攻击。要激活此功能,必须同时配置 reCAPTCHA v3 和 v2 密钥。 WooCommerce PayPal Payments reCAPTCHA是PayPal Payments自带的功能,也是调用谷歌验证码。也就是说,我们不用再安装其它插件,就能使用谷歌reCAPTCHA。 首先,我们找到配置谷歌reCAPTCHA的地方: 在网站后台点击左边导航中的“WooCommerce”,点击展开的“设置”,点击选项卡中的“集成”,再点击“WooCommerce PayPal Payments reCAPTCHA”,如下图所示: 观察表单发现,v2和v3都需要获取。我们可以通过前一篇文章《如何将 Google reCAPTCHA 添加到 WooCommerce》提到的方式,分别获取v2和v3,然后填入上面的表单即可。文章《如何将 Google reCAPTCHA 添加到 WooCommerce》只教获取v2的方式,但是v3也大同小异,操作过程中选择v3即可。 特别说明一下,WooCommerce PayPal Payments reCAPTCHA没有验证功能,一堆要用《如何将 Google reCAPTCHA 添加到 WooCommerce》的方法,分别验证v2和v3,确定能用后再填写上述表格。

配置WooCommerce PayPal Payments reCAPTCHA Read More »

SEO知识

如何将 Google reCAPTCHA 添加到 WooCommerce

如果您想为您的 WooCommerce 商店增加一层额外的安全保障,Google reCAPTCHA 是一个不错的选择。 本文将向您展示如何将 Google reCAPTCHA 添加到 WordPress 和 WooCommerce 网站表单中! 获取您的 reCAPTCHA 密钥 首先,您需要访问此页面,如果您尚未登录,请登录:https://www.google.com/recaptcha/admin/create 接下来,您需要输入标签、reCAPTCHA 类型和您的域名。 对于 reCAPTCHA 类型选项,您需要选择“挑战 (v2)”,然后选择“我不是机器人”复选框。 点击“提交”按钮,您将获得“站点密钥”和“私钥”。请保持此页面打开,因为您稍后需要复制它们。 安装 WordPress 插件 现在您需要将免费的“ reCAPTCHA for WooCommerce ”插件安装到您的网站上。 要执行此操作,请转到 WordPress 管理区域的“插件 > 添加新插件”,然后搜索“reCAPTCHA for WooCommerce”,点击“安装”,最后点击安装完成后显示的“启用”按钮。 然后您将被带到 WooCommerce reCAPTCHA 的设置页面。 您可以在这里自定义多个选项: 只需复制您之前生成的站点密钥和秘密密钥,然后将它们粘贴到设置字段中即可。 在设置页面的下方,您会看到几个复选框。 您可以在这里为所有 WordPress 和 WooCommerce 表单启用 reCAPTCHA。 只需选中要启用 reCAPTCHA 的每个表单的复选框,并根据需要自定义其他设置即可。 最后,首次设置或更新“站点密钥”或“私钥”时,您需要测试 API

如何将 Google reCAPTCHA 添加到 WooCommerce Read More »

店铺设置 独立站设置

wordpress教程:如何实现左右排版效果

很多网站上都有如上图所示的排版效果,这种排版效果其实非常的容易实现。在页面上添加一个container(容器),然后设置container为两列,然后分别在不同列添加不同内容即可。上面的效果是在左边添加了一个Info box,再右边添加一个视频组件。 右边同理添加图片或者视频即可。然后调整一下细节即可。info box组件的用法,可以看我视频 https://v.douyin.com/FNs–kpx4is/

wordpress教程:如何实现左右排版效果 Read More »

独立站装修, , ,

WordPress+Astra独立站装修之页眉设置

该文章可以解决如下问题: 1.为什么我修改了菜单颜色,但是没有菜单颜色并没有变化?2.为什么页面顶部被页眉挡住了,看起来很混乱?3.为什么开启了透明页眉、固定页眉,但是页面不生效?…… 页眉就是页面顶部,通常用来放logo,菜单,搜索框等内容。 页眉一般是作为页面部件形式存在,独立于页面本身。只需要设置一次,其它页面就可以直接使用了,不需要每个页面分别设置。 进入页面管理界面 管理员账号登录网站,然后回到网站首页(直接访问你的网址打开的页面就是首页),从Customize(自定义)进去,点开“页眉”,如下图,就可以对页眉进行各种设置了: 在WordPress系统+Astra主题中,页眉内容区域被划分成三行,从上至下,分别叫:页眉上方,主页眉,和页眉下方,每一行又被分为三列。我们可以把logo,菜单,搜索框等内容放到上面的任何位置,通过鼠标即可任意拖拽实现排版。 页眉的具体形式 页眉又分三种形态,分别是:传统页眉、透明页眉和固定页眉。 传统页眉 在设置页眉内容的时候,如果没有特别说明,那么设置的就是传统页眉的效果。传统页眉会出现在页面顶部,相当于拼接在页面顶部。 透明页眉 透明页眉和传统页眉不同,它不是拼接在页面顶部,而是覆盖在页面顶部。正是这种原因,经常会有朋友纳闷,为什么页面顶部的内容被页眉遮挡了? 解决方案非常简单,那就是在主页面顶部必须留出空地。留出空地一般可以用内边框来实现,假设你的透明页眉高度是100,那么你主页面顶部的内边框就可以设置120,反正大于透明页眉的高度即可。 如果要设置透明页眉以及透明页眉上的元素样式,直接点击上图2部分的“透明页眉”进去即可。具体细节就不说了,大家都是文化人,都认识字。 特别注意 Design 选项卡里面的内容,一定要仔细看看,菜单,子菜单,搜索等图标和文本的颜色,都是在里面设置。 固定页眉 滚动页面的时候,某些网站的页眉一直悬浮在顶部,这就是固定页眉。我们在设置页眉上的元素比如菜单、logo的时候,如果前面有“Sticky”这个词,那么就说明设置的效果在固定页眉上生效。 如果要设置固定页眉相关参数,可以点击上图2部分的“固定页眉”进行设置。我们可以设置哪些页面采用固定页眉,可以设置固定页眉是否在桌面、平板、手机端显示,为固定页眉设置另外一个logo等,更多内容请自行探索。 页面级设置透明页眉和固定页眉 上面的方法可以批量设置页面是否开启固定页眉、透明页眉,我们还可以进行页面级设置,让某些页面不受上述设置的影响。要设置某个页面,就编辑某个页面,进入编辑状态后点击右上角三个点,然后选择“Astra设置”,然后再选择“高级设置”,如下图,即可设置该页面是否开启固定页眉、透明页眉了。 如果我们选择“继承”,那么前文中的批量设置对该页面生效。 这篇文章到此为止,如果大家有什么疑问,欢迎留言交流。

WordPress+Astra独立站装修之页眉设置 Read More »

独立站装修 独立站设置

推荐一个跟踪物流的插件:ParcelPanel

支持说明WOOCOMMERCE的PARCELPANEL发货跟踪&WORDPRESS中的最佳订单跟踪插件💪“我的订单在哪里?”(WISMO)是您客户最关心的问题。我们创建了WordPress的终极跟踪插件Parcel Panel Shipment Tracking,以帮助WooCommerce商家访问订单跟踪器,通过提供最佳的购后体验来提高客户满意度并推动更多销售。 免费计划仍然可用✨自2021年首次推出以来,ParcelPanel Tracking一直保持100%免费。然而,由于各种成本的不断增加,我们决定从2023年9月开始推出付费版本V3.6。免费计划包括:每月20个订单,并提供无限制的订单查询访问1300多家运营商实时同步和跟踪品牌跟踪页面… 官方地址:https://www.parcelpanel.com/try-free/ 下载地址:https://wordpress.org/plugins/parcelpanel/?utm_source=website

推荐一个跟踪物流的插件:ParcelPanel Read More »

店铺设置

什么叫可以卖货?

在我们的宣传文案中,经常提到“可以卖货”这个词,那么什么是可以卖货呢? 简单来说,就是让你可以通过网站实现卖货流程。 对于客户,他们可以访问网站,选择自己感兴趣的商品,然后下单付款。 对于网站主来说,我们可以管理产品,管理订单,还可以开展一些营销手段,比如发放优惠券等。当然了,最重要的我们还可以收到来自客户购物的付款。 除此之外,我们还会教客户一些装修网站的知识。客户不需要懂代码,依然可以把网站做成自己想象中的样子。 搭建一个wordpress站点也许不难,但是要走通卖货流程,对很多新手来说就相当困难了,这就是我们推出这个服务的理由。

什么叫可以卖货? Read More »

业务相关

独立站装修教程:如何长轮播图左右铺满?

有朋友反馈,按照我的视频教程做好了轮播图,但是没有办法让轮播图左右铺满。这个教程就是解决这个问题的。 首选,编辑页面本身,设置如下几个方面,具体见图: 设置各组件的Padding值,Padding值分上下左右,我们只要设置左右为0即可。 第二步,设置容器宽度。具体方法如下: 继续往下拉 搞定!!!

独立站装修教程:如何长轮播图左右铺满? Read More »

独立站装修

获取QQ邮箱的POP3/IMAP/SMTP/Exchange/CardDAV授权码

第一步:登录QQ邮箱。 第二步:点击“设置” 第三步:点击“账号”选项卡,然后下拉找到“POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务” 第三步:点击“开启服务” 然后按照提示操作即可获取。

获取QQ邮箱的POP3/IMAP/SMTP/Exchange/CardDAV授权码 Read More »

独立站设置, ,
Shopping Cart

微信xinzhesi

邮箱tiansong.gao@gmail.com

电话18161220736