唯品秀前端博客
当前位置: 前端开发 > 网站模板 >

Alt_Blog主题模板安装使用简易教程-附视频教程

作者：管理员 2019-06-20 10:40:54 分类：网站模板 阅读（14297） 39

本站主题已开源3年+了，为了让小伙伴更好更自由的去发挥自己想法使用当前主题，特此整理一篇文章。大家用主题，最烦心的可能就是代码模块耦合度太高，不好自己定制化二次开发修改，因为每个人或多或少有着自己的想法，而不仅仅只是套完主题，便什么都不好去改动，这样的主题，我觉得是对人类思想的束缚。

视频教程（密码：0qid）

视频是高清的，百度云网盘在线播放会降低清晰度变得模糊，如觉得影响可下载后观看

观看视频教程

运行环境

运行环境条件：服务器选用Apache，wordPress版本≥4.6，≥5.3服务器php版本≤php7.2，如果出现报错，请切换php版本试试，阿里云虚拟主机升级php7.x报错处理

如何使用

博客主题源码地址，本项目采用gulp自动化构建，可通过git克隆到本地，然后运行`npm install`安装依赖，接着运行npm run build即可压缩打包整个项目，到`dist`文件夹，如不需要打包压缩代码等一系列工具功能可直接下载即可，然后找到项目文件的dist目录，里面即是已打包好的主题源码

将下载或克隆好的项目中的dist文件名命名为`Art_Blog`,然后将整个文件夹上传到线上：`/htdocs/wp-content/themes/`目录下，可能有的小伙伴说找不到htdocs目录，htdocs是阿里云虚拟主机的叫法，如果你是服务器，通常叫www或htdocs甚至是www/htdocs/，具体根据你的服务器供应商实际情况来。

当然你也可以直接将Art_Blog压缩后将压缩包直接在网站后台上传主题，然后启用主题，注意，因为我没有每次打包项目去检查压缩包解压安装脚本，所以这种方式你可能有时候上传主题最终显示解压失败，这种情况不是主题源码问题，你可以通过git克隆项目到本地，然后自己npm run build打包一遍出来，就不会报错了。或者还是之前那个方式，直接将主题Art_Blog文件夹上传到`/htdocs/wp-content/themes/`目录下，然后去启用，这种不会报错。

后台配置

启用唯品秀Art_Blog主题后，在后台设置>常规中设置自己网站标题、副标题、邮箱等信息，然后到外观>唯品秀主题设置，设置站点域名地址（必须的）、公告、底部等信息

注意：移动端会使用副标题作为顶部固定标题，你的QQ和邮箱将会设置到一些地方，比如交换友链时候是像你邮箱发邮件给你申请，侧边栏客服QQ都来源你的设置，更多可自行在后台尝试体会

上传图片注意

在配置过程中会需要上传图片，有些同学说怎么上传后无法使用那张图片，其实是姿势不对，应该是上传后点“插入文章”，而不是点最下面的保存全部设置，如下图：

如何设置二级菜单？

进入后台>分类>新建分类

外观>菜单

注意：在设置二级菜单时候，你应该父级用自定义链接，而不是直接用分类添加过来的父级，并且链接设置为javascript:;禁止跳转，否则在移动端二级菜单点击时候，直接就跳走了，无法弹出二级菜单。

目前还没支持后台配置的位置怎么办？

那自然是去改主题源码，因为主题是前端人员开发，所以主题源码更加简洁易于维护，如果你发现某些地方后台找不到配置项，你又想去改，那就直接改源码，包括图片资源你想替换，所有主题图片资源默认全部在images文件夹中。

当然，如果你觉得自己需要挑战性，想自己去拓展后台配置项，很高兴的跟你说，这是没问题的，在主题/include/wp-theme-options.php，这个文件就是后台主题配置文件，可参考我设置的各项配置照葫芦画瓢去扩展。

单页设置

到这里你网站基本已趋于完善，但你可能会根据自己需求，建立自己的单独页面或者将你别的项目中其他页面迁移到我主题上，那么怎么做？下面通过参照我博客的“关于博客”单页来讲解：

