spot_img
Home外贸独立商城运营2022 年新手指南

2022 年新手指南

JasperAI 10000字免费额度试用

当您开始构建 WordPress 网站时,您可能希望开始编码以更好地控制您的网站。 如果您想学习如何在 WordPress 中编辑代码,这可能是一场漫长的艰苦战斗。 为了提供帮助,这里提供了入门指南。

注意:这不是学习 CSS 或 HTML 或 PHP 或 Javascript 的指南。 相反,这将向您展示在 WordPress 中编辑代码的各种方式。

编辑 WordPress 代码的方法:初学者指南

您需要知道的第一件事是,您可以通过多种不同的方式在 WordPress 中添加或编辑代码。 这包括通过 FTP 访问编辑源代码,甚至只是将自定义 CSS 添加到您的主题中。

重要的是您了解基础知识。 在篡改代码之前,请始终确保备份您的网站。 如果可能,请处理您网站的暂存副本,以免弄乱您的实时网站。

如果您的托管服务提供商不提供暂存服务,那么我建议您升级到提供该服务的更好提供商。 最好的网站之一是 Siteground,但其他网站还包括 Kinsta、WPX 和 Cloudways

WordPress divi主题

如何使用 WordPress 块编辑器编辑 HTML

古腾堡编辑器是 WordPress 的本地块编辑器,它使在 WordPress 中创建页面和帖子比以往任何时候都更加简单。 使用古腾堡编辑器,您可以通过 HTML 块添加自定义 HTML。

自定义 HTML 块使您可以通过直观的界面轻松获得您想要的精确设计。

使用古腾堡编辑器的一大好处是它是 WordPress 原生的。 因此,您不会添加任何会降低网站速度的额外插件或附加组件。 这也意味着您不必为高级插件支付任何额外费用。

古腾堡编辑器出现在所有较新的 WordPress 安装上。 如果您有一个一直在使用 WordPress 经典编辑器的旧网站,您可能需要手动切换到 Gutenberg。

如何使用 WordPress 经典编辑器编辑 HTML

通过使用经典编辑器插件,WordPress 经典编辑器甚至可以在较新的网站上使用。 您可以通过插件存储库将插件添加到您的 WordPress 网站。

您可以使用 WordPress 经典编辑器插件通过文本编辑器轻松添加自定义 HTML。 只需单击显示文本的按钮并在下面添加您的自定义代码。 您可以单击可视化编辑器以查看您的代码在前端的外观。

虽然通过 WordPress 经典编辑器使用 HTML 非常容易,但我强烈建议不要使用它。 Gutenberg 块编辑器无需自定义代码即可轻松完成许多事情。 如上所示,您可以轻松地为您想要更多控制的区域添加所需的任何代码。

如何使用页面构建器使用 WordPress 编辑 HTML

将自定义 HTML 添加到网站的另一种方法是使用页面构建器。 与古腾堡一样,这些构建器为 WordPress 添加了直观的可视化界面,使初学者和专家设计师更容易获得所需的设计。

所有这些页面构建器和块构建器插件都提供了一种添加自定义代码的方法,包括自定义 CSS 块、自定义 HTML 块和自定义 Javascript 块。 使用像 Elementor 这样的构建器,您甚至可以将自定义 CSS 样式添加到特定块或编辑全局样式。

流行的页面构建器和块构建器的一些示例包括:

谷歌SEO优化服务
  • 元素者
  • 氧气生成器
  • 聪明的建设者
  • 卡登斯积木
  • 白利糖度生成器
  • 迪维
  • 视觉作曲家

我将在下面更详细地讨论其中一些构建器,作为学习如何在 WordPress 中编辑代码的替代方法。

如何使用 WordPress 小部件编辑 HTML

在 WordPress 网站中添加和编辑 HTML 的另一种选择是使用小部件。

小部件是 WordPress 中的模块化元素,可用于添加特定功能。 这些可以添加到您网站的不同区域,例如侧边栏和页脚区域。 开箱即用的 WordPress 为您提供了 16 种不同的小部件,并且可以通过第三方插件添加更多小部件。

您可以添加的这些小部件之一是自定义 HTML 小部件。 您可以将其添加到侧边栏、页脚区域、最近的帖子、最近的评论和档案部分。 使用 HTML 小部件,您可以添加自定义代码以增强网站的设计和功能。

如何使用 WordPress 主题编辑器编辑 HTML

对于更了解 WordPress 后端的高级用户,另一种编辑代码的方法是通过 WordPress 主题编辑器。

H10的年终大促

主题编辑器是您所有 WordPress 主题文件所在的位置。 它包含有关您的主题如何设置样式以及如何在前端向用户显示的所有信息。

