4.40 建站的杂项操作-重装wordpress

如何手动安装插件？

• 有些很好的插件可能因为没升级，导致被Wordpress插件库下架，症状就是在wp后台搜不到这个插件，此时我们就无法通过WP后台直接安装这类插件。
• 但其实这类插件通常没啥问题，此时我们就需要手动上传插件。
• 首先在你电脑上准备好插件压缩包（通常是一个zip文件），如果是Gofair提供的插件压缩包，那是肯定没问题的。但千万不要去其他网站随意下载插件压缩包，因为大多都挂马，后期网站会被黑客攻陷！切记切记！

手动安装插件方法如下：

如何提升网站的美工水平（美观度）？

其实要提升网站的美观度是非常简单的，请掌握这几个原则：

• 文本颜色不要太杂：文本字体尽量用比较统一的少量几种颜色，不要搞得五颜六色。
• 对图片的要求：尽量不要把大量产品放在同一张图中作为hero section图片，建议拍摄一个单一主打产品的大图，甚至可以是产品局部大图。颜色方面也要尽量单一，颜色太杂反而降低档次。
• 巧用图片的Overlay功能：如果要在图片上加文字的，那么加一层白色、黑色、蓝色等颜色的overlay，会瞬间提升网站档次。即使图片不加文字，其实用overlay也能提升图片档次。
• 顶部菜单必须醒目：不要让hero section的图片影响菜单的清晰度，如果你实在不会处理图片的，那么就不要用transparent header。
• 注重手机端：首页、header、footer这些部分，都建议单独编辑一下手机端，因为这些地方通常最容易引发手机不兼容问题。
• 配色：网站整体颜色不要杂乱，应该尽可能减少颜色种类，这样网站档次瞬间就能提升。有些颜色是百搭，比如灰色等，自己多尝试多摸索。

WP后台左侧菜单不要收起来！

如果不小心被你收起来了，请展开他，否则容易找不到项目。

如何设置成“只搜索商品”而非文章？

• 我们建的网站中大部分文章今后可能都是用chatGPT发上去的垃圾伪原创文章，这类文章是为了让谷歌多多收录用来引流的，让客户搜到这类文章毫无意义！
• 此时我们极有可能希望让客户前台搜索后只搜商品，也就是只针对Products下面的商品，是不是？设置方式如下：

代码在此：

// Only show products in the front-end search results
add_filter('pre_get_posts','lw_search_filter_pages');
function lw_search_filter_pages($query) {
    // Frontend search only
    if ( ! is_admin() && $query->is_search() ) {
        $query->set('post_type', 'product');
        $query->set( 'wc_query', 'product_query' );
    }
    return $query;
}

如何替换网站中某个代码？【高级功能】

有些代码无法通过可视化编辑进行修改，但他一定存在于我们的网页文件中，此时我们可以在宝塔中对全站进行打包下载，或者直接下载每天的自动备份文件（如下图）：

下载后解压到一个文件夹，然后使用Notepad++这类软件进行批量查找，就能找到代码所在的正确路径了（下图Directory这里填写的是你解压后的网页文件所在的文件夹路径）

如何调整全站的所有标题字体？

经常有些会员说想要把标题字体调小些，那么就按下图流程去修改：

如何设置电子邮件email的超级链接？

有时候我们需要客户在我们网站点击一个邮箱直接就进入他的发件页面，这样客户就可以快速发邮件给我们，这可以通过简单的mailto代码实现。步骤：

1. 在文本区域输入你的邮箱，如下图的example@example.com
2. 选中这个邮箱的文本，然后点上部的链接按钮。
3. 我们会发现URL这里已自动生成了mailto:example@example.com 很好，这就是我们要的，此处不要做任何修改。
4. 打开Open in new tab，这样可以新标签打开发件页，比较人性化。

如何删除商品列表页(或商品页)面包屑中的Shop？

有会员说不喜欢面包屑中出现这个Shop（如下图）

删除方法很简单，

前台刷新，就是我们要的效果：

Header菜单下面的灰线如何去除？

Appearance→Customize→Header→点击主菜单前面的铅笔→进入Main Row编辑→Design→Border下面改成0px

如何修改某个特定的文章post、单页page等页面设置？

进入该post或page（当然也支持以page为基础的模板页），点击右上角进行设置，这种设置只会影响该篇Post或Page，而不影响网站原有的全局设置。

如何为文章post、单页page设定一个密码：

