首页 » Web前端 » php克己blog技巧_运用Wordpress 从01 制作一个博客网站

php克己blog技巧_运用Wordpress 从01 制作一个博客网站

访客 2024-11-28 0

扫一扫用手机浏览

文章目录 [+]

访问域名,涌现以下页面则解释安装成功

4. Wordpress 基本设置

后台上岸链接:https://blog.zmrw.net/wp-login.php

php克己blog技巧_运用Wordpress 从01 制作一个博客网站

输入账户密码进行登录。

php克己blog技巧_运用Wordpress 从01 制作一个博客网站
(图片来自网络侵删)

修正网站措辞和时区

修正日期显示格式

修正固定链接

下载 Porto Wordpress 主题

从 themeforest 下载购买好的Porto 主题

如何购买请参考如下链接:https://zmrw.net/porto-wordpress-zhu-ti-jie-shao/

安装 Porto Wordpress 主题

选择 外不雅观 〉主题,

上传主题,

启用主题

Porto Wordpress 主题根本引导设置

填写激活码

检讨系统状况是否知足

设置子主题

确认利用子主题

安装插件

紧张安装两个插件: Elementor,Contact Form 7

PS:如果 Porto Functionality插件安装失落败,可以从下载包中上传安装

安装Porto Functionality

启用插件

选择演示内容安装

我这边准备利用 Business Consulting 5 来进行网站支配

显示还须要安装Alpus插件(不才载的压缩包中包含此插件)

安装Alpus 插件

启用插件

安装Business Consulting 5 演示内容

显示此信息解释演示内容安装成功

访问 blog.zmrw.net 即可查看演示网站

至此,Porto Wordpress 主题根本引导设置完成,下面便是该进行页面装修及个性化设置。

三. 博客装修修正Logo

修正Logo适当大小

修正菜单

根据自己需求进行菜单设置

修正电话

修正留言按钮

调度后整体样式

修正底部

鼠标放在底部,点击 Edit footer

点击对应内容修正信息,终极结果如下

优化首页

根据需求修正本钱身信息

修正表格,通过显示信息,我们知道该表格利用的是 contact form7 的 Intro contact

编辑 Tntro contact

给表格修正成中文以及增加您的网站需求

[text text-724 placeholder class:w-100 "您的姓名 "][text text-540 placeholder class:w-100 class:mt-3 "您的联系办法 "][text text-540 placeholder class:w-100 class:mt-3 "您的网站"][submit class:btn-br-4 class:w-100 class:mt-3 "现在预约"]

再刷新首页表格已经更新

依次修正两个移动端显示样式

安装哀求调度业务需求

如果以为栏目比较少可以在复制两个

修正互助伙伴栏目,客户评价

按照此思路,优化做事流程页面

修正我的名誉

优化call to action

优化博客栏目

优化留言栏目

至此,网站首页安装完毕

优化关于我们

进入页面我们创造显示的是英文,须要在页面中修正成中文

进入页面列表,点击快速编辑

只须要修正标题,点击更新

按照此方法依次修正 博客中央,联系我们,首页,做事中央,互助案例

再次刷新关于我们页面,英文已变成中文

按照修正首页方法,依次修正各部分栏目,改成符合自己的文案

唯一与首页有差异的是底部有一个FAQ页面,FAQ 页面默认是调取全部FAQ, 我们也可以通过 FAQ IDs 来掌握显示的faq, 以及调度FAQ 的顺序。

下面来修正FAQ内容

修正标题与描述

依次修正其它FAQ

我们也可以增加FAQ, 以及给FAQ 设置分类

再次刷新关于我们页面, FAQ 已经更新

至此,关于我们制作完成

优化做事中央

做事中央紧张是一个固定导航,这里须要把稳一些细节

首先完成固定导航 中文设置,假设我们做事有网站制作,网站SEO,Google 竞价,社媒营销

这里一定要记得你设置的 Link :#web-marketing,这相称于定位符,用来直接定位到对应的 Section, 如第一个板块 css id 便是 web-marketing

依次修正对应的内容

至此 做事中央 制作完成

优化联系我们

联系我们同首页,做事中央页面一样,修正须要展示的信息即可

联系我们须要修正部分较少,也比较大略

至此,联系我们页面制作完成

优化博客页面

在优化博客页面,我们创造并没有像之前页面一样,利用Elementor 编辑

博客页面与其它页面不同,它是由主题进行掌握的

我们不雅观察目前博客页面是没有侧边栏的

我们只须要修正成带侧边栏的博客列表选项即可

修正后展示结果如下

同理文章详情页也是这样设置

如果想要修正文章列表展示样式,就须要查看模板构建器是哪里掌握我们的博客样式

点击后创造,一个是博客 一个是故事

我们这次修正的是

点击后即可进行修正

通过 Elementor 我们掌握 每个博客展示的样式

每个页面展示的个数

显示多少列

根据自己需求进行调度

至此,博客列表页以及详情页设置完毕

优化互助案例

直接点击,不出意外会涌现报错

缘故原由是这个页面也是由主题进行掌握的,须要参照博客页面修正,在模板构建器找到对应的模块进行修正 Archive Story

掌握 Archive Story 样式由 Story Type 掌握

修正 Story Type 即可掌握样式展示

至此,互助案例优化完成

学习建议Elementor 设置

我们须要对Elementor 进行设置,使它许可修正我们的博客页面,由于我们利用的是 Porto 主题,因此也禁用了 Elementor 自带样式

更新网站原有布局

新手开始做网站不满意原始布局,建议刚开始打仗wordpress 建站的同学开始完备模拟原有模板进行建站,后期熟习后在进行升级

发布文章

在网站上线后,最紧张的便是文章的发布,这个将是我们流量的紧张来源,也是往后事情的重中之重。

至此 利用Wordpress 从0-1 制作一个博客网站 教程到此结束。
希望想要学习建站的同学都能有所收成。

如果您以为文章不错,给一个关注 + 点赞 + 收藏吧

之后也会更新利用Wordpress 从0-1 制作一个B2B网站

利用Wordpress 从0-1 制作一个在线独立站

标签:

相关文章

房山第一探寻历史文化名区的魅力与发展

房山区,位于北京市西南部,历史悠久,文化底蕴深厚。作为北京市的一个重要组成部分,房山区的发展始终与首都的发展紧密相连。房山区积极推...

Web前端 2025-02-18 阅读1 评论0

手机话费开钻代码数字时代的便捷生活

我们的生活越来越离不开手机。手机话费作为手机使用过程中的重要组成部分,其充值方式也在不断创新。手机话费开钻代码应运而生,为用户提供...

Web前端 2025-02-18 阅读1 评论0

探寻专业奥秘如何查询自己专业的代码

计算机科学已成为当今社会不可或缺的一部分。掌握一门专业代码对于个人发展具有重要意义。面对繁杂的学科体系,如何查询自己专业的代码成为...

Web前端 2025-02-18 阅读0 评论0