Category: 插件精选教程

  • 如何在 Elementor 中创建粘性页脚导航:完整实现与自定义指南

    在 Elementor 中实现 粘性页脚导航(页脚菜单) 可以通过自定义布局和一些巧妙的设置来实现。这是一个结合粘性效果和用户界面的方案,主要目标是:

    • 粘性页脚:页面滚动时,导航栏位于底部而不是顶部。
    • 品牌在页眉:仅在页面顶部显示品牌。

    确保你已经安装免费版Pro版 Elementor(可自定义CSS),我们提供安装指导。主题选择 Hello ElementorAstra等与 elementor兼容的主题。

    实现步骤:

    图片[1]-361Sale WordPress Care

    1. 创建粘性页脚导航

    1.1 创建页脚模版

    选择你要修改的页面,或者通过 模板 > 主题构建器 创建一个新的页脚模板。

    图片[2]-361Sale WordPress Care

    创建一个新的页脚模板,可以确保所有页面使用同一个设计。这样,即使你在其他页面进行修改,页脚的样式和内容也不会受到影响,确保整站风格统一。可以单独管理页脚区域。

    图片[3]-361Sale WordPress Care

    新建页脚,不要插入页脚块,以免影响已有的页脚。

    图片[4]-361Sale WordPress Care

    1.2 创建页脚

    添加新容器:在你想插入页脚模板的位置,点击页面内容区域的加号,添加一个新的 容器(Container)

    图片[5]-361Sale WordPress Care
    图片[6]-361Sale WordPress Care

    在这一部分添加你想要的导航元素,可以是菜单搜索主页收藏我的账户 等功能等。

    • 将结构设置为两列或更多列,以便更轻松地添加导航项。
    提升用户体验:在 Elementor 中创建移动端友好的粘性页脚导航

    示例: 如果你正在为一个电商网站创建粘性页脚导航,可以将左列用于“主页”图标,右列用于“购物车”图标,这样用户可以轻松访问重要页面。

    1.3 容器调整

    你已经添加了列,我们为了导航的美观,每个容器大小需要一致,在接下来的设置中,容器中的元素也应该做到一致,我们来对容器进行了解。

    例如:我们选择添加4列

    图片[8]-361Sale WordPress Care

    也就是1个大容器内包含4个小容器(1分为4),因此,可以设置大容器,也可以设置小容器。

    容器大小调整单位常用 px(像素)、%(比例),上图中每个小容器占比那就是25%

    选中大容器,容器菜单在左侧边栏显示出来。

    图片[9]-361Sale WordPress Care

    容器菜单了解:

    • 高级(Advanced)
    图片[10]-361Sale WordPress Care

    响应性(Responsive):可设置在桌面、平板、移动端隐藏那你添加的东西。

    容器菜单主要由布局(Layout)、样式(style)、高级(Advanced)组成。

    • 布局(Layout)
    图片[11]-361Sale WordPress Care
    • 样式(style)
    图片[12]-361Sale WordPress Care

    单独选中小容器,我们可以在容器内添加元素,也就是添加小部件那些。

    继续看结构,清晰了解结构后,在你选中不同的内容时,呈现的编辑会不一样。

    图片[13]-361Sale WordPress Care

    我们此次是做 粘性页脚导航,想象一下就是像这样的。

    图片[14]-361Sale WordPress Care
    图片[15]-361Sale WordPress Care
  • WordPress 多语言怎么设置(优化网站SEO)

    在开始WordPress网站的多语言操作之前。先了解一下网站做多语言和用搜索引擎翻译网页像谷歌、必应等搜索引擎提供了网页翻译,包括了世界上的许多主流语言。英语、法语、德语、阿拉伯语、西班牙语、德语等)、以及对网站SEO的区别。

    图片[1]-361Sale WordPress Care

    网页翻译和多语言的区别

    网页翻译

    网页翻译只是访客是根据自己所在地区的语言,选择适合自己阅读语言把网页进行翻译。这个过程翻译的只是单独的一个页面,网站内容也没有相应的语言存在服务器的数据库。(比如:网站语言是英语,访客在中国访问,可能会选择翻译成简体中文。如果是在德国访问,可能会选择翻译成德语。如果是在法国访问,可能会选择翻译成法语。网站的语言本质还是英语,要搜索英语才能搜索到

    示例:

    https://derdragon.com/,这是一个英文网站,正常情况下在谷歌打开是这样的:

    图片[2]-361Sale WordPress Care

    如果访客在国内打开,可能就会选择翻译成简体中文阅读:单击右键,选择翻译就可以了

    图片[3]-361Sale WordPress Care

    注意:现在虽然是中文了。但是,网页的链接是没有变化的,网站的语言还是英文的。

    图片[4]-361Sale WordPress Care

    假如,现在访客在德国。用户可能就会选择翻译成德语,这样阅读起来更方便。

    图片[5]-361Sale WordPress Care

    这就是网页翻译了。这样虽然方便阅读,但由于网站的语言是英文,网站的SEO只有一份英文的。(也就是,在自然搜索方面,访客只能通过搜索英文找到这个网站。搜索其它语言不会显示网站的相关内容

  • 怎么在 WordPress 中安装和设置 Yoast SEO 插件(详细教程)

    怎么在 WordPress 中安装和设置 Yoast SEO 插件(详细教程)

    Yoast SEO 也是一个很受欢迎的WordPress插件,用于帮助网站优化搜索引擎排名(SEO)。有很多内置工具和功能。下面会给大家一一讲述。

    图片[1]-361Sale WordPress Care

    安装 Yoast SEO 插件

    在开始使用Yoast SEO 插件之前,要先安装插件。

    登录WordPress 网站,进入仪表盘。点击左侧菜单中的插件,然后插件设置会展开。单击“添加新插件”(Add New Plugin)。

    图片[2]-361Sale WordPress Care

    跳转之后,直接输入插件名字Yoast SEO),点击立即安装Install Now)。

    图片[3]-361Sale WordPress Care

    安装之后,需要激活插件。点“激活”(Activate)后,仪表盘出现“Yoast SEO ”就可以了。

    图片[4]-361Sale WordPress Care

    仪表盘出现“Yoast SEO ”的菜单。

    图片[5]-361Sale WordPress Care
  • 在腾讯云上使用1Panel手动安装WordPress的超详细保姆级教程

    本教程将详细介绍如何在腾讯云服务器上使用 1Panel 手动安装和配置 WordPress,手动配置环境和安装 WordPress。

    图片[1]-361Sale WordPress Care


    1Panel
    是一款现代化免费开源的服务器运维管理面板,旨在帮助开发者、运维人员和站长更高效地管理服务器和应用。它提供了直观友好的图形化界面,使复杂的服务器管理任务变得简单易用,即使没有丰富经验的用户也能轻松上手。

    流程介绍

    图片[2]-361Sale WordPress Care

    腾讯云服务器上使用 1Panel 手动安装和配置 WordPress流程图

    前提条件

      1. 腾讯云服务器 (目前市面上有很多服务器,比如阿里云,腾讯云。选择一个适合你的。)

      1. WordPress安装包

    关于服务器:

    第一种:

    已经有服务器情况:

    可以跳到 连接云服务器 章节,

    第二种:

    没有服务器情况:

    如果你没有服务器,本教程将带你购买腾讯云服务器

    sep1:登入腾讯云轻量应用服务器

    sep2: 选择服务器配置。

      • 应用创建方式——选择”基于操作系统镜像“ ———选择”Debian 系统镜像,你也可以选择”Ubantu”.(区别如表1.1) ——系统选择”Debian 12.0“

    图片[3]-361Sale WordPress Care

    镜像名称 描述 适应人群
    OpenCloudOS 一个开放云操作系统,
    适合云环境中的应用开发和运行。
    云环境开发者、企业级应用开发者
    CentOS 基于RHEL
    (Red Hat Enterprise Linux)
    的免费操作系统。(停止更新
    企业用户、服务器管理员
    CentOS Stream CentOS的滚动更新版本,
    介于Fedora和RHEL之间
    的发布模式。
    开发者、测试人员、
    想体验新特性的用户
    Ubuntu 一款流行的开源操作系统,
    用户友好广泛的社区支持闻名。
    桌面用户、开发者、初学者、
    服务器管理员
    Debian 稳定安全的Linux发行版,
    是许多其他Linux发行版的基础。
    服务器管理员、系统管理员、
    喜欢稳定性的用户
    表1.1 了解系统镜像

      • 地域:腾讯云数据中心分布在全球多个位置,由不同的地域构成。每个地域都包含独立的物理数据中心,不同地域的轻量应用服务器之间默认内网不互通。
          • 知识点选择离你用户群体最近的区域,这样访问速度比较快。数据的传输需要时间,所以物理距离对访问速度有一定的影响。 如:你的用户群体在中国大陆,并且你不想进行域名备案,可以选择中国香港,新加坡。(中国大陆:域名需要备案。中国香港以及其他地区:域名不需要备案)。

      • 可用区:保持默认的随机分配
          • 知识点:每个地域内可包含多个电力和网络相互独立的物理区域,称为可用区。同一地域下的可用区通过低时延的内网链路相连。同地域内不同可用区的轻量应用服务器之间内网互通。

      • 套餐类型与套餐规格:根据你的需求,进行选择。也可以参考表格1.2 。选择适合你的CPU ,以及内存,与峰值宽带。

    电商平台规模 适用场景 推荐CPU 推荐内存 推荐带宽 备注
    轻量电商平台 日常访问量不大,每天数百到
    上千次访问
    2 核 4GB 1-5 Mbps(低带宽) 适合个人或
    中小型电商业务
    中型电商平台 访问量中等,
    每天几千到
    数万次访问
    4 核 8GB – 16GB 5-50 Mbps(中带宽) 适合并发用户
    数增长的电商平台
    大型电商平台 大型电商网站,
    日均访问量:
    数十万至上百万,
    支持高并发场景
    8 核及以上 32GB 及以上 50-200 Mbps(高带宽) 适合大规模高并发场景,
    支持促销活动等高峰负载
    表1.2 CPU, 内存峰值宽带的选择推荐

      • 服务器名称:可选,不填默认使用“镜像名称-四位随机字符:

      • 登录凭证: 选择一个适合你的登入方式,自定义密码。(相对比较简单)用户名root,设置你的密码****,并且牢记。

     

      • 自动续费为您推荐: 根据你的需求进行选择。

      • 协议:记得勾选

    远程登录到云服务器

    连接服务器有两种方法,第一种通过腾讯云的图形界面直接连接,另一种通过SSH 连接

    Sep1: 在腾讯云左侧菜单找到“服务器”,然后选择你刚刚购买的服务器,点击进入。如下图所示:

    图片[4]-361Sale WordPress Care

    Sep2: 找到远程登入,选择一键登录或者密码密钥登录

    图片[5]-361Sale WordPress Care

    Sep3: 扫描登录(进行二次验证)就完成登录了。

    SSH工具有很多,选择一个适合你的,本教程采用FinalShell工具展示远程连接。

    图片[6]-361Sale WordPress Care

    Sep1: 打开 FinalShell

    Sep2:点击“新建文件夹”,”新建连接“。

    S

    图片[7]-361Sale WordPress Care

    Sep3:新建连接

    图片[8]-361Sale WordPress Care

    Sep4: 你已经成功连接服务器。

    安装 1Panel

    在腾讯云服务器中安装1Panel面板:

    Sep1: 访问1Panel官网,获取安装命令。

    图片[9]-361Sale WordPress Care

    Sep2: 点击下载安装 ,找到你对应的系统镜像。并且复制代码。

      • (这里我们用Debian的安装命令):

    curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && bash quick_start.sh

    图片[10]-361Sale WordPress Care

    Sep3:通过命令安装1Panel

    1. 复制到你的控制台,点击回车。使用 curl 下载 quick_start.sh 脚本。

    图片[11]-361Sale WordPress Care

    2. 通过 sudo 提权,以管理员身份执行该脚本。(代码如下:)

    sudo bash quick_start.sh

    3. 在开始安装时候会出现。设置 1Panel 安装目录(默认为/opt) ,这里我们点击回车,表示:使用默认安装路径 /opt)。如下图所示:

    图片[12]-361Sale WordPress Care

    4. 设置 1Panel 端口安全入口面板用户。点击回车,保持默认。

    图片[13]-361Sale WordPress Care

    5.设置1 Panel 面板密码:输入密码,并点击回车。

    图片[14]-361Sale WordPress Care

    6.保存信息: 出现如下图,表示你安装成功了。(这里记住14351是你的端口号,详细看知识点了解)。

    图片[15]-361Sale WordPress Care

    知识点: 用来指定特定的服务或应用程序访问。

    外网地址http://43.154.84.42:14351/56c1fb29fe

      • 这里的 43.154.84.42 是外部访问的 IP 地址,冒号后面的 14351 就是端口号。

    内网地址http://10.5.0.15:14351/56c1fb29fe

      • 这里的 10.5.0.15 是内网的 IP 地址,冒号后的 14351 同样是端口号。

    配置防火墙规则

    这一步是确保 1Panel 和 WordPress 的正常访问:确保必要的端口已开放,外部用户(也就是你自己)可以正常访问您的网站和管理面板。

    Sep1: 回到腾讯云,点击左侧服务器,选中你购买的服务器。(如下图)并且在下面找到网络与域名,点击(防火墙)–管理规则

    图片[16]-361Sale WordPress Care

    图1:服务器信息

    图片[17]-361Sale WordPress Care

    图2:服务器网络与域名信息

    Sep2: 添加规则:

      • 填写来源全部IPV4地址端口所:你自己的端口号,上面告诉你如何查看。点击确认

    图片[18]-361Sale WordPress Care

    Sep3搜索引擎搜索你的外网面板地址。(你保存的信息。)

      • 出现如下图,输入账号密码

    图片[19]-361Sale WordPress Care