Category WordPress

如何使用Google的Firebase创建静态网站

步骤#01:进入Firebase官网 官网地址: https://firebase.google.com/ 然后点击Create Project 步骤#02:填写一个Project Name 填入一个项目名字,名字随便起 步骤#03:集成Google Analytics 直接默认就可以,会创建一个GA 步骤#04:GA账号创建中 步骤#05:进入首页选择Hosting 步骤#06:Install Firebase CLI 步骤#07:进入本机或者VPS安装firebase CLI 步骤#08:Initialize your project 步骤#09:登录Goolge.com然后授权Firebase 如果使用的是VPS,不需要使用上图给出的指令。如果是本机安装或者VPS是带有桌面系统的,可以使用指令firebase login. 不带GUI的VPS使用指令:firebase login –no-localhost 输入这个指令以后,会弹出一串URL,然后将URL复制到浏览器中,本机浏览器就可以,选择google账户登录,然后授权以后,会得到一串代码。将代码复制到命令行中。就会出现登录成功的提示。 步骤#10:执行Firebase init 输入命令:firebase init hosting –debug what do you wang to use… Continue Reading →

如何创建一个FAQs页面

创建一个FAQs页面有好多个方法,介绍几个常用的方法 使用RankMath的FAQ Schema创建FAQs页面 步骤#01:首先安装RankMath插件 插件是这个: 安装完以后,默认配置即可。 步骤#02:安装TOC插件 安装这个Table of Contents Plus插件就可以了 TOC安装以后,选中POST,默认只有Page页面。 菜单:WordPress后台——>Setting——>TOC+ 步骤#03:创建一个POST页面 注意:是Post页面,不是Page页面 在POST页面左侧输入faq,会看到FAQ by rank math,点击这个插件。 添加问题,可以添加Image,Image添加以后是在文本末尾显示的,无法在正文添加image. 创建以后的效果: 这个时候在标题下有一个Contens,随便点击一个问题,就会跳到答案部分。 直接使用Post页面创建FAQs 由于使用rankmath FAQ schema创建问答页面,会有显示,比如想做一个图文结合的页面,那么它就做不到,这个时候可以直接使用POST,就像写文章一样创作问答页面。 每一个答案设置为一个标题,比如设置为2级标题。只要安装了TOC插件,文旦超过TOC的默认数量,就会在顶部显示菜单。 使用Elementor Page创建FAQs页面 还有一个使用Elementor Page页面创建问答的,比如toggle功能。 使用Page创建的,可以看这个视频

Create a Button to Trigger an Onclick Popup

对于做B2B的外贸网站,有一个询盘的需求,比如产品图片下面放一个按钮,点击按钮,弹出一个窗口,可以让客户输入联系信息。如何实现呢? 这个需要使用到Elementor的Popup功能。 安装方法分为两个方式,一个是使用WPForm插件的方式,另一个不适用WPForm的方式。如果不使用WPFrom,请跳过第一个步骤。 步骤#01:安装WPForms插件 (如果不想使用WPFrom,请进入下一个步骤) WPForms是一个很出名的报表提交软件,如果您正好使用了这款软件,那正好可以套用这个模板,就不需要自己创建模板了。 WordPress后台安装插件WPForms 直接搜索WPForms就看到了。 创建一个WPForms模板 菜单:WordPress后台——>WPForms——>Add New 选择一个模板,我这里选择simple contact form,在Name your form这个地方填好名字,或者选择了form以后再改名字也可以,这里我填写的是”contact form 2b2″ 创建好报表以后,点击Save。 步骤#02:Elementor创建模板 菜单:WordPress后台——>点击Templates——>点击Popups 点击Add New,然后选择popup,并且给模板设置一个名字,然后点击“create template” 我们会看到弹出来的是一个选择模板的页面,但是只有Pro才能用,所以我们关闭这个窗口 关闭以后,就是一个普通的页面设计网页了 然后点击Drage widget,点击最大的这个框 使用WPFrom创建模板: (如果在第一个步骤没有安装WPForm插件,请忽略本步骤,进入”使用Elementor内嵌的Form创建模板“的步骤) 然后点击左侧的Elemetor菜单,搜到wpforms,将WPforms拖动到主页面中。 在我们拖动WPForms到page中时,elementor左侧菜单会显示WPForms的配置。在Form这个地方选择之前自己创建的Form。可以勾选Display form name,如果勾选了,就会在Page中显示。 还有一个Title,这个地方填写的也会显示在Page上。 最后点击Publish,Publish Setting中,默认都是灰色,都未勾选,直接Next、Next结束就可以了。 使用Elementor内嵌的Form创建模板 首先在左侧输入Form,会看到一个内嵌的Form。然后可以将其拖动到正文中 我在拖动Form之前,添加了一个header,命名为Contact… Continue Reading →

