作者: tianbao

  • 使用XAMPP本地搭建WordPress网站图文教程

    在《2020年最新版本WordPress本地环境搭建与安装教程》一文,我们为大家介绍了DesktopServer,XAMPP,WAMP或MAMP四种本地搭建WordPress网站的方案,但文章可能对每个方案的介绍较为笼统。

    今天,我们将详细地介绍如何使用XAMPP创建本地WordPress网站,以帮助站长在本地计算机上安装WordPress,进行WordPress试用,主题和插件测试以及学习WordPress开发。

    XAMPP本地搭建WordPress教程

    为什么要创建本地WordPress网站?

    本地环境搭建WordPress网站是开发人员和站长经常做的事情。主要目的在于可以本地测试WordPress,而无需联网创建网站。

    本地网站仅在您的计算机上可见。您可以尝试不同的WordPress主题和插件,测试其功能,学习WordPress基础知识。

    如果您已经拥有WordPress网站,则可以在计算机上创建您网站的本地副本(克隆网站),以在本地测试环境尝试新主题及插件安装、网站代码修改、数据库更改等操作。

    毕竟直接在线修改网站相关的东西可能存在一定的风险性,甚至会导致网站下线,给线上用户造成不必要的糟糕体验。

    下面让我们看看如何使用XAMPP在Windows,Mac或Linux上本地安装WordPress。

    什么是XAMPP?

    XAMPP是一个软件包,其中包括在计算机上设置本地服务器环境所需的所有软件。

    为了创建本地WordPress网站,我们需要在本地计算机上设置Web服务器软件(Apache),PHP和MySQL。

    PHP是一种编程语言,而MySQL是一种数据库管理软件。要运行WordPress,这两者缺一不可。

    如果在本地电脑分别安装配置Apache,PHP和MySQL是件让人抓狂的事情,这就是集成环境软件XAMPP出现的必要性。

    XAMPP可以帮助您在本地轻松搭建WordPress网站,并且它是一个跨平台软件应用,支持Windows,Mac和Linux。

    本地计算机安装配置XAMPP软件

    首先,您需要访问XAMPP网站并根据您的计算机系统选择适合的软件版本下载。

    XAMPP官网

    XAMPP官网

    不同的操作系统,XAMPP软件的安装向导和应用程序界面可能有所不同。本文仅基于Windows版本进行说明。

    下载XAMPP之后,双击运行安装程序。

    XAMPP安装

    XAMPP安装

    XAMPP将询问软件安装路径以及需安装哪些软件组件,默认设置适用于大多数用户。继续单击“Next”按钮以完成设置向导。

    完成向导后,选中“start the control panel now”选项,然后单击完成按钮。

    XAMPP安装向导

    XAMPP安装向导

    这将启动XAMPP控制面板,您要同时启用Web服务器-Apache和数据库服务器-MySQL,点击对应的Start按钮即可。

    XAMPP控制面板

    XAMPP控制面板

    XAMPP将启动Apache和MySQL,在此过程您可能会收到Windows防火墙或者第三方防火墙(如360,QQ电脑管家)通知,必须确认“允许访问”,以保证服务正常运行。

    Apache服务启动

    Apache服务启动

    稍等片刻,当你看到两个服务的名称以绿色字体显示,说明本地服务器正常运行,接下您即可开始搭建WordPress网站。

    使用XAMPP搭建WordPress本地网站

    首先,访问WordPress.org网站,下载最新版本的WordPress。

    WordPress下载

    WordPress下载

    解压WordPress压缩文件将会获得一个wordpress文件夹,将其复制。

    WordPress文件目录

    WordPress文件目录

    接下来,打开XAMPP安装文件夹。

    • Windows系统:一般在C:/Program Files/XAMPP/htdocsC:/Xampp/htdocs
    • Mac系统,一般在/Applications/XAMPP/htdocs

    将先前复制的wordpress文件夹粘贴到htdocs文件夹下。

    然后建议将wordpress文件夹重命名为网站或其他任何名称,请勿使用中文名称

    renamewpfolder

    WordPress网站路径

    接下来,在Web浏览器地址栏中输入以下URL:

    https://localhost/yourwebsite/

    yourwebsite即WordPress文件夹名称,根据自己的情况使用自己的文件夹名称替换yourwebsite。

    下一步将进入WordPress安装向导,选择适合你的语言,单击“继续”按钮继续。

    WordPress安装语言

    WordPress安装语言

    在下一个界面,将会提示进行安装WordPress需要数据库名称,数据库用户名,密码和主机信息。

    WordPress安装提示信息

    WordPress安装提示信息

    OK,接着下来为WordPress网站创建一个数据库。

    打开一个新的浏览器选项卡输入以下地址https://localhost/phpmyadmin/

    XAMPP将启动预先安装的phpMyAdmin,该软件以界面的方式管理数据库。

    单击选项卡Databases,输入数据库名,点击“Create”按钮创建。

    WordPress数据库创建

    WordPress数据库创建

    成功创建数据库后,切换到刚才安装WordPress的界面,点击“Let’s Go”按钮继续安装WordPress。

    在下一个界面需要您填写WordPress数据库相关信息。

    • 数据库名-即刚才创建数据库时使用的名称;
    • 用户名-默认为“root”;
    • 密码-该字段留空;
    • 数据库主机-使用localhost;
    • 表前缀-默认即可,又或者更改为自己喜欢的。

    WordPress安装数据库信息填写

    WordPress安装数据库信息填写

    单击“提交”按钮继续下一个步骤。

    • 如果本地计算器系统为Windows或Linux,上述设置的信息将会保存到名为wp-config.php的WordPress配置文件。
    • 但是,如果是Mac系统,则将显示文件内容并要求您创建文件,需要在网站的根文件夹中创建此文件。创建文件后,将先前复制的文本粘贴到文件中,保存文件并返回WordPress安装程序以继续。

    接着,您需要填写WordPress站点相关信息:网站标题、管理员帐户用户名,密码和电子邮件地址。

    WordPress站点信息填写

    WordPress站点信息填写

    填写完所有信息后,单击“安装WordPress”按钮即可完成本地WordPress网站搭建。

    转至/localhost/yourwebsite/wp-admin页面,使用前面设置的用户名/密码即可登录网站。

    温馨提示:您可以下载本站提供的免费主题&插件,进行WordPress本地站点测试。

    WordPress网站登录

    WordPress网站登录

    至此,使用XAMPP搭建WordPress本地网站图文教程完毕,希望能够帮助到你!

  • WordPress函数文件Functions.php教程指南

    在本教程中,我们将深入研究WordPress函数文件。我们将讨论它的工作原理以及您可以在哪里找到它。最后,我们将向您展示一些可以对functions.php文件进行的有趣的调整。

    要参与WordPress开发,您首先需要了解平台最重要的文件是如何工作的。WordPress可以很容易地开始修改您的网站。然而,可能很难知道从哪里开始——或预测您的更改实际上会做什么。

    一个完美的学习场所是functions.php文件,它也被称为functions文件。这是进行更改和向WordPress添加代码的常见位置。通过编辑此文件,您可以完成一些有用的事情,例如将Google Analytics统计代码添加到您的站点、创建自定义菜单或显示文章的估计阅读时间。

    什么是functions.php文件?

    functions.php文件

    WordPress的functions.php文件包含在所有免费和付费WordPress主题中。对于未受过训练的人来说,它可能看起来不多,但函数文件是一个强大的工具,可以让您做很多有趣的事情。

    WordPress Codex这样描述的功能文件:

    您可以使用它来调用函数,包括PHP和内置WordPress,并定义您自己的函数。您可以通过向WordPress插件或通过WordPress主题功能文件添加代码来产生相同的结果。

    简单来说,函数文件使您能够向站点添加自定义代码。它允许您以自定义方式创建新函数或引用现有函数。正如Codex指出的那样,这使得函数文件非常类似于插件,但两者之间存在一些差异。

    最重要的区别是函数文件属于特定主题。如果您要更改主题或更新到更新版本,您所做的更改将会消失。出于这个原因,您应该考虑创建一个子主题并将新代码添加到子主题的函数文件中。这样,您可以在不丢失更改的情况下更新父主题。

    是选择使用函数文件还是创建插件完全取决于您,具体取决于您的需要。现在让我们看看编辑函数文件的不同方式。

    如何编辑函数文件

    编辑函数文件就像使用标准文本编辑器(如 TextEdit 或记事本)一样简单。在开始之前,创建站点的备份并保存原始的、未经编辑的functions.php文件非常重要。这将使您能够在编辑过程中出现问题时恢复您的站点。

    1. 使用WordPress编辑器

    如果您有权访问 WordPress 管理界面,则可以直接从主题编辑器编辑功能文件。转到外观 > 主题编辑器

    WordPress主题编辑器

    在屏幕的右侧,您可以看到主题中包含的所有文件的列表。这些因您使用的主题而异,但最重要的选项之一应该是Theme Functions (functions.php)。只需单击该文件即可在编辑器中打开它。

    二〇一七主题Functions.php

    现在,您可以直接编辑文件。完成后,不要忘记单击底部的更新文件以保存更改。

    2.通过FTP访问文件

    如果您无法使用管理仪表板或更喜欢直接配置文件,您还可以使用FileZilla等FTP工具访问功能文件。

    打开您的FTP工具并输入服务器账号信息以连接到您的站点。要找到正确的文件,请导航到wp-content/themes/[the name of your theme]。当您打开此文件夹时,您将看到functions.php文件。

    FileZilla

    您现在要做的就是使用您喜欢的文本编辑软件对其进行编辑。完成更改后,使用完全相同的名称和扩展名保存并覆盖函数文件。

    使用WordPress函数文件的一些小Case

    您现在应该可以开始编辑您的函数文件了。为了让您开始,以下是您可以进行的各种调整的一些示例。您需要做的就是复制提供的代码片段并将它们粘贴到函数文件最底部的新行上(不要忘记保存它!)。

    1. 将Google Analytics添加到您的网站

    有多种方法可以将Google Analytics与您的WordPress网站集成。其中之一是将您的凭据直接添加到函数文件中。这会将分析跟踪插入您网站的标题中,确保正确捕获每次访问。

    首先将以下代码粘贴到函数文件的底部:

    <?php
    add_action(‘wp_head’, ‘wpb_add_googleanalytics’);
    function wpb_add_googleanalytics() { ?>
    // Replace this line with your Google Analytics Tracking ID
    <?php } ?>
    <?php
    add_action(‘wp_head’, ‘wpb_add_googleanalytics’);
    function wpb_add_googleanalytics() { ?>
    // Replace this line with your Google Analytics Tracking ID
    <?php } ?>
    <?php
    add_action('wp_head', 'wpb_add_googleanalytics');
    function wpb_add_googleanalytics() { ?>
    // Replace this line with your Google Analytics Tracking ID
    <?php } ?>

    您现在要做的就是找到您的跟踪ID并将其粘贴到包含占位符文本的行中。当您保存函数文件时,您的站点将连接到您的Google Analytics帐户。

    2. 更改默认登录错误信息

    默认情况下,当有人尝试登录WordPress网站失败时,他们会看到如下错误消息:

    WordPress登录界面

    这并不理想,因为该站点正在向潜在入侵者提供有关尝试失败的原因的信息。更安全的解决方案是将其更改为通用消息。

    您可以通过将以下代码添加到您的函数文件中轻松完成此操作:

    function no_wordpress_errors(){
    return ‘Something went wrong!’;
    }
    add_filter( ‘login_errors’, ‘no_wordpress_errors’ );
    function no_wordpress_errors(){
    return ‘Something went wrong!’;
    }
    add_filter( ‘login_errors’, ‘no_wordpress_errors’ );
    function no_wordpress_errors(){
    return 'Something went wrong!';
    }
    add_filter( 'login_errors', 'no_wordpress_errors' );

    看到“Something went wrong!” 第二行的消息?这是下次发生错误登录尝试时将出现的消息:

    WordPress登录报错信息

    只要保留单引号字符,您就可以将其更改为您想要的任何内容。尝试使用不同的消息,看看它是如何工作的。

    3. 添加文章的预计阅读时间

    这个巧妙的技巧使您能够计算和显示阅读帖子所需的估计时间。然后,您的访问者可以立即大致了解内容的时长。

    要实现此代码,您需要进行两次单独的编辑。第一个像往常一样对函数文件完成,您需要在其中粘贴以下代码段

    function reading_time() {
    $content = get_post_field( ‘post_content’, $post->ID );
    $word_count = str_word_count( strip_tags( $content ) );
    $readingtime = ceil($word_count / 200);
    if ($readingtime == 1) {
    $timer = ” minute”;
    } else {
    $timer = ” minutes”;
    }
    $totalreadingtime = $readingtime . $timer;
    return $totalreadingtime;
    }
    function reading_time() {
    $content = get_post_field( ‘post_content’, $post->ID );
    $word_count = str_word_count( strip_tags( $content ) );
    $readingtime = ceil($word_count / 200);
    if ($readingtime == 1) {
    $timer = ” minute”;
    } else {
    $timer = ” minutes”;
    }
    $totalreadingtime = $readingtime . $timer;
    return $totalreadingtime;
    }
    function reading_time() {
    $content = get_post_field( 'post_content', $post->ID );
    $word_count = str_word_count( strip_tags( $content ) );
    $readingtime = ceil($word_count / 200);
    if ($readingtime == 1) {
    $timer = " minute";
    } else {
    $timer = " minutes";
    }
    $totalreadingtime = $readingtime . $timer;
    return $totalreadingtime;
    }

    但是,这仅执行计算。您现在需要在想要显示结果的任何位置添加以下代码:

    echo reading_time();
    echo reading_time();
    echo reading_time();
    

    例如,您可以将其添加到每个文章旁边显示的元数据中。每个主题的构造都不同,但在二〇一七主题中,它位于template-parts > post > content.php 中

    content.php主题文件

    预计阅读时间现在将出现在每个文章的标题中,并与日期一起显示。

    4.删除WordPress版本号

    旧版本的WordPress可能包含恶意黑客和机器人可以利用的安全漏洞。避免这种风险的一种方法是隐藏您的网站使用的 WordPress 版本。这被称为通过默默无闻的安全

    在我们继续之前,重要的是要注意,默默无闻不应该是您唯一的安全措施。这更像是为您已经安全的WordPress堡垒添加一个额外的堡垒。

    隐藏您的版本号只需要您将以下非常简单的代码片段添加到函数文件中:

    remove_action(‘wp_head’, ‘wp_generator’);
    remove_action(‘wp_head’, ‘wp_generator’);
    remove_action('wp_head', 'wp_generator');

    现在将从您网站的所有区域中删除版本号,包括其代码和您的RSS提要。

    5. 自动更新您的版权声明

    更新版权声明中的年份是很容易忘记的小任务之一。你可以跟上的一种方法是使用这个技巧,它会根据你第一篇文章的发表年份自动生成版权日期。

    将以下代码粘贴到您的函数文件中:

    function wpb_copyright() {
    global $wpdb;
    $copyright_dates = $wpdb->get_results(
    SELECT
    YEAR(min(post_date_gmt)) AS firstdate,
    YEAR(max(post_date_gmt)) AS lastdate
    FROM
    $wpdb->posts
    WHERE
    post_status = ‘publish’
    );
    $output = ;
    if($copyright_dates) {
    $copyright = “© “ . $copyright_dates[0]->firstdate;
    if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
    $copyright .= ‘-‘ . $copyright_dates[0]->lastdate;
    }
    $output = $copyright;
    }
    return $output;
    }
    function wpb_copyright() {
    global $wpdb;
    $copyright_dates = $wpdb->get_results(”
    SELECT
    YEAR(min(post_date_gmt)) AS firstdate,
    YEAR(max(post_date_gmt)) AS lastdate
    FROM
    $wpdb->posts
    WHERE
    post_status = ‘publish’
    “);
    $output = ”;
    if($copyright_dates) {
    $copyright = “© ” . $copyright_dates[0]->firstdate;
    if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
    $copyright .= ‘-‘ . $copyright_dates[0]->lastdate;
    }
    $output = $copyright;
    }
    return $output;
    }
    function wpb_copyright() {
    global $wpdb;
    $copyright_dates = $wpdb->get_results("
    SELECT
    YEAR(min(post_date_gmt)) AS firstdate,
    YEAR(max(post_date_gmt)) AS lastdate
    FROM
    $wpdb->posts
    WHERE
    post_status = 'publish'
    ");
    $output = '';
    if($copyright_dates) {
    $copyright = "© " . $copyright_dates[0]->firstdate;
    if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
    $copyright .= '-' . $copyright_dates[0]->lastdate;
    }
    $output = $copyright;
    }
    return $output;
    }

    然后在要显示版权信息的任何位置添加以下代码:

    <?php echo wpb_copyright(); ?>
    <?php echo wpb_copyright(); ?>
  • 如何开启Debug记录WordPress日志文件

    WordPress日志文件

    WordPress日志文件是您可能从未听说过的整个WP生态系统中最重要的方面之一。或者至少,可能从来没有想过。日志文件本质上是您的网站和服务器在其生命周期(或特定时间范围)内所做的一切的记录。不幸的是,许多人认为日志文件难以理解和使用。

    我们想打破这种误解,向您展示如何使用WordPress日志文件以及这些知识可以做什么来改进您的网站。

    使用WordPress日志文件做什么?

    WordPress日志文件的使用因您的角色而异。用户会发现与管理员和开发人员不同的有用的东西等等。但是,这些完全相同的日志文件可以做很多事情,而且许多目的可以重叠。

    • 发现错误
    • 帮助故障排除
    • 审计安全
    • 评估无障碍标准
    • 监控用户体验
    • 跟踪用户活动
    • 检查插件性能
    • 探索主题

    还有很多。另外,还有很多不同类型的日志文件。有些是针对WordPress本身的,而有些则可能是由个别插件生成的。让我们特别看看其中的一些,看看你能期待什么。

    WordPress调试日志文件

    默认的WordPress日志文件本身对于新的WP安装是禁用的。您必须进入wp-config.php文件并手动启用它。默认情况下,调试日志是禁用的,因为记录WP安装所做的一切会占用您的一些服务器资源。它不是运行站点,而是记录它如何运行站点。

    我们建议您只在短时间内启用日志记录,因为出现问题需要修复它们。当然,除非您在开发环境中工作。

    现在,您可以通过多种方式启用日志。通过FTP使用类似FileZilla的程序并在代码编辑器中编辑文件。通过cPanel,甚至通过插件,例如WP File Manager。不管怎样,这个过程很简单。您将在安装的根目录中找到wp-config.php文件,并向其中添加两行代码。

    define( ‘WP_DEBUG’, true );
    define( ‘WP_DEBUG_LOG’, true );
    define( ‘WP_DEBUG’, true );
    define( ‘WP_DEBUG_LOG’, true );
    define( ‘WP_DEBUG’, true );
    define( ‘WP_DEBUG_LOG’, true );

    步骤 1:找到wp-config.php

    无论您的根目录在哪里,都可以连接到那里。它很可能位于/public_html/example.com/下(.com部分可能存在也可能不存在)。

    wp-config.php文件

    步骤 2:编辑wp-config.php

    在那里,在您选择的编辑器中打开它。Sublime Text、VS Code和Atom都是流行的选择。滚动直到找到显示 /* That’s all, stop editing! Happy blogging. */ 那里,将上面的两行代码直接粘贴到它上面。您甚至可能已经在文件中标记为false

    如何通过WordPress日志文件来优化网站-3

    第一行允许进行调试,而第二行生成日志文件本身。在这种格式中,代码段将WordPress日志文件保存到wp-content/debug.log,但您可以用单引号中的相对路径替换true以指定不同的位置。例如,define( 'WP_DEBUG_LOG', '/tmp/wp-errors.log' ); WordPress Codex条目中调试日志所指定。

    步骤 3:查找、阅读和理解日志文件

    请注意,您的日志文件可能不会立即出现。它不是服务器活动的实时日志,而是其中发生的错误的日志。因此,为什么我们之前建议您仅在出现问题时启用它。因此,如果debug.log文件尚不存在,请给它时间。

    debug log文件

    当您最终获得debug.log文件时,您可以在文件管理器或您选择的代码编辑器中打开它。但是你会看到类似的东西。

    log文件编辑

    对于典型的 WordPress 用户来说,这看起来像gobbledygook。但是,对于开发人员来说,他们会发现一些插件中的PHP问题无法执行某些任务。

    步骤 4:获取帮助

    正如我们上面所说,大多数WP用户不知道如何处理这些错误。但是,当您的网站未达到最佳性能时,您需要修复这些问题。这时候你就得找人帮你了。

    在此特定路径中您有几个选择,其中最明显的是下载整个debug.log文件并通过Slack或电子邮件将其发送给熟悉WP的技术人员。大多数时候,这是最好的选择。即使您是一名开发人员并拥有此日志,您也可能会将其发送到链上(或者,如果您是高级开发人员并委派任务,则可能会将其发送到链上)。

    但如果您不是团队的一员,您也可能需要将文件发送到某个地方。但是在哪里?Stack Overflow。或者更具体地说,WordPress Stack Exchange(基于WP的子论坛)。如果您无法在 Stack Overflow 或 Stack Exchange 上获得有关您的技术问题的答案,您应该去买一张彩票。因为这些都是一些疯狂的可能性。

    此外,您可以将调试日志直接发送给插件的开发人员,甚至可以在WordPress.org的官方WordPress帮助论坛上发布。虽然问题可能与个别插件有关,但日志来自WP,人们之前可能遇到过这些特定问题。

    最重要的是,每个插件的repo页面上都有插件支持页面。

    WP插件支持

    这些会将您带到WP.org上针对该特定插件的直接支持论坛。

    插件论坛

    使用这些论坛可以获得针对您的问题的一些个性化帮助。

    小结

    如您所见,WordPress错误日志非常密集。它们可能令人生畏,甚至让它们设置(除了使用插件)对某些人来说也可能是可怕的。但是,如果您将调试限制在开发环境中,或者在获取公共服务器上的日志后将其关闭,那么它们是一个出色的故障排除工具,可以查看您的站点内部出了什么问题。因此,下次您的用户遇到问题,甚至您的员工遇到站点后端未按预期运行的问题时,WordPress日志文件可以成为一道极好的防线。

  • cPanel服务器管理面板概述

    cPanel服务器管理面板概述-1

    如果您正在从事Web开发、设计和管理,那么您在尝试完成工作时肯定会遇到cPanel。这个充满图标的仪表板是所有需要在网站后端执行的任务的重要工具。但即使您以前使用过它,您可能仍然想知道,cPanel到底是什么?我如何使用它?它的核心功能是什么?

    在本文中,我们将了解cPanel是什么、在哪里可以找到它,以及它如何帮助您管理一个或多个网站。

    什么是cPanel?

    首先,它是什么?cPanel本质上是一个仪表板或控制面板,充满了易于使用的工具,使Web管理更容易。在它里面可以实现很多事情,从安装WordPress到创建临时站点等等。

    国外大多数共享服务器(如Bluehost和 GoDaddy)都使用cPanel作为其管理仪表板。拥有专用服务器或他们自己的服务器的Web开发人员也可以将其用作他们的管理系统。可以自定义界面以匹配托管服务器的外观。他们还可以根据自己对客户的偏好来管理要添加或删除的功能。

    在我们深入了解您可以使用cPanel做什么之前,让我们看看如何访问它。

    您的cPanel在哪里?

    您可以通过几种不同的方式访问仪表板。最简单的方法是通过您的托管服务器平台。Siteground有来自您的帐户仪表板的直接链接。Bluehost有一个“advanced”按钮。其他托管服务有其他访问cPanel的方式,但通常都在您的通用托管仪表板中。

    另一种访问它的方法是使用您的安全域URL并在末尾添加:2083。像这样:

    https://www.yourdomain.com:2083

    对于http,像这样使用 :2082

    http://www.yourdomain:2082

    登录详细信息与您的主机登录信息相同(如果您有的话)。否则,请使用您的cPanel登录信息登录。

    cPanel的样子?

    cPanel是一个组织成多个部分的仪表板。根据您的托管服务器,界面可能与您过去看到的界面有所不同。这是因为每个主机都可以将自己的品牌和设计应用于仪表板的外观。

    下面是一个关于cPanel介绍视频,该视频会让你对它的全部内容有一个很好的了解。

    在您的cPanel的左侧栏中是您的帐户信息。在这里,您会发现以下内容:

    • 您的帐户(托管)到期日期
    • 您的IP地址
    • 您的域的名称服务器
    • 您服务器的主机名
    • 用于查找您需要的cPanel功能的搜索栏
    • 有关您的域、电子邮件和存储空间的统计信息

    然后在右边是更大的区域,在那里可以找到所有的特征。请继续阅读以了解所有这些功能的用途。

    cPanel可以做什么?

    您可以在cPanel中做很多事情。有些比其他更常见,而另一些则更精细,并不是每个人都需要的。以下是最常见功能的列表。

    Web应用程序/内容管理系统安装

    一些最常见的功能是CMS和Web应用程序安装程序。其中包括CMS的安装程序,如WordPress、Joomla等。在Softaculous等工具的帮助下,您可以使用cPanel安装许多不同的 Web 应用程序,这些应用程序将有助于构建和管理您的网站。

    管理域

    在cPanel中,您可以管理所有域和子域。域管理器允许您执行以下操作:

    • 添加新域
    • 创建子域
    • 添加停放的域
    • 管理域
    • 保护域ID
    • 编辑DNS区域

    内容管理工具

    根据您使用的CMS,cPanel提供特定于它的工具。其中包括WordPress自动安装程序、临时站点、迁移工具和缓存控制等内容。根据托管服务的不同,还有其他CMS的工具,例如Joomla等。根据托管服务的不同,您可以使用不同的CMS工具。

    电子邮件地址和网络邮件

    cPanel是添加和管理所有新电子邮件地址的地方。从这里您可以控制密码、存储容量、转发功能和POP控件,以将电子邮件添加到您的办公生产力套件中。

    文件管理器

    使用cPanel,您还可以控制您管理的每个域中的文件。通过文件管理器,您可以访问您的主目录、您的Web根目录、公共FTP根目录和文档根目录。在文件管理器中,您还可以选择查看隐藏文件,这些文件可让您访问.htaccess等文件。

    您网站中的所有内容都在文件管理器中。您可以通过选择要专门查看的域或全局查看并从那里导航来访问所有内容。

    PHP控件

    cPanel也是您可以添加PHP扩展或更改PHP设置(如图像上传大小和内存限制)的地方。

    创建和管理备份

    备份管理是网络管理的一个重要方面。cPanel使其易于处理。仪表板内的一些CMS工具具有备份管理系统,但您也可以使用备份工具直接通过cPanel进行备份。

    安全功能

    通过cPanel,您可以管理不同域的安全指标。添加加密功能以使用https使域安全,为文件目录添加密码保护,并管理IP地址拒绝功能。使用cPanel安全功能对您的任何站点和域进行安全检查。

    管理数据库

    您还可以使用cPanel管理您的数据库。使用数据库功能,您可以根据您的CMS管理您的MyQSL数据库、PHP数据库和任何其他数据库。

    访客指标

    在某些情况下,您还可以通过cPanel访问访问者指标分析。这将取决于您的主机服务器以及您在cPanel上使用的应用程序(如果它位于专用主机上)。

    小结

    如您所见,使用cPanel并不太复杂。这种面向Web开发人员、经理和设计人员的基于Web的控制面板不需要令人生畏或不知所措。绕过cPanel非常简单。只要你知道你需要完成什么,它就很容易学习。如果您需要更多帮助来了解cPanel的基础知识,这里是另一个很棒的教程。

     

    我们希望这篇文章能帮助您更好地了解cPanel以及它如何成为您网站管理和开发的重要组成部分。网站的后端不是客户看到的,但它是许多重要事情发生的地方。cPanel是其中的核心。

    注:如果是国内的VPS主机,或者宝塔面板是我们更好的选择!宝塔,类似于cPanel,由于其为我们中国企业开发,其使用功能操作更符合国人的使用习惯。

  • 什么是Caniuse及如何使用它提升网站

    什么是Caniuse

    关于成为Web开发人员的最好笑话之一是,您将20%的时间花在编码上。而另外80%的人则在互联网上搜索您遇到的问题的解决方案。如果有点夸张,这也不是非常不真实。多亏了像Can I Use这样的工具, 可以大大减少搜索时间。

    什么是CanIUse?

    使用此工具,可以快速查看网站上的特定技术是否与特定浏览器兼容的问题,可帮助您更轻松地做出设计和开发决策。该网站主要由Alexis Deveria建立和维护, Lennart Schoors设计。CanIUse是一个开源项目,任何人都可以有助于为促进信息的数据库,甚至小的努力。

    使用该工具很简单。通过对属性、参数或功能的简单搜索,caniuse.com将准确地告诉您哪些浏览器和版本支持该技术。 CanIUse还可以让您了解您正在寻找的属性的变体。这样你就知道哪些浏览器支持哪些类型的媒体查询。

    以及到什么程度。兼容性图表不仅表明浏览器是否支持该技术,还表明是否支持某些版本的部分兼容性。

    为什么要使用CanIUse?

    好吧,对于初学者来说,如果您想为您的客户、顾客和访客提供最佳体验,您应该使用它。在尝试决定是否应该使用悬停效果、透明效果、jquery on-clicks甚至自动暗模式切换时。

    如果您使用您能想到的所有花里胡哨建立一个网站,做出比应用程序更具艺术性的精美设计,那么您已经完成了一些了不起的事情。但是,如果您的主要人群仍然使用 Internet Explorer 6(不寒而栗),那么不仅会浪费您的设计和开发时间,而且您的网站也会从根本上被破坏。访问者甚至可能无法在最基本的水平上发挥作用。

    不可否认,大多数(但不幸的是并非全部)您的访问者将使用比 IE6 更现代的东西。然而,使用的不同浏览器的数量是巨大的。不同版本的平板电脑、手机和台式机。好吧,值得一看的是您即将推出的网站(或什至您现有的网站)是否符合您的受众的最佳利益)。

    如何使用CanIUse

    该网站的工作流程非常简单,而且UI非常易于阅读。

    prefers-color-scheme

    看看上面的截图,你可以在搜索字段中输入任何你想要的技术。我们找到了使用您在代码中使用的特定语法的最佳结果。不是语义化的、人类可读的术语。如在(1) 中,应该选择prefers-color-scheme而不是使用暗模式切换CSS。

    CanIUse给出的描述 (2)也使得如果您正在研究一项技术,您可以准确地看到它是什么、它做什么以及它如何与DOM交互。

    CanIUse最有用的部分之一是任何特定条目底部的注释 (3)选项卡。它本身不是技术信息,它更多的是提醒您可能有一些您在彩色版本图表中看不到的注意事项。

    浏览器版本兼容细节

    当您将鼠标悬停在特定浏览器版本上时(让我们以臭名昭著的Internet Explorer 6为例),会出现一个包含大量信息的弹出窗口(4)。该版本的全球总使用量,开发人员是否仍然支持它,以及使用BrowserStack模拟测试技术的能力。最后一点很重要。查看不受支持的功能如何呈现可能会向您展示解决问题的方法。

    有时,备注 (5)选项卡还会显示特定类型的功能已被弃用。在上面的示例中,@media查询已被弃用。因为有一个单独工作的dark-mode/light-mode查询。

    如何查找网站访客使用的浏览器

    考虑到所有这些,您可以查看要使用的任何给定技术支持哪些浏览器。但这如何必然适用于您的用户?您可以使用Google Analytics或者百度统计深入了解访问者使用的浏览器和操作系统 (OS),以确保尽可能兼容。下面以Google Analytics为例:

    首先,导航到左侧边栏的Audience(受众)部分。然后展开 Technology(技术)并单击 Browser & OS(浏览器&操作系统)

    网站访客使用的浏览器比例

    正如您看到的用户细分以及他们用来访问您网站的浏览器。如今,几乎每个网站都将成为顶级的Chrome和Safari。Chrome因为它是桌面用户的标准(也是Android设备的默认设置)。和Safari,因为iPhone(以及 MacOS)默认使用它。

    单击浏览器 (3)可以让您查看正在使用的浏览器版本(字面意思是发布)。如果您注意到,下面的版本有很多差异。从12.x一直到604.x。这是一个很大的差距。它表明操作系统使用情况有所不同。因此,单击其他 (4并在下拉菜单中滚动,查找操作系统(5)

    用户操作系统版本

    现在按操作系统排序。现在您将看到有多少流量是移动的,有多少是桌面的。

    网站访客系统占比情况

    有了这些信息,您就可以返回Caniuse.com并确保您网站上的任何技术都能像应有的那样为最高比例的用户提供服务。

    小结

    因此,下次您在查看一些新技术或阅读css教程并找到新的东西时,请查看caniuse.com。某些浏览器可能需要一段时间才能识别某些技术。但是,如果您的大多数受众来自支持新功能和有趣功能的浏览器,Can I Use绝对可以告诉您是否可以使用它。

  • 如何使用浏览器检查元素工具

    如何使用浏览器检查元素工具

    如果您与许多网站合作,您可能一直在寻找更快、更有效的方法来完成工作。如果是这样,在大多数主要浏览器中可用的Inspect Element(检查元素工具)可能是一个有用的东西。有了它,您可以快速识别CSS类、预览页面上元素的更改、在移动设备上模拟站点等等。

    在本文中,我们将介绍检查元素工具,并向您展示如何在最流行的Web浏览器中访问它。然后,我们将向您介绍一些示例,说明如何将其用作Web开发工作流程的一部分。

    如何在主要浏览器中访问检查元素工具

    检查元素工具是一种实用程序,可让您查看任何网页的底层源代码。此外,您可以使用它进行临时更改并实时查看结果,同时保持原始源代码不变。如果您需要测试更改或诊断问题,这将非常有用。如果您遇到一个具有您喜欢的功能的网站并且很好奇它是如何实现的,它也可以派上用场。

    大多数主要浏览器(包括Chrome、Firefox和Safari)都提供了此工具的变体。让我们看看如何在每个中访问它。

    访问Chrome检查元素工具

    在Chrome中可以通过三种方式访问​​检查元素工具:

    • 右键单击页面上的元素并选择Inspect(检查)。
    • 单击窗口右上角的三点菜单,然后选择“更多工具”>“开发者工具”。
    • 按键盘上的 Ctrl + Shift + C (在 Mac 上为Cmd + Option + C )。

    当该工具打开时,它会向您显示一个拆分视图。一方面,您可以预览正在检查的网站,以及一些用于调整视图和模拟不同屏幕分辨率的控件:

    检查元素工具

    另一方面,有几个包含信息的窗格。顶部窗格是页面的 HTML。将鼠标悬停在部分代码上将突出显示右侧页面的相关区域:

    检查元素工具查看代码

    下面是一个显示页面信息的窗格。此处显示的详细信息因您选择的选项卡而异。在上面的屏幕截图中,它显示了页面的CSS样式。

    底部窗格只是关于Chrome 开发者工具的新闻和更新。您可以通过单击X安全地关闭它以减少混乱。

    最后,您可以通过单击HTML窗格右上角的三点菜单并选择停靠选项之一来更改这些窗格的位置。

    访问Firefox检查元素工具

    Firefox中的检查元素工具与Chrome的非常相似,可以通过类似的方式访问:

    • 右键单击页面上的元素并选择“检查元素”。
    • 单击 Firefox 窗口右上角的汉堡菜单,然后选择更多工具 > Web开发工具。
    • 按键盘上的 Ctrl + Shift + C  (在 Mac 上为Cmd + Option + C)。

    Firefox默认将信息窗格放在屏幕底部:

    Firefox检查元素工具

    但是,您可以通过单击三点菜单并选择其他选项轻松移动它们。

    Safari检查元素工具

    在Mac计算机上,Safari Web浏览器也提供了检查元素工具。但是,访问它还有一个额外的步骤——您需要启用Safari开发人员工具。

    为此,请前往屏幕顶部的菜单栏并导航至Safari>偏好设置>高级。然后,您可以选中相关框以启用开发工具:

    启用Safari开发者菜单

    启用后,您可以像在其他浏览器中一样访问检查元素工具功能:

    • 右键单击一个元素并选择检查元素。
    • 在顶部菜单栏中,导航到 开发>显示页面检查器。
    • 按 键盘上的Cmd + Option + I。

    Safari工具的初始布局与浏览器略有不同:

    Safari检查元素工具

    但是,与Chrome和Firefox一样,您可以通过单击检查器窗口左上角的图标轻松对其进行自定义。

    检查元素工具常见用途

    现在您知道如何访问“检查元素”工具,让我们看看您可以使用它执行的一些有用操作。有很多可能性,但以下用途是一些最常见的用途。请注意,我们将在这些示例中使用 Chrome,但这些功能在其他浏览器中的工作方式应该类似。

    1. 在网站上查找CSS类

    您可以利用检查元素的最有用的方法之一是在页面的层叠样式表 (CSS) 中查找详细信息。由于几个原因,这很方便。首先,如果您只是在浏览互联网并遇到一个您非常喜欢其风格的网站,您可以查看 CSS 以收集一些您自己的网页设计的想法。

    它在您自己的网站上也很有用。例如,如果一个元素看起来不太正确,您可以快速检查它以确保它使用正确的 CSS。

    使用检查元素工具检查样式有两种基本方法。如果您想快速查看单个项目,可以在预览窗格中将鼠标悬停在其上以查看有关它的一些基本信息:

    页面元素CSS

    在这里,您可以在我们的博客上看到标题的配色方案、字体、边距等。在详细窗格中,该工具还会突出显示相关代码,以便您可以准确了解发生了什么。单击预览中的元素将更新样式窗格以显示其CSS:

    H标题CSS

    如果将鼠标悬停在元素上似乎没有做任何事情,请确保检查器窗格中的光标图标以蓝色突出显示:

    H标题样式

    如果您知道要查找的特定CSS类或样式并希望查看使用它的每个元素,您还可以使用搜索功能。在检查器打开的情况下,按键盘上的 Ctrl + Shift + F (在 Mac上为Cmd + Shift + F )。这将打开一个搜索框,您可以在其中搜索页面的代码。 相关结果将突出显示,就像您在搜索文档一样。

    2. 对站点进行故障排除

    检查元素工具对于解决问题非常方便。例如,如果元素的颜色或字体看起来不太正确,您可以使用我们在上一节中描述的工具快速检查它。

    您还可以从“检查元素”工具直接编辑页面的HTML。只需双击要更改的代码即可对其进行编辑。

    请注意,网站上的代码实际上 并未更改——如果您刷新页面,它将恢复到其原始形式。但是,此功能对于快速测试和故障排除非常有用。

    最后,内置调试器是一种更高级的工具,您可以使用它来查看页面的任何错误消息。要访问它,请单击检查元素工具窗口顶部的Console控制台:

    chrome控制台

    还有其他选项卡可用于查看来源、网络活动等。要访问完整列表,请单击检查器顶部的双箭头图标。

    注:平时使用我们的主题或者插件的站长,当遇到异常问题,使用此种方法查找故障并通过工单提交错误信息截图给我们,将有利于我们快速定位和解决问题。

    3. 编辑文本以预览更改

    检查元素工具的最佳用途之一是快速预览页面文本、字体或颜色的更改。这样,您甚至无需登录WordPress仪表板就可以准确地看到您的想法。

    要编辑元素,请右键单击它并选择“检查”。 这将打开具有该元素代码焦点的工具。如果您已经打开了检查元素工具,您还可以单击预览窗格中的项目以突出显示相关代码。

    接下来,只需双击代码以使其可编辑。例如,我们在这里更改了博客的标题:

    预览代码修改效果

    您还可以更改颜色。只需选择元素并滚动 样式窗格即可找到相关部分。您可以单击颜色方块以调出颜色选择器:

    浏览器颜色选择器

    如果您知道要使用的颜色,也可以直接编辑颜色的十六进制代码。

    4. 预览图像变化

    检查元素工具还可以轻松预览图像更改。这也是尝试不同图像尺寸的绝佳方式。

    只需在预览窗格中选择要更改的图像,然后在HTML窗格中双击其URL:

    修改页面图片

    然后,您可以粘贴不同图像的URL进行测试。如果图片在您的WordPress媒体库中,您可以在附件详细信息中快速找到URL:

    WP多媒体图片链接查找

    甚至还有一个方便的按钮可以将URL复制到剪贴板。再次记住,您在检查器中所做的任何更改都只是暂时的,并且只对您可见,因此请随意尝试。

    5. 使用设备仿真测试站点

    最后,检查元素的另一个有用功能是能够模拟不同的屏幕尺寸甚至特定设备。这使您能够测试站点的响应能力,并准确了解它在各种移动设备形式下的显示效果。

    打开检查元素工具,单击看起来像堆叠的手机和平板电脑的图标:

    浏览器调用模拟设备

    这将启用设备仿真。请注意,当您打开检查器时,它可能会默认启用。使用周围的手柄调整页面预览的大小,或单击预览窗格顶部的下拉菜单以选择各种设备:

    网站响应式兼容情况

    您还可以输入特定的纵横比,甚至可以通过单击预览窗格顶部的“旋转”图标来检查移动设备旋转时页面的外观。要模拟各种传感器,例如位置和触摸,请单击检查器窗格中的三点菜单,然后选择更多工具 >传感器。

    小结

    无论您是 Web 开发新手还是经验丰富的专业人士,检查元素工具都是一个强大的实用程序,绝对应该在您的武器库中。它易于访问,几乎普遍可用,并且可以快速轻松地进行各种操作。

    在本文中,我们演示了如何在Chrome、Firefox和Safari中访问检查元素工具。我们还向您展示了如何使用它来定位CSS类、对网站进行故障排除、临时更改文本和图像以及模拟移动设备。使用此工具包,您拥有使检查元素工具成为工作流程一部分所需的一切。

  • 如何使用GitHub进行WordPress开发

    在本教程中,我们将向您介绍GitHub并解释它为何如此受开发人员欢迎的工具。然后,我们将向您介绍如何使用它来进行WordPress开发。

    如果您花了很多时间阅读WordPress,那么您很有可能听说过GitHub。它是开发人员托管项目并与他人协作的最受欢迎的平台之一。也许您甚至考虑过自己尝试一下,但不知道从哪里开始。

    是时候熟悉这个宝贵的WordPress资源了。GitHub是一个用于跟踪、管理和协作开发项目的优秀平台,因此非常值得学习如何使用。它使您能够在线托管项目并使用Git强大的版本控制来跟踪每一个更改。

    GitHub简介

    WordPress官方GitHub

    如果你是一个新手,GitHub可能看起来复杂,但它的核心实际上非常简单。本质上,GitHub是一个专门为开发者设计的免费托管服务。它的主要用途是托管用于共享和协作的项目,使这些项目可用,以便其他用户可以贡献和下载它们。

    顾名思义,GitHub是围绕Git的功能构建的。这是一个版本控制系统,用于跟踪对项目所做的所有更改。这个系统如此强大的原因在于它的全面性。由于Git会跟踪项目中的每个文件和更改,因此它使您能够快速恢复到任何以前的版本。

    Git还允许开发人员创建“分支”,即当您创建项目的副本时,您就可以独立处理它。这使您有机会进行和测试更改,而不会影响整个项目。然后,您可以根据需要将更改“合并”到主分支中,或者干脆丢弃它们。

    这些功能是理解为什么Git和GitHub对开发人员如此宝贵的关键。例如,您不必担心会对项目造成无法修复的损坏,因为您始终可以创建分支并回滚所有修订。此外,在一个潜在无限数量的用户的项目上进行协作很容易。事实上,这正是当今WordPress本身的开发方式

    GitHub入门

    在开始使用GitHub之前,您需要一个可以同时使用Git和GitHub的系统。首先,您需要在本地计算机上下载并安装Git。您将使用它来执行重要的GitHub相关任务,例如在您的计算机和GitHub存储库之间传输文件。

    GitHub只是项目的宿主,因此所有实际开发都在您的本地机器上进行。Git然后使用“存储库”来存储每个项目。

    从理论上讲,这听起来可能令人困惑,因此让我们看一下典型的工作流程:

    1. 您有一个项目托管在GitHub上的存储库中。
    2. 您创建一个本地存储库,并使用Git从GitHub中“拉取”最新版本的项目。
    3. 您现在可以在本地计算机上处​​理该项目。进行更改后,您可以将它们“推送”回GitHub存储库。

    您决定如何构建您的特定工作流程取决于您的偏好和项目要求。重要的是您的流程对您、您的项目和您的合作者来说顺利进行。

    最后,为了充分利用Git,您需要使用命令行。Git最常通过具有命令行界面的Secure Shell (SSH)使用。

    如何使用GitHub进行WordPress开发

    现在,是您亲自尝试GitHub开发的时候了!在此示例中,您将创建一个用于开发WordPress主题的GitHub项目。在向您展示如何在它们之间来回传输主题之前,我们将向您展示如何创建一个GitHub帐户和两个存储库。

    1. 创建本地WordPress环境

    当您为WordPress进行开发时,始终使用暂存环境很重要。这使您可以自由地尝试新事物,而不必担心它们会如何影响您的实时站点。

    在这种情况下,您将通过在计算机上安装WordPress来创建本地暂存环境。您可以通过几种不同的方式执行此操作,但我们建议使用DesktopServer(你也可以选择自己喜欢的本地搭建WordPress环境的方式),它使您能够免费快速创建本地版本的WordPress:

    DesktopServer官网

    首先选择DesktopServer的免费版本,注册一个帐户,然后下载并运行安装程序。

    DesktopServer安装

    安装程序需要一些时间才能工作。完成后,您可以按照我们提供的教程创建和配置新的本地WordPress站点。

    2. 在本地机器上安装Git

    现在是安装Git的时候了。如果您运行的是最新版本的Mac OS,您可能会发现Git已经在您的机器上。您可以通过打开命令行界面(例如Terminal)并输入以下命令来检查这一点:

    git –version
    git –version
    git --version

    如果安装了 Git,此函数将返回其版本号。如果没有,系统会询问您是否要立即安装它。您还可以下载安装程序并为Mac、Linux 和 Windows计算机手动运行它。

    如果您对命令行界面不满意,您可能需要考虑下载Git GUI应用程序。但是,对于此示例,我们将使用标准命令行方法。无论哪种方式,一旦安装了Git,您就可以创建本地存储库了。

    3. 为您的项目创建本地存储库

    您现在可以为您的项目创建本地Git存储库。在此示例中,我们将使用默认的二〇一七主题,该主题应该已包含在您的本地WordPress安装中。

    首先,您需要使用以下命令访问主题的文件夹:

    cd /Users/you/Documents/Websites/website/wp-content/themes/twentyseventeen
    cd /Users/you/Documents/Websites/website/wp-content/themes/twentyseventeen
    cd /Users/you/Documents/Websites/website/wp-content/themes/twentyseventeen

    通过使用正确的文件夹名称替换您和网站,确保更改此文件路径,使其指向正确的目录。您现在可以使用以下命令将此目录初始化为存储库:

    git init
    git init
    git init

    接下来,您需要将文件添加到索引中。这会告诉Git自上次执行提交(换句话说,保存更改)以来您添加或编辑了哪些文件。由于这是第一次提交,您可以使用以下命令添加文件夹中的每个文件:

    git add
    git add
    git add

    您现在可以提交更改。以下命令将提交索引中的所有文件,并包含一条消息以帮助您保持版本井井有条:

    git commit -m “The first commit”
    git commit -m “The first commit”
    git commit -m "The first commit"

    您现在已经完成了本地存储库的配置。这意味着是时候将我们的注意力转向GitHub。

    4.注册一个GitHub账号

    此时,您需要创建一个GitHub帐户。首先访问GitHub主页并填写注册表。

    GitHub账号注册

    当您继续下一步时,系统会询问您要使用什么计划。您应该在此处选择Unlimited public repositories for free选项,然后选择Continue

    GitHub免费账号

    最后一步涉及根据您以前的经验水平自定义您的帐户。您可以在此处选择适用于您的选项,然后单击提交以创建您的帐户。

    GitHub账号自定义选项

    您的帐户现在已准备就绪。您可以选择通读介绍性指南,或立即创建一个新项目。

    如果您想了解更多关于使用GitHub的基础知识,我们建议您花一些时间阅读上述指南。但是,现在,请单击Start a project。在此阶段,您可能会被要求验证您的电子邮件地址。

    GitHub账号邮箱验证

    您应该已经收到一封来自GitHub的电子邮件,因此请检查您的收件箱并点击验证电子邮件地址链接。完成后,您将被带到一个页面,您可以在其中创建新项目。

    5. 在GitHub上创建一个存储库

    您终于准备好为您的项目创建GitHub存储库。这是一个相当简单的过程,只需要您配置一些设置。让我们从顶部开始。

    创建GitHub存储库

    首先,您可以选择存储库的所有者,该所有者实际上是存储库的管理员。这应该已经设置为你自己,所以你可以保持原样。接下来,您需要为您的存储库提供一个描述性且简洁的名称。您可能希望以您将要处理的插件、主题或其他项目命名。之后,您可以输入项目的描述。同样,这应该是描述性的,以便其他开发人员和用户可以理解您正在创建的内容。

    由于您注册了一个免费帐户,因此您将只能创建一个公共存储库(尽管您现在只需要这些)。您还可以选择使用README文件立即将存储库克隆到您的计算机。由于您已经有一个本地存储库,因此您现在不应选择此选项。但是,它可以成为未来项目的便捷工具。

    最后,您将在此屏幕底部看到两个下拉菜单,提供其他选项。如果您希望Git忽略某些被跟踪的文件,第一个使您可以选择gitignore选项

    第二个选项允许您为存储库选择许可证。在创建真正的项目时,仔细考虑要使用的许可证很重要。WordPress对许可证有非常具体的规则,如果您计划为该平台进行开发,则需要注意这些规则

    现在,您只需从该菜单中选择“None”,然后单击“Create repository即可完成设置。

    GitHub存储库相关命令

    这将带您进入您的新项目,这意味着是时候添加您的主题了。

    6. 将你的项目提交到GitHub

    您现在可以将您的主题推送到 GitHub。在Git中输入以下命令,确保将URL替换为指向您刚刚设置的存储库的链接:

    git remote add origin https://github.com/yourusername/my-git-theme.gitgit push -u origin master
    git remote add origin https://github.com/yourusername/my-git-theme.gitgit push -u origin master
    git remote add origin https://github.com/yourusername/my-git-theme.gitgit push -u origin master

    然后系统会提示您输入GitHub用户名和密码。完成此操作后,您提交到本地存储库的所有文件都将推送到您的GitHub项目。

    WordPress主题GitHub存储库

    如果您返回到您的GitHub存储库,您将看到所有文件都已添加到其中。

    7. 从GitHub获取更新到您的本地存储库

    您现在已经设置了两个存储库,并且您知道如何将更改从本地机器推送到GitHub项目。最后一步是翻转这个过程并学习如何将数据从GitHub提取到本地安装。如果你是一个人在一个项目上工作,你很少需要担心这样做。但是,如果其他开发人员也将他们的更改推送到外部存储库,则这变得必要。

    您可以通过使用很容易做到这一点的读取命令。只需将此命令输Git,将URL替换为GitHub项目的正确URL:

    git fetch https://github.com/yourusername/my-git-theme.git
    git fetch https://github.com/yourusername/my-git-theme.git
    git fetch https://github.com/yourusername/my-git-theme.git

    这将从GitHub拉取所有更改,并将它们复制过来。您的本地存储库现在将与您的GitHub存储库同步。

    完成后,您已成功为WordPress主题创建了一个新的 GitHub 项目!此时,您可以继续尝试使用这些工具,看看您能完成什么。

    小结

    使用GitHub进行WordPress开发赋予您对项目各个方面的绝对权力。通过使用Git强大的版本控制功能,您可以访问每个更改,从而轻松恢复到文件的早期版本。Git和GitHub还使多个开发人员可以轻松地在同一个项目上进行协作。

  • WordPress主题开发入门基础教程

    在本教程中,我们将讨论如何开始主题开发。然后,我们将带您逐步完成创建全新自定义主题的过程。

    如果你想把某件事做对,你可能必须自己做。虽然有很多WordPress主题可用,但要找到一个具有您需要的外观和功能的主题可能很困难。事实上,您可能会尝试创建自己的主题。然而,主题开发的入门似乎势不可挡——尤其是对于初学者而言。

    幸运的是,为WordPress创建自定义主题是一个相对简单的过程。它也不需要太多的技术知识或Web开发经验。此外,构建您自己的主题非常值得付出努力,因为您可以让您的网站看起来和运行得恰到好处。

    WordPress主题开发简介

    WordPress官网

    您希望您的网站看起来很棒并拥有您需要的所有功能,因此您可以查看WordPress主题目录或者我们提供的WordPress原创主题。不幸的是,您看到的任何东西都不能满足您的所有要求,而且您不想在您的愿景上妥协。也许您想要一些独特的东西来让您的网站脱颖而出,或者您只是不想将钱花在高级主题上。

    此时,您可能会开始考虑创建自己的主题。幸运的是,为WordPress开发主题并不是您想象的那么复杂。由于该平台固有的用户友好性和众多可用工具,几乎任何人都可以创建自定义主题。

    我们将带您完成创建第一个主题的过程。要开始,您需要做两件事:

    • 您自己的WordPress 网站
    • 一个优质的服务器

    您还将受益于拥有本地临时环境的经验,因为您将使用一个环境来创建您的主题。对CSS和PHP有一些了解也会有所帮助(如果没有必要)。

    最后,您需要拥有一个重要的工具,它可以使创建主题的过程变得更加容易:入门主题。

    什么是入门主题

    入门主题是一个基本的WordPress主题,您可以使用它来创建自己的主题。使用starter使您能够建立在一个可靠的框架上,而不必担心从头开始编写主题所涉及的复杂性。它还将通过向您展示主题的基本结构及其所有部分如何协同工作,帮助您了解WordPress的工作原理。

    有很多优秀的入门主题在那里,其中包括下划线UnderStrapBones(仅举几例)。

    我们将在下面的示例中使用下划线。对于初学者来说,这是一个不错的选择,因为它只包含基础知识。另外,这个入门主题是由Automattic开发的,从长远来看,这使得它更有可能是安全的、兼容的并且得到很好的支持。

    如何开发您的第一个WordPress主题

    随着准备工作的进行,您终于可以开始创建您的第一个主题了。正如我们提到的,我们将在本演练中使用入门主题。

    但是,如果您想尝试在没有模板的情况下自己创建所有内容,您应该随意这样做。请记住,这将需要更多的编码能力和对Web开发的理解。

    Step 1:设置本地环境

    DesktopServer官网

    您需要做的第一件事是创建本地开发环境。这实际上是您安装在计算机上的服务器,您可以使用它来开发和管理本地WordPress站点。本地站点是开发主题的安全方式,而不会以任何方式影响您的实时站点。

    很多方法可以创建本地环境,但本次示例我们将使用DesktopServer。这是一种免费安装本地版本WordPress的快速、简单的方法,并且与Mac和Windows兼容。要开始使用,请选择DesktopServer的免费版本,完成注册过程,然后下载安装程序。

    下载安装程序后,您可以运行它。

    DesktopServer安装

    安装完成后,您可以打开该程序,系统会要求您配置新的本地环境。这是一个简单的过程,您将在几分钟内准备好您的本地WordPress站点。安装后,您的新网站的外观和工作方式将与实时WordPress网站完全相同。

    Step 2:下载并安装您的入门主题

    WP入门主题

    与大多数入门主题一样,Underscores非常容易上手。事实上,您需要做的就是访问网站并命名您的主题。

    WP主题命名

    如果需要,您还可以单击Advanced Options以进一步自定义基本主题。在这里您可以填写更多信息,例如作者姓名,并提供主题描述。

    WP主题基础信息

    还有_sassify!选项,这会将Syntactically Awesome StyleSheets (SASS)文件添加到您的主题。SASS是一种CSS预处理语言,它使您能够使用变量、嵌套、数学运算符等。

    当您做出选择后,您可以单击Generate,这将下载一个包含您的入门主题的.zip文件。这是您将围绕它开发自己的主题的核心,因此请将其安装在您的本地站点上。安装主题后,您可以预览站点以查看其外观。注:这只是一套最最最基础的主题,还需要您对其深加工!

    Step 3:了解WordPress在幕后的工作原理

    在自定义主题之前,您需要了解其组件的用途以及它们如何组合在一起。首先,让我们讨论模板文件,它们是 WordPress 主题的主要构建块。这些文件决定了您网站上内容的布局和外观。例如,header.php用于创建标题,而comments.php允许您显示评论。

    WordPress通过浏览模板层次结构来确定在每个页面上使用哪些模板文件。这是每次加载您网站上的页面时WordPress查找匹配模板文件的顺序。例如,如果您访问URL地址http://example.com/post/this-post,WordPress将按以下顺序查找以下模板文件:

    1. 与slug匹配的文件,例如this-post
    2. 与文章ID匹配的文件。
    3. 通用的单个文章文件,例如single.php
    4. 存档文件,例如archive.php
    5. index.php文件。

    由于所有主题都需要index.php文件,因此如果找不到其他文件,则默认使用该文件。Underscores已经包含了最常见的模板文件,它们开箱即用。但是,如果您想了解它们如何协同工作,您可以尝试编辑它们

    您需要掌握的另一个重要元素是Loop。这是WordPress用来显示内容的代码,因此在许多方面,它是您网站的跳动心脏。它出现在所有显示文章内容的模板文件中,例如index.phpsidebar.php

    循环是一个复杂的主题,如果您想更好地掌握WordPress如何显示文章内容,我们建议您阅读更多相关内容。幸运的是,由于Underscores,Loop已经集成到您的主题中,因此现在无需担心。

    Step 4:配置您的主题

    很容易认为主题纯粹是为了装饰目的,但它们实际上对您网站的功能产生了巨大的影响。让我们看看如何进行一些基本的自定义。

    使用“钩子”添加功能

    钩子是插入到模板文件中的代码片段,它使您能够在站点的不同区域运行PHP操作、插入样式并显示其他信息。大多数钩子直接在WordPress核心中实现,但有些钩子对主题开发人员也很有用。

    让我们来看看一些最常见的钩子以及它们的用途:

    • wp_head() — 添加到header.php中的<head>元素,并启用网站加载后立即运行的样式、脚本和其他信息。
    • wp_footer() — 在</body>标签之前添加到footer.php。这通常用于插入Google Analytics代码。
    • wp_meta() — 这通常出现在sidebar.php中,以包含其他脚本(例如标签云)。
    • comment_form() — 在文件结束 </div>标签之前直接添加到comments.php 以显示评论数据。

    这些将已包含在您的Underscores主题中。但是,我们仍然建议您访问Hooks数据库以查看所有可用的钩子并了解有关它们的更多信息

    使用CSS添加样式

    层叠样式表 (CSS)定义了您网站上所有内容的外观。在WordPress中,这是使用style.css文件完成的。您已经将这个文件包含在您的主题中,但目前它只包含基本的默认样式。

    WP主题CSS样式文件

    如果您想快速了解CSS的工作原理,可以在此处编辑任何样式并保存文件以查看效果。例如,您可以找到以下代码(通常在第 485 行):

    a {color: royalblue;}
    a {color: royalblue;}
    a {color: royalblue;}

    这控制未访问的超链接的颜色,默认情况下显示为宝蓝色:

    未访问URL锚文本颜色(蓝色)

    让我们看看如果我们尝试通过用以下代码替换它来改变它会发生什么:

    a {color: red;}
    a {color: red;}
    a {color: red;}

    保存文件,然后立即查看您的本地站点。正如您所料,所有未访问的链接现在将显示为鲜红色:

    未访问URL锚文本颜色(红色)

    您可能会注意到顶部的访问链接没有改变颜色。那是因为它实际上由样式表中的下一部分控制:

    a:visited {color: purple;}
    a:visited {color: purple;}
    a:visited {color: purple;}

    这是一个非常基本的示例,说明编辑style.css将如何影响您网站的外观。CSS 是一个庞大的主题,如果您想了解有关创建网页设计的更多信息,我们建议您进一步探索。有很多关于CSS主题的资源供初学者使用。

    Step 5:导出主题并将其上传到您的网站

    当您完成对主题的修改后,是时候确保它正常工作了。您可以通过测试主题来确保这一点。为了快速确保您的主题在大多数情况下都能正常运行,您可以使用Theme Unit Test数据。这是一组您可以上传到您的网站的虚拟数据,其中包含许多不同的样式和内容变体。它将使您能够了解您的主题如何处理不可预测的数据。

    当您彻底测试了您的主题并确信它符合要求的标准时,现在剩下的就是导出它。最简单的方法就是找到网站在本地计算机上的安装位置,最有可能在默认文档目录中名为网站的文件夹中。打开网站的文件夹并访问/wp-content/themes/,您将在其中找到您的主题。

    WP主题文件目录

    您现在可以使用压缩工具(例如WinRAR)来创建基于文件夹的.zip文件。只需右键单击文件夹,然后选择可以压缩它的选项,例如压缩“文件夹”。

    WP主题打包

    当文件夹被压缩后,它就可以上传并安装在任何WordPress站点上,就像您在开始时安装Underscores主题一样。如果您对结果感到特别满意,您甚至可以将您的主题提交到WordPress主题目录

    小结

    从头开始创建自定义WordPress主题是一项不小的壮举。然而,这个过程可能并不像您之前想象的那么困难。通过将过程分解为多个阶段并使用Codex文档站点上的信息,几乎任何人都可以创建新主题。

    当然,上述的主题开发教程只是一个基础、入门教程,要开发一个功能完善、前端交互一流的WordPress主题,并不是一蹴而就的事情。你可能需要对PHP、WordPress、CSS、JavaScript等代码知识有非常深入的了解和学习。

  • WordPress插件开发入门基础教程

    在本基础教程中,我们将了解如何开始插件开发,带您完成创建第一个插件的过程。

    插件是WordPress如此多功能且用户友好的平台的重要原因。它们使任何用户都可以通过单击按钮快速向其站点添加新代码和功能。但是,如果您不想满足于现有插件,而是自己制作插件怎么办?

    创建插件并不是您可能担心的复杂过程。只需一点时间和精力,几乎任何用户都可以从头开始创建插件。只要您了解插件如何连接到WordPress的核心(我们将对此进行解释),构建您自己的插件就会是一个有趣且具有挑战性的项目。

    为什么开发WordPress插件

    简单来说,插件是为您的WordPress网站添加新功能的软件。他们“挂钩”到 WordPress 平台的核心,并以数千种不同的方式对其进行扩展。

    WordPress插件目录

    使用插件可为您提供几乎无限的自定义可能性。如果您想将某个功能添加到您的站点,您可以搜索包含数千个选项的插件目录

    如果您找不到可以满足您需求的插件,或者您觉得现有选项不太适合您的网站,您可能需要考虑创建自己的插件。为此,您首先需要了解插件如何与WordPress交互。

    插件如何工作:钩子、动作和过滤器

    开始插件开发最困难的部分是学习所有相关术语。出于这个原因,我们现在将解释一些最重要和最常用的术语。

    您将遇到的最重要的概念之一是钩子。挂钩是连接点,您可以在其中将插件附加到WordPress核心代码。基本上,钩子决定了插件将在站点上何时何地使用。

    一个基本的例子是wp_loaded钩子,它在整个WordPress站点加载时触发。如果插件具有仅在达到该状态时才需要运行的功能,您可能希望将其连接到此钩子。

    钩子有两种变体——动作过滤器。两者的基本区别可以归纳如下:

    当然,还有更多。如果您想完全理解它们,我们建议您阅读操作和过滤器的工作原理

    创建插件之前要考虑的事项

    WordPress插件开发手册

    WordPress提供创建插件时要遵循的最佳实践列表

    在开始创建插件之前,您需要查看WordPress推荐的最佳实践。遵守这些准则将帮助您为插件打下坚实的基础。它还将确保与其他插件和主题的兼容性,如果您想共享插件,则更容易。

    首先,您应该考虑如何命名插件、变量和函数。这很重要,因为您希望避免创建与其他插件使用的名称相匹配的名称。最好的策略是为您定义的每个变量和函数添加一个唯一的前缀。

    接下来,您需要确保您的插件是安全的。这是一个很大但很重要的话题。我们建议您通读插件手册以获取有关如何确保代码安全的更多信息。未正确保护的插件在任何站点上都可能带来巨大风险,因此请不要忽视这一方面。

    您还需要考虑如何构建插件。它应该包含多少个文件,您想将其保存在一个文件夹中还是将其分散到多个文件夹中?提前考虑这一点将为您提供一个可靠的框架来使用,并使其他开发人员更容易理解您的插件是如何工作的。

    最后,遵守WordPress的编码标准很重要。这些是由 WordPress 社区创建的,将帮助您避免常见的编码错误。它们还将使您的代码易于其他 WordPress 用户和开发人员理解。

    如何创建WordPress插件

    到现在为止,您应该已经做好了将脚趾浸入插件开发领域的准备。因此,事不宜迟,让我们开始吧!这些步骤将引导您完成创建第一个插件的过程。

    Step 1:设置临时站点

    首先,如果您还没有临时站点,则需要创建一个临时站点。临时站点,也称为开发环境,是不向公众开放且仅用于开发目的的网站。

    临时站点使您能够开发插件并对其进行测试,而不会影响您的实时站点。您永远不应该使用实时站点进行开发,因为您可能会破坏站点或使其易受攻击。您的登台环境可以是您自己机器上的本地 WordPress 安装,也可以是私人 WordPress 站点。

    我们已经编写了有关搭建本地环境创建临时站点的教程,因此我们不会在此处再次展开详细介绍。

    Step 2:新建插件文件

    准备好临时站点后,就可以开始工作了。您需要做的第一件事是创建您的插件所在的文件夹。所有插件都添加到同一位置,即名为/wp-content/plugins/ 的目录

    现在导航到此位置,然后创建一个新文件夹,为其指定一个与您的插件匹配的名称。例如,如果您的插件将被称为“我的第一个插件”,则将文件夹命名为my-first-plugin是有意义的。

    然后,您应该将一个新的PHP文件添加到该文件夹​​中,并具有相同的名称(例如:my-first-plugin.php)。您可以使用任何文本编辑软件(例如TextEdit或记事本)来执行此操作。在文件仍然打开的情况下,输入以下信息:

    <?php
    /**
    * Plugin Name: My First Plugin
    * Plugin URI: https://www.mywebsite.com/
    * Description: The first plugin I have created.
    * Version: 1.0
    * Author: Your Name
    * Author URI: http://yourwebsite.com/
    **/
    <?php
    /**
    * Plugin Name: My First Plugin
    * Plugin URI: https://www.mywebsite.com/
    * Description: The first plugin I have created.
    * Version: 1.0
    * Author: Your Name
    * Author URI: http://yourwebsite.com/
    **/
    <?php
    /**
    * Plugin Name: My First Plugin
    * Plugin URI: https://www.mywebsite.com/
    * Description: The first plugin I have created.
    * Version: 1.0
    * Author: Your Name
    * Author URI: http://yourwebsite.com/
    **/

    正如您可能知道的那样,这是WordPress将与您的插件一起显示的元信息。用正确的详细信息替换占位符并保存文件。

    此时,您可以打开站点的管理区域并单击Plugins。您会注意到您的新插件已添加到列表中。

    WP插件安装列表

    显然,您尚未添加任何功能,因此该插件实际上不会执行任何操作。但是,您仍然可以启用它。

    您还应该添加一个自述文件到您的插件。如果您打算与其他人共享文件,您将需要它,因为它决定了目录中插件页面的内容。您的文件符合WordPress 标准也很重要。

    和以前一样,只要使用文件名readme.txt保存它,就可以使用任何文本编辑器来执行此操作。您还可以使用插件自述文件生成器快速创建此文件。当您使用任一方法创建自述文件时,请将其保存到您的插件文件夹中。

    Step 3:添加您的代码

    是时候为您的插件添加功能了;这就是你的创造力大放异彩的地方!除了您的想象力和编码能力之外,此时您可以做的事情真的没有限制。

    现在,让我们创建一个包含单个函数的简单插件。

    我们的插件将更改用户在您的网站上尝试登录失败时显示的默认错误消息。默认情况下,此消息会告诉用户尝试被拒绝的原因。

    WP登录报错信息

    您的插件将包含一个用通用内容替换此消息的函数。在您选择的编辑器中打开my-first-plugin.php文件,并在标题信息后添加以下代码

    function wb_no_wordpress_errors(){
    return ‘Something went wrong!’;
    }
    add_filter( ‘login_errors’, ‘wb_no_wordpress_erors’ );
    function wb_no_wordpress_errors(){
    return ‘Something went wrong!’;
    }
    add_filter( ‘login_errors’, ‘wb_no_wordpress_erors’ );
    function wb_no_wordpress_errors(){
    return 'Something went wrong!';
    }
    add_filter( 'login_errors', 'wb_no_wordpress_erors' );

    这是一个非常简单的例子,但让我们分解它。

    首先,我们定义了一个名为wb_no_wordpress_errors的新函数——带有“wb”前缀(对于WBOLT)以确保名称是唯一的。这个函数只做一件事情,那就是返回一个指定的字符串。该字符串是我们想要显示的内容,而不是错误消息。我们已将其设置为“Something went wrong!” 但请随意将其更改为您喜欢的任何内容。

    之后,我们使用了一个连接到名为login_errors的钩子的过滤器。当这个特定的钩子触发时——即,当发生登录错误时——过滤器将运行no_wordpress_errors函数。

    粘贴代码后,您可以保存文件,插件就可以运行了。正如我们提到的,这只是一个基本的例子。随意创建一些全新的东西,甚至扩展我们的功能。

    Step 4:测试插件

    在向插件添加一些代码后,您需要对其进行测试以确保其正常工作。这通常很容易做到,尽管测试方法将取决于您添加的功能。

    让我们继续上面的例子。注销WordPress管理区域并访问临时站点的/wp-login/页面。然后,尝试使用一些故意不正确的凭据登录。如果您的插件成功,您将看到您指定的消息。

    但是,如果您使用我们提供的代码并且没有做任何改动,您会发现该插件没有工作。事实上,您很可能会看到根本没有出现任何错误消息。

    插件开发测试

    这是因为我们实际上在代码中犯了一个故意错误,您必须在插件工作之前更正这些错误(抱歉,但我们希望您也体验测试插件)。

    返回到您的my-first-plugin.php文件。您可能已经在这里发现了错误。在最后一行中,最后一个函数名拼写错误。您可以改用此版本的行来解决此问题:

    add_filter( ‘login_errors’, ‘wb_no_wordpress_errors’ );
    add_filter( ‘login_errors’, ‘wb_no_wordpress_errors’ );
    add_filter( 'login_errors', 'wb_no_wordpress_errors' );
    

    您现在可以保存文件并重试。这一次,当您尝试使用不正确的凭据登录时,您应该会看到自定义消息。

    插件报错信息示例

    现在,您确定您的插件工作正常!

    Step 5:分享插件

    此时,您的插件已准备好在任何 WordPress 站点上安装和激活。最简单的方法是将my-first-plugin文件夹压缩为zip文件。然后,您可以使用此zip文件在您的实时站点上安装插件

    您可能还希望在外部托管插件,以便其他人下载、测试和使用它。最常见的主机是 WordPress 插件目录。如果你想在那里添加你的插件,你需要提交它。请记住,您的插件必须遵守某些限制

    另一种选择是将您的插件上传到不同的主机上,例如GitHub。这需要您为插件创建一个存储库,然后您可以上传它。更多使用GitHub的信息可以参考官方文档

    小结

    通过创建自己的插件,您可以对自己的WordPress网站进行前所未有的控制。插件可用于自定义您想要的任何特性或功能。如果您花时间学习基础知识,那么制作您的第一个插件应该不会那么困难——对于业余爱好者和崭露头角的专业人士来说都是如此。

    虽然功夫不负有心人,但还是要说的是,无论是开发主题还是插件,你都需要熟练地掌握后端和前端开发知识。

  • 什么是及如何使用WordPress CLI

    在本教程中,我们将向您介绍WordPress CLI及展示如何在您的WordPress网站上安装它并说明如何使用它。

    随着您对WordPress的开发越来越熟悉,您将需要一些工具来帮助您快速有效地完成任务。WordPress管理仪表盘直观且全面,但导航也很耗时。

    如果您想通过几个简单的命令更直接地管理您的站点怎么办?

    这就是WordPress命令行界面 (WP-CLI)派上用场的地方。WP-CLI是一种工具,可让您通过在基于文本的界面中使用命令直接与WordPress站点进行交互。它也非常全面,具有各种各样的潜在命令。几乎任何您可以在站点后端执行的操作,都可以使用 WP-CLI 更快地完成。

    WordPress命令行界面 (WP-CLI) 简介

    像大多数WordPress用户一样,您可能非常熟悉WordPress管理区域。它运行良好,但不是管理站点的唯一选择。事实上,这甚至不是最直接或最有效的方式。对于某些用户来说,拥有可以导航的图形界面当然更可取。但是,这确实意味着您将花费大量时间浏览菜单或等待页面加载。

    进入WordPress命令行界面 (WP-CLI)。

    WordPress命令行界面

    顾名思义,此工具使您能够使用命令行在WordPress站点上执行管理任务。通过这种方法,完成一项任务只需要输入一行代码并按Enter所需的时间。

    WP-CLI的美妙之处在于它如何让您直接控制您的网站。您可以在 WordPress 管理仪表板中执行的任何操作,您都可以使用WP-CLI来执行。它并不像您担心的那么复杂,如果您想了解更多信息,可以使用大量资源

    要使用WP-CLI,您需要在WordPress站点上安装它。现在让我们更详细地看看这个过程。

    如何在WordPress网站上安装WP-CLI

    您首先需要确保您的环境兼容,这意味着它符合以下规范:

    • 类UNIX环境(OS X、Linux、FreeBSD、Cygwin)
    • PHP 5.3.29或更高版本
    • WordPress3.7或更高版本

    对于某些用户来说,第一点可能是个问题。WP-CLI是为类UNIX环境设计的,对Windows的支持有限。仍然可以在Windows上安装它,但要注意它可能需要一些额外的修补

    要在上述列表中的一种环境中安装WP-CLI,您需要使用Secure Shell (SSH)来下载和配置必要的文件。因此,您需要确保它已启动并正在运行。首先,您需要使用以下命令将wp-cli.phar文件下载到您的根目录:

    curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
    curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
    curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar

    然后,您应该使用另一个命令检查以确保文件正常工作:

    php wp-cli.phar –info
    php wp-cli.phar –info
    php wp-cli.phar --info

    接下来,您需要使文件可执行,这将使您能够使用 wp 命令。您还需要将其移动到另一个目录。最后一条命令将执行两项任务:

    chmod +x wp-cli.phar
    sudo mv wp-cli.phar /usr/local/bin/wp
    chmod +x wp-cli.phar
    sudo mv wp-cli.phar /usr/local/bin/wp
    chmod +x wp-cli.phar
    sudo mv wp-cli.phar /usr/local/bin/wp

    有了这个,现在应该成功安装了WP-CLI。您可以通过运行命令wp –info来测试它。如果一切正常,您将看到有关显示的WP-CLI版本的信息。

    就是这样!您现在已准备好使用此工具更有效地管理您的网站。然而,在我们继续之前,让我们先看看一些替代的安装方法。

    安装WP-CLI的其他方法

    正如我们之前提到的,实际上有几种安装WP-CLI的方法。我们不会在本文中详细介绍所有这些。但是,我们将简要列出它们并链接到每个的更多信息,因此您可以选择最适合您需求的技术。

    您可以使用以下工具在您的站点上安装WP-CLI:

    您可能还对安装WP-CLI的‘nightly’ 版本(其最新的预发布版本)感兴趣。Nightly在开发环境中使用应该或多或少是稳定的,但您应该知道它尚未正式发布。最后,如果您想自己参与WP-CLI的开发,可以通过使用Git进行设置来实现

    使用WP-CLI管理WordPress网站的5种方法

    WP-CLI 提供对您网站的完全访问——就在您的指尖。有几十个命令,你可以用它来管理几乎每一个方面,而这还没有考虑到自定义命令

    我们现在将只看一些您可以使用的标准命令。这是为了让您在深入挖掘可能性的兔子洞之前,先了解如何使用WP-CLI来管理您的站点。

    1.安装和更新WordPress

    您可以使用 WP-CLI 完成的最基本任务是在您的站点上下载并安装 WordPress。WordPress的下载命令很简单:

    wp core download
    wp core download
    wp core download

    这将在当前目录中下载并解压WordPress。您还可以添加其他参数以进一步优化下载。例如,locale参数确定将使用哪个WordPress翻译。此命令将下载巴西葡萄牙语版本的WordPress:

    wp core download –locale=pt_BR
    wp core download –locale=pt_BR
    wp core download --locale=pt_BR

    下载后,您可以使用安装WordPress的安装命令。此命令包含许多用于配置设置的参数。我们来看一个例子:

    wp core install –url=example.com –title=Example –admin_user=supervisor –admin_password=strongpassword –admin_email=info@example.com
    wp core install –url=example.com –title=Example –admin_user=supervisor –admin_password=strongpassword –admin_email=info@example.com
    wp core install --url=example.com --title=Example --admin_user=supervisor --admin_password=strongpassword --admin_email=info@example.com

    如您所见,这一切都是不言自明的。只需用您自己的值替换每个参数中的示例数据。为确保一切按预期运行,您可以使用以下命令来测试安装:

    wp core version
    wp core version
    wp core version

    这将返回您安装的版本号,证明WordPress已成功安装!现在您只需要知道如何确保它已更新,您可以使用以下命令执行此操作:

    wp core update
    wp core update
    wp core update

    如果有更新版本的WordPress可用,当您运行此命令时,它将自动下载并安装。

    2. 管理主题和插件

    您可以通过多种方式使用WP-CLI管理主题插件,所以现在让我们看看一些基本选项。首先,您可以使用list命令查看您的主题或插件列表。这可以使用参数过滤以仅显示具有特定状态(例如非活动)的项目或以特定输出格式返回结果。

    例如,如果要将所有非活动主题列为CSV列表,可以使用以下命令:

    wp theme list –status=inactive –format=csv
    wp theme list –status=inactive –format=csv
    wp theme list --status=inactive --format=csv

    您还可以通过在插件目录中指定插件、提供本地文件的路径或输入外部文件的URL来安装插件。在这个例子中,我们还将同时激活插件:

    wp plugin install ../my-plugin.zip –activate
    wp plugin install ../my-plugin.zip –activate
    wp plugin install ../my-plugin.zip --activate

    更改插件或主题的状态也很容易。此命令可用于启用主题,在本例中为二〇一七:

    wp theme enable twentyseventeen
    wp theme enable twentyseventeen
    wp theme enable twentyseventeen

    还有一个用于停用插件的命令,我们在这里使用它来禁用Hello Dolly插件。在本例中,该命令还配置为卸载插件:

    wp plugin deactivate hello –uninstall
    wp plugin deactivate hello –uninstall
    wp plugin deactivate hello --uninstall

    最后,您可以搜索相应的目录以查找特定的插件主题。例如,让我们搜索包含字符串“photo”的主题。我们还将它设置为返回三个结果而不是默认的十个:

    wp theme search photo –per-page=3
    wp theme search photo –per-page=3
    wp theme search photo --per-page=3

    这将显示下表:

    +———————-+———————-+——–+
    | name | slug | rating |
    +———————-+———————-+——–+
    | Photos | photos | 100 |
    | Infinite Photography | infinite-photography | 100 |
    | PhotoBook | photobook | 100 |
    +———————-+———————-+——–+
    +———————-+———————-+——–+
    | name | slug | rating |
    +———————-+———————-+——–+
    | Photos | photos | 100 |
    | Infinite Photography | infinite-photography | 100 |
    | PhotoBook | photobook | 100 |
    +———————-+———————-+——–+
    +----------------------+----------------------+--------+
    | name                 | slug                 | rating |
    +----------------------+----------------------+--------+
    | Photos               | photos               | 100    |
    | Infinite Photography | infinite-photography | 100    |
    | PhotoBook            | photobook            | 100    |
    +----------------------+----------------------+--------+

    正如我们提到的,这只是您如何使用WP-CLI管理主题和插件的一小部分。希望您对这个工具的用处有所了解。

    3. 创建一个子主题

    通过使用脚手架命令,就可以生成一个子主题包含的functions.phpstyle.css的文件。如果您想对现有主题进行更改,我们建议您执行此操作。

    您需要做的就是为新的子主题以及您用作“父主题”的主题指定slug。在这个例子中,我们正在创建一个基于二〇一七主题的孩子,我们给它一个slug别名-twentyseventeen-child:

    wp scaffold child-theme twentyseventeen-child –parent_theme=twentyseventeen
    wp scaffold child-theme twentyseventeen-child –parent_theme=twentyseventeen
    wp scaffold child-theme twentyseventeen-child --parent_theme=twentyseventeen

    如果该过程成功,您将看到一条消息,表明已创建子主题,以及其目录的路径:

    Success: Created ‘/var/www/example.com/public_html/wp-content/themes/twentyseventeen-theme’.
    Success: Created ‘/var/www/example.com/public_html/wp-content/themes/twentyseventeen-theme’.
    Success: Created '/var/www/example.com/public_html/wp-content/themes/twentyseventeen-theme'.

    您现在将在指定的模板中找到子主题,可以进行编辑了!

    4. 审核评论

    在WP-CLI中审核和管理评论变得更加容易,这使您能够快速创建、删除和编辑它们。有许多注释子命令可用,但让我们看看一些最基本的选项。

    首先,您可以添加新评论。以下命令将向ID为20的文章添加评论,并指定内容和作者:

    wp comment create –comment_post_ID=20 –comment_content=“This is my comment” –comment_author=“author-name”
    wp comment create –comment_post_ID=20 –comment_content=”This is my comment” –comment_author=”author-name”
    wp comment create --comment_post_ID=20 --comment_content="This is my comment" --comment_author="author-name"

    在管理现有评论之前,获取当前列表会很有帮助。您可以使用list命令执行此操作,并且可以通过多种方式过滤结果。例如,使用此命令将返回一个表,其中包含ID为3的文章的所有已批准评论的评论ID和作者姓名:

    wp comment list –number=3 –status=approve –fields=ID,comment_author
    wp comment list –number=3 –status=approve –fields=ID,comment_author
    wp comment list --number=3 --status=approve --fields=ID,comment_author

    这是结果表的样子:

    +————+—————-+
    | comment_ID | comment_author |
    +————+—————-+
    | 5 | Unknown Author |
    | 22 | Jane Doe |
    | 64 | John Doe |
    +————+—————-+
    +————+—————-+
    | comment_ID | comment_author |
    +————+—————-+
    | 5 | Unknown Author |
    | 22 | Jane Doe |
    | 64 | John Doe |
    +————+—————-+
    +------------+----------------+
    | comment_ID | comment_author |
    +------------+----------------+
    | 5          | Unknown Author |
    | 22         | Jane Doe       |
    | 64         | John Doe       |
    +------------+----------------+

    如果要删除评论,可以通过单独指定评论ID来实现,如下所示:

    wp comment delete 64
    wp comment delete 64
    wp comment delete 64

    您还可以通过用空格分隔每个ID来删除多个评论。在这个例子中,我们还使用了force参数,它会永久删除评论而不是将它们添加到垃圾箱:

    wp comment delete 5 22 64 64 –force
    wp comment delete 5 22 64 64 –force
    wp comment delete 5 22 64 64 --force

    通过一些练习,您可以使用WP-CLI命令非常快速地处理站点的评论。

    5. 更新WP-CLI

    与WordPress的各个方面一样,您应该始终确保WP-CLI是最新的。幸运的是,这非常简单。您需要做的就是运行以下命令:

    wp cli update
    wp cli update
    wp cli update

    如果您的版本是可用的最新版本,您将收到一条消息确认这一点。但是,如果可以下载新版本,系统会提示您接受安装。如果您选择是,WP-CLI将被更新,您将看到一条确认消息:

    Success: Updated WP-CLI to 0.23.1
    Success: Updated WP-CLI to 0.23.1
    Success: Updated WP-CLI to 0.23.1

    这样,您就更新了WP-CLI的安装。

    到现在为止,您已经开始看到使用这个简单的界面可以完成什么。还有更多东西要学,但你应该为你走出第一步而感到自豪!

    小结

    速度、可访问性和效率都是任何聪明的开发人员在他们的工具中寻找的特征。WP-CLI提供所有这些以及更多功能,同时使您能够远程管理您的WordPress站点。使用WP-CLI,您可以在WordPress管理员中执行任何您可以执行的操作 — 速度更快(一旦您进行了一些练习)。