• 如果你想隐藏某篇文章，就不要放在常规的文章分类中以免被人看见这篇文章，可以为他单独建个新的分类，然后此分类不要在菜单中调用。最后，再为这篇文章设置一个密码，就完工了。
• 如果是单页，由于本身不属于任何分类，因此直接设置密码即可。不要为用于模板的单页设置密码，这样会导致你网站大量页面打不开，应该为一个新增特定的单页设置密码，才有意义。

如何从垃圾箱里取回Restore文章？

但这件事还没完，因为现在文章还在草稿箱Draft中，我们需要重新点发布才行。

如何为页面中某一部分添加Anchor锚点？

视频演示

• 小小的Anchor作用多多，尤其可以作为首页的菜单。
• 如果是文章页导引，那么建议用Table of Contents这个Block，支持自动生成Anchor哦。

利用table of contents实现文章目录功能

添加后，只要你文章中使用了Heading的项目都会自动生成目录，

就像本页顶部的目录一样。

友情提示：利用模块添加目录是纯手动实现的，也就是说只适合偶尔使用；如果你希望为网站所有post都实现全自动目录，那么就要安装此插件：教程。

Accordion手风琴功能

就是类似我们首页常见问答板块的效果，可以随意展开的内容。添加方法：

接下来就是非常简单的编辑和项目添加：

我们还可以把某个项目拖拽到顶部，然后设置为默认打开项目：

padding和margin的区别？

视频演示

• 我们平时很难搞清row layout的padding和margin的区别，现在实例讲解。
• 总之padding是内部间距，margin是外部间距。

CDN有必要吗？

• CDN主要是把静态文件用全球分布式服务器来存放，但由于这些服务器的线路和情况不明朗，容易导致网站在某地打不开，而且网站也容易出Bug，总体来说，弊大于利。
• 根据实战经验，只要选对服务器，根本没必要用CDN。

菜单里面找不到新标签打开的选项，怎么办？

页面顶部右上角的Screen Options→勾选Link Target（顺便也确认Product Categories也勾选了）

如何调整文章列表页、商品列表页的每页显示数目

请诸位看清楚，这里讨论的是每页显示数目哦！

文章列表页每页显示数目：

• 设置这个项目的时候，拜托各位复习一下数学知识哦，这个要根据你在文章列表页设置的每行多少篇文章而定的。
• 比如你文章列表页设置每行显示3篇文章，那么我们下图这里就可以设置成15或24这种3的倍数。

商品列表页每页显示数目：

Appearance→Customize→WooCommerce→Product Catalog

如何让搜索结果高亮？

作用：

• 这个功能非常有用，帮助搜索者迅速找到关键词所在位置，比如我们在gofair.net上搜索：站群
• 下图搜索结果中，所有的站群会被黄底高亮显示。
• 顺便说一句，WordPress的全站搜索，同时支持首页、page、商品页、文章页的搜索，你发现了吗？

此时我们点击任何一篇文章进去后，仍旧能看见黄底的关键词，非常人性化的设计：

实现方式：

• 搜索安装插件：Highlight Search Terms
• 激活后不需要任何设置，就可以开始使用了

如何设置浏览器标签上的小图标favicon？

这个小图标叫做favicon.ico，我们可以在后台的Appearance→Customize→Site Identity这里上传自己公司logo，建议使用一个正方形的logo这样后期不会变形：

• 上传后如果前台图标没改变，那是缓存引起的，请CTRL-F5刷新。或用其他浏览器来打开检查。
• 如果再不放心可以直接打开abc.com/favicon.ico并按CTRL-F5来查看图标是否已更新（假设您的域名是abc.com），如已更新则没问题了。

如何导入网站的首页模板等单页模板？

• 新手由于不熟悉，容易误操作，甚至不小心删除了网站的首页模板中的所有内容，怎么办？
• 导入单个首页模板的方法：

如何以代码形式编辑整个post？

有时候你需要代码编辑，那么教程来了：

网站打开后网址带www和不带www的原因

• 有些人希望网站打开后带www，有些人喜欢不带www。
• 比如你可以把下图中原先的网址https://gofairb2b.com改成https://www.gofairb2b.com就可以了：

域名解析后不生效，是何原因？

• 要么解析错误，仔细回去看教程。
• 要么你在国内注册的域名，但还没完成实名认证。

如何调文章页的页面宽度？

调整全站宽度：