如果您想要编辑全局样式以使更改出现在整个网站中,您可以在此处查找。 因此,如果您想更改页眉或页脚等内容,您可以在此处进行操作。

在对主题进行任何更改之前,您必须对网站进行完整备份。 如果你弄乱了一些东西,如果没有备份,你将无法恢复。

如果可能,请尝试在您网站的暂存副本上对您的主题进行任何编辑。 特别是如果您要编辑的网站是一个赚钱的网站。 您最不想做的就是在没有适当备份并且不了解如何恢复内容的情况下损坏您的实时站点。

如何使用 FTP 在 WordPress 中编辑 HTML、CSS 和 JavaScript

FTP代表文件传输协议。 这是一种网络协议,允许您在服务器和计算机之间传输文件,反之亦然。 如果您是高级用户,我建议您只尝试通过 FTP 编辑代码。

使用 FTP,您可以完全控制构成您网站的所有文件。 您可以轻松编辑这些文件中的所有代码,并对 WordPress 安装、插件和其他任何内容进行任何更改。

学习如何使用 FTP 编辑 WordPress 代码的第一步是下载 FTP 客户端。 FileZilla 是最受欢迎的软件之一,如上图所示。 它是一个免费的开源解决方案,提供了一个直观的界面,对于初学者和高级用户来说都很简单。

用于编辑 WordPress 的插件(代码和无代码选项)

如果您不习惯使用 SFTP 直接编辑您网站的文件,有很多插件可以让这个过程更容易。

即使在使用代码插件时,在学习如何在 WordPress 中编辑代码时,备份您的网站、处理暂存副本以及使用子主题也很重要。

如果不执行任何这些操作,可能会导致您的网站以您不希望的方式永久更改,并且无法恢复以前的副本。

高质量外链购买

CSS英雄

CSS Hero 是一个插件,可以让您更轻松地编辑网站主题和其他 CSS 元素。 虽然该插件被宣传为不需要编码技能,但我认为了解 CSS 基础知识以更好地理解该插件如何编辑您的文件仍然很重要。

该插件对于初学者和有经验的用户都是一个很好的解决方案。 它无需直接编辑您的主题文件即可工作,因此您不会面临永久搞乱您的网站的风险(仍然备份所有内容)。

这是一个高级插件,这意味着您需要购买许可证才能在您的网站上使用它。 总体而言,如果您希望开始编辑 WordPress 网站上的代码,CSS Hero 是最佳选择之一。


视觉 CSS 样式编辑器

Visual Style Editor 是一个类似于 CSS Hero 的插件,允许非技术用户更轻松地编辑他们主题的视觉外观,而无需直接弄乱代码。

它适用于任何主题,并为想要直接编辑代码的人提供了一个简单的 CSS 编辑器。 该插件的其他功能包括能够调整 60 多种样式属性,例如颜色、字体、大小、位置等。

writesonic

对于想要直接编辑代码的人,可以选择添加自己的自定义 CSS 以获得不同元素所需的确切样式。


WP 网站定制器

WP Site Customizer 为开发人员提供了 200 多种调整和工具,以帮助开发人员简化工作。 其中的一些示例包括将您的徽标添加到登录页面、自定义管理面板、主题控件等。

该插件允许您在不需要编码技能的情况下完成所有这些事情,这可以为开发人员节省时间。 其他一些功能包括错误日志查看器、帖子和页面控制、插件控制、更新控制、管理仪表板控制以及许多其他有用的功能。

您可以通过他们的五天免费试用来试用该插件。 但是,您需要在试用后购买许可证,因为这是一个高级插件。


体温计

Microthemer 是一个可视化的 CSS 编辑器,可以使用直观的拖放界面轻松更改网站的可视化元素。 有超过一百五十种不同的 CSS 选项和编辑选项,包括动画、过渡、变换、过滤器、弹性框、排版、位置等等。

Microthemer 的主要优点之一是它集成了流行的主题和页面编辑器,例如 Elementor、Oxygen、Beaver Builder 等。 这为您提供了更多的自定义选项,帮助您获得所需的确切网站,而无需高级编码技能。


派德

WPide 是一个非常强大的文件管理器和代码编辑器,可以简化编辑 WordPress 网站代码的过程。 该插件允许您更改主题文件而无需通过 FTP 或 cPanel。

请注意,这不是可视化编辑器,您需要知道自己在做什么。 这只会让您更轻松地编辑 WordPress 网站文件。

使 WPide 很棒的其他一些功能包括数据库管理器、图像编辑器、批量文件上传器、批量下载、快速文件搜索等等。 总的来说,如果您已经了解一点 CSS 和 HTML…

5分钟生成10篇英文软文article forge软件试用
跨境电商独立站代运营服务综合套餐项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline
guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES