wordpress主题分享 – 苏的小站

成功 用自己的方式度过一生

个人作品展示

苏的小站 · 科技爱好者

爱好者

面试作品 简历展示、项目简介、技术栈
风格 现代、简约

wordpress主题分享

注:这是本人自己弄的wordpress,用的MIT协议,很宽松的,希望这都不要没人遵守,然后有些基础功能,已在Github上开源,然后基础的文件里面也些清楚了。

项目地址:suyihang15/suyihang15-blong-theme: 一款简约风的wordpress个人博客主题

下载地址:https://github.com/suyihang15/suyihang15-blong-theme/releases/download/1.0.0/suyihang15-blong-theme.zip

1、特性

简洁现代的设计风格

响应式布局,支持移动端

可视化自定义设置,但就一些基础的(无需代码修改)

2、功能

支持社交链接、个人简介展示

打赏功能,支持二维码上传

自定义颜色主题

支持评论、RSS 订阅(本人觉得RSS这的很好用)

安装主题后,在 WordPress 后台的 **外观 > 自定义** 中可以进行以下设置:

QQ 号码 微信号 微信链接 B 站主页链接 GitHub 链接这些展示

ICP 备案号和公安备案号,不然用国内服务器还是比较麻烦的。

自定义首页顶部横幅文本(支持简单 HTML)

首页封面图片

网站背景图片

简介标题、角色简介、个人简介

所在地、工作经验、技术栈

微信打赏二维码(上传图片)

支付宝打赏二维码(上传图片)

打赏说明文本,主要打赏方式就是二维码。

主色调 背景色 文字颜色设置

主题支持自定义菜单。在 **外观 > 菜单** 中创建菜单并分配到“Primary Menu”位置。

文章支持特色图片。在编辑文章时设置特色图片即可。

3、许可证

MIT License

4、作者

suyihang15

请遵守本人的开源协议,然后也不做过多的限制。

5、安装

下载好上面的文件后,去wordpress的外观主题,安装主题里选择提供的安装包就行。

想不到好的封面了,就这样吧。

6、思路及文件大致介绍。

README.md:就是你现在看的这个文件,介绍主题怎么用、有什么功能。

style.css:主题的“衣服”,决定网站看起来是什么样子,比如颜色、字体、布局等。

functions.php:主题的“大脑”,里面写了很多代码,让主题能做各种事情,比如添加菜单、自定义设置、加载脚本等。

index.php:首页的模板文件,负责显示博客的文章列表。

front-page.php:首页模板文件,适用于设置为静态首页时,显示个人简介和文章列表。

home.php:文章列表页模板,用于博客页面或“最新文章”页面。

single.php:单篇文章页面的模板,打开一篇文章时用的。

page.php:独立页面的模板,比如“关于我”“联系我”这样的页面。

header.php:每个页面的顶部部分,包含网站标题、导航菜单、搜索框和社交链接等。

footer.php:每个页面的底部部分,包含版权信息、备案号、RSS 链接等。

comments.php:评论区的模板,显示评论列表和评论表单。

searchform.php:搜索框的模板,用户搜索文章时使用。

assets/js/load-more.js:前端脚本,支持“加载更多文章”的 AJAX 加载功能。

template-parts/:模板部件文件夹,存放可复用的页面片段。

 template-parts/content-post.php:文章列表中每一篇文章卡片的显示内容模板。

 template-parts/homepage-profile.php:首页个人简介区块模板,显示封面图片、简介文字、个人信息。

template-parts/post-list.php:文章列表区块模板,统一处理文章循环和“加载更多”按钮。

inc/customizer.php:自定义面板配置文件,定义外观 > 自定义中的设置项。

具体的就看你自己了,根据自己需求来改吧,代码也不多的。

7、效果和功能展示

大致就这样提供了一些基础的自定义功能,太多了不想写了,但是基本上就够了,根据需求来吧。

总结:本人已经放了安装的所有东西,然后请自行发挥,但请遵守开源协议,如果还需要什么功能或者要改什么,请留言或者在本人GitHub仓库去提,帮我更改,谢谢。



发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注