这个有必要设置，这样你网站所有页面都用同一种宽度；不过后期你也可以对特定的模板甚至单独的文章，进行单独的网页宽度设置。

调整文章页模板宽度：

许多模板的原始文章页宽度特别窄，按下图选择就好啦。

调整一个Page或特别的Post的页面宽度：

• 大家知道这套系统的许多重要模板，如首页模板都是通过一个page来实现的。
• 还有一种情况，如果你想修改一篇特定文章的宽度，也可以用下面的方式来实现。

其实其他很多模板都可以调整宽度，你只要进入对应的模板去设置即可。

文章行距太大问题

许多人说打了一个回车后，发现行距很大。

有两种方式解决此问题：

1）你可以用shift+enter来回车断行，就会发现行距不怎么大了。

2）也可以用List的方式：

我想屏蔽国内IP，装什么插件？

有些人说不想让同行看自己网站。其实这类屏蔽IP的插件很多，但千万不要用这种插件。原因如下：

1. 会误伤真实客户：比如假设你的客户人在国内（外商在国内的采购部采购代理、外商刚好来国内参展或看厂、甚至外商本身就常驻国内），他就打不开你的网站，白白丢失客户。
2. 也防不住真正的同行：同行装一个英文WINDOWS系统，再用海外IP访问你的网站，还不是照样能浏览？
3. 产品谈不上什么机密：国内的OEM生意，产品本身没啥机密，主要靠推广力度和公司技术实力；如果你的产品被同行看一眼就拿走了，这种产品本身也不可能有任何技术含量，更不需要保密了。

同行网站屏蔽了国内IP，我想要看，怎么办？

视频演示

操作三部曲：

1. 用全·局·模·式上网，通过海外线路进行访问。看看能否工作了？
2. 把Chrome浏览器语言改成英文。看看能否工作了？
3. 打开Chrome浏览器，按下Ctrl+Shift+Del → Basic → 删除cookies等缓存（如下图）。再看看能否工作了？

• 如果再不行就只能尝试使用英文版Windows。（通常不需要用这一步就应该已经搞定了）
• 顺便说一句，这种屏蔽国内访客的做法是完全错误的，不仅容易误伤真实客户还极容易被破，你看这不是分分钟破他了吗？

如何关闭Avatar头像？

WP头像需要调用一个叫做gravatar.com的网站资料，你不觉得这个设计很可疑吗？十有八九就是某路神仙想要监控我们的站点，更何况这个站国内经常打不开，所以还会导致你网站加载速度奇慢。赶紧去关闭他吧：

如何制作出漂亮的文本框？

像下面这样：

小贴士：

• 如果你已经按教程设置了但网站前台还是显示不对，可以尝试CTRL-F5刷新查看。

设置方法是：

先新增一个Row Layout

然后选一列的那种

然后在这个Row Layout中添加比如Paragraph

选中Row Layout，开始右侧设置

设置文本框底色：

建议背景色来点透明度，这样文本框会显得更加高端。

边框设置：

用Phpmyadmin修改后台文章列表页行数

后台文章列表页行数设置过大导致网站卡住了，就需要用到这讲教程了。

此时只有通过Phpmyadmin编辑数据库

点击上图的编辑按钮后，就可以任意修改成比较小的数值了：

修改完了不要忘记点执行

如何利用Phpmyadmin修改后台的邮箱

• wordpress的邮箱修改有点复杂，需要用老的邮箱收邮件确认，如果你当时用的不是真实的邮箱就没法修改了。
• 其实，最简单的方式莫过于通过phpmyadmin去数据库里直接修改。

1）修改网站admin邮箱

也就是这里的这个邮箱

修改方式如下

2）修改后台管理员邮箱

也就是

修改方式如下

如何设置某个网页的自动跳转？

如果我们希望客户打开某个页面后自动跳转到我们指定的某个页面，那么就这么操作：
在一个Page中添加一个叫做Custom HTML的Block：

然后添加如下代码，要注意把黄底字改成你希望跳转到的任何链接即可。

<meta http-equiv="refresh" content="0;url=https://www.*****.com"> 

这样今后你只要留你自己网站上的一个链接，客户打开后就可以自动跳转到任何你指定的页面。
那么为何建议用一个page而非post呢？因为post如果你没设置对分类有可能出现在前台文章列表页中，理解了吗？

利用宝塔的301重定向功能，设置老站任何页面自动跳转到一个新的网址