小语种插件transposh的使用方法

Transposh是一款免费的WordPress小语种自动翻译插件,插件官网地址:https://wordpress.org/plugins/transposh-translation-filter-for-wordpress/ 这款插件翻译使用的二级目录的方式,不支持二级域名。 步骤#01:安装插件transposh 安装完以后,会在WordPress后台的菜单中显示一个“transposh”的菜单。 步骤#02:基本功能设置 开启”allow upgrading to full version”,允许升级到全功能版本,如果不升级,只允许选择5种语言。勾选这里,然后去WordPress后台,Dashboard这个地方有个Update,点击Update找到这个插件,点击升级。或者直接去安装插件的地方,找到Transposh这个插件,会看到Update的按钮。 如果看不到这个升级,请将网页都关闭,重新登录网站后台,然后重新设置一遍,应该是缓存有影响。 选择谁可以翻译网页,在who can translate这个菜单中选择,选中Administrator(允许管理员具有翻译权限)。 可以允许匿名翻译,不需要任何权限即可,勾选Anonlymous即表示允许匿名翻译。 启用Rewrite URLs的功能。勾选“Rewrite URLs”这个地方。 启用将脚本放到代码末尾的功能,勾选“Push Transposh scripte”这个地方,提速用的,也能有反作用,就是用户看到了未经翻译的文本,如果使用提速插件压缩了JS,延迟启用,就可能会出现这个情况。 启用Detect language based on the ACCEPT_LANGUAGES http header,可以自动失败语言,比如我们在中国打开网页,那么会自动显示中文。 最后点击保存,在末尾有保存按钮。 步骤#03:选择要翻译的语言 WordPress后台—>Transposh菜单—>点击“language”,然后点击你要翻译的语言,比如需要翻译法语,那么就点击法语。 最后点击保存,默认会自动开始翻译。 步骤#04:允许用户设置默认语言 在Widgets Setting这一栏,勾选“Allow user to set current… Continue Reading →

Woocommerce Product Page切换为Gutenberg编辑器

如何借助古腾堡丰富的编辑器功能来编辑产品页面? 我们可以将woocommerce的产品页面切换为Gutenberg(古腾堡)编辑器。 步骤#01:安装插件Code Snippets 步骤#02:在插件中填写如下代码 代码放入插件的方法: 引用: 视频介绍:

WordPress网站安装SSL证书

基于宝塔面板安装免费的SSL证书 如果网站是宝塔搭建的,可以一键申请免费的SSL证书。 步骤: 首先登录宝塔后台 然后点击网站 选中自己的网站 点击设置 选中SSL 选中Let’s Encrypt,选中文件验证 点击申请,顺利的情况下,就可以直接生成证书了。 如图所示: 创建证书的这个界面,右上角有一个”强制HTTPS“,这个可以不用勾选。证书安装好以后,可以在WordPress里安装一个插件https://wordpress.org/plugins/really-simple-ssl/,这个插件会配置好SSL的问题,而且因为网站刚开始是Http的,会有一些文件的路径是http,安装了这个插件,也会解决一部分http迁移到https的问题。

WordPress前端英文,后端中文的设置方法

如何将WordPress的前端设置为英文,后端设置为中文? 实际上很简单,但第一步你需要安装一个中文的WordPress安装包。 点击这里,下载中文WordPress包:中文的WordPress安装包下载 下载了中文安装包以后,才能在后台将语言设置为中文的,如果你下载的是英文版本的话,那么后台可能看不到更改语言的选项。这个时候如果还想更改为中文的话,可以看看有没有方法安装语言包。 针对安装中文WordPress的方法: 1.来到后台,点击Setting—>General—>Site Language. 这个地方设置为English,这个地方设置的是前端的语言,如果设置为英文,那么前端就是英文。 2. 设置WordPress后端管理界面为中文 步骤:点击右上角的用户界面,点击Edit Profile 点击Users——>点击Profile——>选择Language,选择简体中文

WordPress建站如何防止被攻击