首先主题源码新建页面

自己新建或者从别处迁移过来的单独页面，都没问题，放在主题的根目录中，命名以page-xx方式，例如：

网站后台配置

在后台>页面>新建页面，如图：


这时候我们通过地址已经可以访问到这个单独页面了，那么如何将这个单页添加到网站前台主导航中？在后台>外观>菜单，进行配置，如下图：

后记

到这里，相信你已经基本掌握怎么自由玩耍这个主题，最后附带之前写过的一篇关于后台发布文章格式的教程，主题通过此教程，你可以快速进行文章优美排版。

最后插入一则广告，有需要打造自己个人博客网站的可以找我代做，默认使用我网站模板，永久免费包更新，也可自备其他wordPress模板，wordpress安装+数据库连接+主题安装+服务器配置+域名解析+SEO优化+CDN解析等一条龙服务，一个网站仅需3000元！服务器、域名自备或+300元我代买（一年时长），上午购买当天弄好，下午购买晚上或次日弄好，精彩无需过长等待！

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com
赞(104) 打赏
标签：

上一篇：

下一篇：

相关推荐

共 39 条评论关于"Alt_Blog主题模板安装使用简易教程-附视频教程"

表情

最新评论

  1. Panda
    Windows 10 Chrome 102.0.0.0

    配置着非常easy

    120.219.49.207 2022-07-07 14:12 回复
  2. 玛卡巴卡
    Windows 10 Chrome 91.0.4472.77

    学习

    125.69.189.240 2021-09-18 16:09 回复
  3. shopify代码二次修改
    Windows 10 Firefox 56.0

    大力顶起。。。。

    219.134.217.222 2021-08-06 19:16 回复
    1. 馨儿
      Windows 10 Chrome 96.0.4664.110

      @shopify代码二次修改向大佬学习

      61.151.164.190 2022-01-04 15:43 回复
  4. 无畏
    Windows 10 Chrome 91.0.4472.164

    :qiang: 上班没事过来升级主题

    1.83.235.219 2021-07-26 16:06 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @无畏上班时间还是得工作为主呢

      210.22.161.114 2021-07-27 11:01 回复
  5. 追忆
    HUAWEI Chrome 74.0.3729.136

    膜拜大佬

    101.89.34.214 2020-11-01 14:09 回复
  6. Magic
    Windows 10 Chrome 86.0.4240.111

    牛啊，这么多人评论，

    183.3.227.122 2020-10-26 10:36 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @Magic四年了，这点人气都不值得拥有么

      101.89.32.18 2020-10-26 10:38 回复
  7. 泠汐
    Windows Server 2003 Chrome 62.0.3202.84

    请问首页的的图不显示怎么办

    58.251.121.18 2020-10-14 09:37 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @泠汐可能数据格式配置的不对，QQ联系我下

      101.80.55.172 2020-10-14 09:38 回复
      1. 廿八
        Windows 10 Chrome 92.0.4515.131

        @管理员棒棒

        119.123.63.192 2021-08-14 11:29 回复
  8. 梦一样的谎言
    HUAWEI Chrome 78.0.3904.108

    感谢分享

    101.89.34.239 2020-09-22 16:46 回复
  9. 哈士奇社区
    Windows 10 Chrome 84.0.4147.105

    不错不错

    101.89.238.191 2020-08-15 10:33 回复
  10. tiamo
    Windows 10 Chrome 84.0.4147.105

    主题不错

    101.89.34.55 2020-08-09 16:51 回复
  11. 后会有期
    Windows 10 Firefox 79.0

    写的太清楚了

    125.39.46.27 2020-08-07 10:31 回复
  12. 酸菜鱼
    Windows 10 Chrome 84.0.4147.89

    安装的wordpress5.4.2 导入主题，按照流程，各种报错，还有救吗

    123.150.78.47 2020-07-24 15:52 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @酸菜鱼各种报错？可以QQ联系我

      61.129.6.157 2020-07-24 15:53 回复
    2. 酸菜鱼
      Windows 10 Chrome 84.0.4147.89

      @酸菜鱼已解决，谢博主补刀之恩，把邮箱关了就ok

      218.68.91.198 2020-07-24 16:28 回复
  13. 翾漄樂馬
    HUAWEI Chrome 57.0.2987.108

    致敬开源，主题不错

    123.151.76.52 2020-04-13 09:17 回复
  14. 万花网
    Windows 7 搜狗浏览器 2.X

    这个主题真的是太棒了！

    61.129.6.157 2019-12-27 12:06 回复
    1. 管理员
      Mac OS X Chrome 79.0.3945.88

      @万花网你才是大佬哦

      61.129.6.157 2019-12-27 21:43 回复
  15. 大川渝
    Windows 10 Chrome 78.0.3904.108

    不好意思 前面打错字了。 我也好想使用你的主题，可是我下载不了。不知道为什么。

    59.36.120.166 2019-12-23 17:34 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @大川渝小窗口找我拿

      61.129.6.157 2019-12-25 09:26 回复
  16. 大川渝
    Windows 10 Chrome 78.0.3904.108

    我也想使用你的注意，但是一直下载不了。哎 好伤心@！

    59.36.120.215 2019-12-23 17:33 回复
  17. 过客
    Windows 10 Chrome 79.0.3945.79

    试了下主题。好像用了这个主题，文章编写时的字体加粗、颜色等功能会失效？区块编辑器还是经典编辑器下编辑都无效。出来的文章是素素的。没有加粗和颜色。

    58.251.121.28 2019-12-21 12:14 回复
    1. 管理员
      Mac OS X Chrome 79.0.3945.88

      @过客你得加行间样式或者自定义class才行

      61.151.163.73 2019-12-22 12:52 回复
  18. 志慧
    Android Chrome 71.0.3578.99

    不错，博客越来越难做了。能做到你这规模，牛！

    61.151.163.73 2019-12-10 22:03 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @志慧不要定太大的目标和压力，把写博客成为一种业余分享爱好和兴趣，十年如一日，自然就有些人气，你也可以。

      223.166.151.243 2019-12-11 11:17 回复
  19. 过客
    Windows 10 Chrome 78.0.3904.108

    博主，请问下logo右边的那两行字——“关注前端开发。Html5、Vue、Node、Flutter”在哪里修改呢？

    218.68.91.198 2019-12-09 21:29 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @过客header.php文件中

      218.68.91.198 2019-12-10 10:32 回复
  20. 贵族
    Windows 7 搜狗浏览器 2.X

    感谢老大提供的优质主题。是否可以共享一下“在线一览”的实现方法，包括CSS代码。谢谢。

    101.227.163.45 2019-09-20 13:13 回复
    1. 管理员
      Windows 10 Chrome 57.0.2987.98

      @贵族嗯哼，你使用我主题了吗？使用了话QQ联系我，我教你怎么使用

      61.129.6.157 2019-09-20 16:49 回复
  21. 半年
    Windows 10 Firefox 68.0

    Apache不能用嘛，悲剧啊，

    123.151.144.161 2019-08-26 17:11 回复
    1. 管理员
      Mac OS X Chrome 75.0.3770.142

      @半年我现在用的不就是，你说的是你的服务器已经装了一个环境是吧

      61.151.163.73 2019-08-26 23:45 回复
      1. 半年
        Windows 10 Chrome 63.0.3239.132

        @管理员是的哇

        123.151.144.161 2019-08-27 09:38 回复
      2. 半年
        Windows 10 Chrome 63.0.3239.132

        @管理员没说明白……我装的是Nginx2.2

        123.151.144.161 2019-08-27 09:39 回复
  22. 楚狂人
    Windows 10 Chrome 63.0.3239.132

    分享有理，非常棒的一款主题

    220.194.106.164 2019-06-29 18:43 回复
  23. Nuxtjs主题
    Mac OS X Chrome 75.0.3770.100

    大佬这流量可以啊，欢迎各位大佬尝试nuxtjs+wordpress的另一种结合

    116.128.128.27 2019-06-24 12:14 回复
    24. 暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