比如我们有1个老站（gofairb2b.com）和1个新站（gofair.net），但我们希望客户打开老站的任何页面时会自动跳转到新站首页，那么就可以按如下操作：

保存后我们测试，比如打开老站的：https://gofairb2b.com（首页）、https://gofairb2b.com/blog/（列表页）、https://gofairb2b.com/product/bagger-25l-backpack/（商品页）、https://gofairb2b.com/10-february-2022/（文章页）等任何老站页面，发现都能自动跳转到目标网址https://gofair.net/，搞定！

手机端不支持幻灯片的解决

原因：外国人本身不喜欢用幻灯片，那么到了手机端这里就直接去除了这个功能。
症状：如果我们在电脑端的首页hero section这里设置了幻灯片，那么到了手机端这里就会出错，幻灯片的背景图的宽度会变得特别小而且无法调整，如下图：

解决方法：大家要知道这套系统的手机端并不支持幻灯片，因此请按下图操作，为手机端上传一张专门的顶部图片：

其他解决方式：其实也可以用免费插件smart slider解决此问题，但手机端确实没必要用幻灯片，还是简洁一些更好。

制作Tabs/标签效果

什么是tabs？

这是一种“点击按钮后，会显示不同内容”的效果（如下图）

方法1：在Design Library的Tabs分类中选一个：

方法2：页面中添加一个叫做Tabs的模块：

自己在下图中选一个款式：

如何实现大图下方带几个顶上去的项目的功能？

效果如：

可以直接去Design Library里找素材，比如我选这个：

添加完后你要看懂下方4个项目所属的row layout的margin设置方法，今后自己也可以从头开始设计这类东西了：

图片在上、色块在下的实现方法

视频演示

如果你想实现如下这种效果，那就来对地方了！
经测试，电脑手机兼容，大家放心使用。

如何copy Block？

视频演示

我们在建站过程中，有些模块设置得很辛苦，所以希望能实现复制粘贴到其他地方，那么你来对地方了。

文章页Post或单页Page的图片太小问题

我们上传图片后，一旦发现图片过小，可以在编辑页面点击图片，然后在右侧选择Full Size，图片就会变大了：

如何添加JS代码？

有些人可能需要添加一段JS代码，如一些流量统计代码，那么可以添加在这里（因为每个页面都会加载footer的）：

保存后如果前台看不见效果，那就前台CTRL-F5刷新，再看不见效果就是你的JS代码本身有问题了（比如JS代码里有不安全的代码导致被WP后台直接过滤了）。

警告：

• 安全性问题：不要放来路不明的JS代码，可能导致你网站被黑！
• 网速问题：尽量不要去添加此类代码，因为JS代码添加后，今后前台打开你网页时就要到其他网站去转一圈，由于提供流量统计代码的公司往往都会用最差的服务器，所以会直接拉低你的网速！而且流量统计现在啥用都没有，连Google Search Console都没用！

在Post或Page中调用商品列表或文章列表

视频演示

根据分类的商品列表

• 添加模块：Products by Category

人工选择的商品列表

• 添加模块：Hand-picked Products
• 此模块特别重要，想要在首页挑选一些热门商品作为展示的，这不就是吗？

文章列表

• 添加模块：Posts

中文建站时文章页底部导航没有汉化问题

友情提示：这里讲的是中文建站哦！
WP和Kadence都是国外开发的，对中文支持肯定有bug的，所以即使我们在后台设置了中文，前台有些地方还是会显示英文，比如文章页底部的前后文章导航显示就会出错，如下图：

修改方法：进入宝塔后台改代码

修改保存后进入前台核查：

为何谷歌一直不收录我的网站？

建站一段时间后，当我们在谷歌用site函数查询后，始终查不到任何收录，这有两种可能：

1）外链：
你需要去各种地方发外链，参见我们的如来神掌教程。发了外链后等两天就收录了。

2）设置错误：
你可能在安装WP的时候错误地勾选了不让搜索引擎收录你的网站，请前往下图这里检查，绝不能勾选！

网站出了各种bug，应该重装Wordpress！

• 有时候我们的网站会发现各种奇怪的Bug，症状不一而足，此时我们就要考虑重装WordPress。
• 通常来说，重装Wordpress不会影响你的网站，但还是建议先手动备份网站和备份数据库！
• 重装流程如下（如果你的wordpress版本并非最新版，这里可能会提示让你安装最新版wordpress，总之按下去即可）：