使用checkbot检测 checkbot是一个Chrome插件,可以检测安全,下载地址:https://www.checkbot.io/,如果有安全问题,会有如下提示: 修复clickjack protection, XSS Protection的安全问题: 解决方法:安装HTTP Headers插件,然后按照图中配置 X-Frame-Options:SAMEORING X-XSS-Protection: 选择 mode=block X-Content-Type-Options: nosniff Strict-Trasport-Security: 选择includeSubDomains,Prload,Max-Age选择1年。 配置成功以后,可以继续使用Checkbot测试一下,或者使用浏览器的开发模式自己检查一下Header。 宝塔面板的配置 关闭无用的端口 比如FTP不用的话,就关闭掉。检查其余端口,不需要的不要放行。 步骤:宝塔后台——>安全——>放行端口这个地方,删除FTP的端口。 开启防火墙 搜索“免费防火墙”,可以看到一个Nginx免费防火墙,然后安装。 Nginx免费防火墙: Nginx免费防火墙配置: 初级防御:开启CC防御和常见扫描器防御,一般不会影响到网站的功能。 高级防御:开启GET-URL过滤,开启GET-参数过滤,开启POST过滤,开启User-Agent过滤,开启常见扫描器。禁止海外访问一定要注意,如果面向国外的电商站,一定不要勾选这个,否则国外客户就访问不了了。 注意:这一步措施执行后,一定要测试一下自己的站,如果遇到Elementor不能使用,爬虫不能爬取等,就先不要开启了。 PHP组件安装bt_safe插件防止跨站攻击 PHP文件配置 关闭php-display errors 步骤:在宝塔面板中,找到PHP,然后打开管理面板,点击”配置文件“,搜索”display_erros”,这个地方改为Off,display_erros=Off。 改完以后,在服务这个位置“重启一下PHP服务器”。 如何检测PHP配置信息是否正确? 可以使用php-info这个界面去看配置是否成功 在管理界面的左下角,有一个phpinfo,然后点击“查看phpinfo()”,就会出来一个信息界面,在这个界面中去搜索自己的配置,就能看到对应的结果。 WordPress后台配置 安装“Wordfence防火墙”插件 很出名的一个WordPress防火墙插件,可以屏蔽一些登录尝试等。免费版就可以预防,配置好邮件通知,会经常通知你。… Continue Reading →

宝塔搭建WordPress更改URL为POST-Name格式

我们有时候看到一些链接形式是https://ensky.tech/add-buy-on-amazon-button/,直接在域名后面加上了一个词语描述,这样的URL对于谷歌来说是比较友好的,爬虫抓取到这个URL的时候,就知道这个网页写的应该是关于添加一个“buy on amazon”的按钮,如果爬取到内容一分析,确实是写的这个内容,那么对于SEO具有积极的效果。 步骤#01:WordPress后台如何更改URL为Post name格式 进入WordPress后台 点击”设置“ 点击”固定链接“ 选择”post name“格式,点击保存。 步骤#02:去宝塔后台添加伪静态 进入宝塔后台 点击左侧菜单的”网站“ 在屏幕右侧选中你的网站 点击网站后面的设置按钮 在网址设置中按照下面的步骤添加伪静态,对应WordPress后台更改的post name格式。 步骤: 点击伪静态 在右侧上方选中”wordpress” 点击保存

WordPress添加Buy On Amazon按钮

近来有朋友需要在WordPress搭建的电商站中添加Buy On Amazon,可能是需要通过WordPress搭建电商独立站,引流到Amazon上下单,所以才有此需求。 本文针对的是WordPress已经安装Woocommerce插件的解决方案,如果没有安装过Woocommerce的WordPress只有Page与POST可用,可用自行在任意位置添加超链接。 Woocommerce原版 在没有改动的时候WordPress的界面如下 步骤#01-去掉add to cart 第一步:我们首先将Woocommerce中自带的”加入购物车“删除掉。如果你不需要删除自带的Add To Cart,请忽略本步骤。 第一步:打开WordPress后台 第二步:选择外观,然后点击主题编辑器 第三步:在右侧现在需要编辑的主题,默认会选中当前的主题。 第四步:选择function.php 第五步:添加代码 注意,代码请直接复制到function.php中,不用复制到其余任意地方,比如说先复制到word文档中,又从word文档复制到了function.php中,一定不要这么做,请直接从本网站复制。 代码如下: 第六步:点击更新文件,结束。 步骤#02-添加buy on amazon 添加Buy On Amazon按钮,那么如何实现呢?需要添加代码,在产品编辑页面的Short Description中添加代码。 进入产品详情页,找到Short Description(短描述),点击文本,然后编写代码。如下图所示: 选择文本,不需要选择可视化。 在文本框中编写代码,如果需要填写一些短描述,可以在图中第2部分添加,第3步骤是放代码的。当然第2部分和第3部分是可以调换位置的。图中的代码就是按钮,所以位置调换以后,Buy On Amazon就会出现在上方。 格式#01 效果:点击Buy On Amazon,会弹出一个新的窗口,在新窗口中打开亚马逊的产品链接。 更改步骤: 代码是这么写的,其中有一行代码是href=”https://www.amazon.com/Seagate-Portable-External-Hard-Drive/dp/B07CRG94G3″ 。… Continue Reading →

« Older posts Newer posts »

© 2025 ensky的跨境笔记 — Powered by WordPress

Theme by Anders NorenUp ↑