Tony An Elegant WordPress Theme Based on Vue.js

  • By Tony L. He
  • Last update: Dec 20, 2022
  • Comments: 11

Tony

An Elegant WordPress Theme Based on Vue.js

forks stars license


This project is not actively maintained


ScreenShot


Thumbnail_index


Requirements

  • WordPress 4.4+
  • WP REST API
  • Custom Permalink Structure (e.g. /%post_id%)

Installation

git clone [email protected]:HelipengTony/tony.git
  • WordPress Dashboard「Themes」 -> Upload -> Active
  • WordPress Themes folder -> New Folder -> Upload All Files
  • Community QQ group : 454846972

Features

  • Optimized for mobile
  • Based on Vue.js 2.6
  • Comprehensive custom settings
  • Optimized commenting system
  • Beautiful and elegant design
  • Infinite Loading
  • Post quick-view
  • Post embedding
  • Multiple post list styles
  • Multiple page templates
  • Back-to-top button
  • Better searching experience
  • Automatic post index
  • Automatic Dark Mode
  • Reading progress bar
  • Markdown auto rendering
  • Built using Webpack & Scss
  • Archive page
  • Support Gutenberg editor
  • Sticky posts
  • And more…

Changelogs and Releases

https://github.com/HelipengTony/tony/releases


Dashboard Options

Descriptions are attached below each option
Feature: Automatic Update Checking (v2.0+)

Thumbnail


Sponsor me

Your name will be on the list Sponsors


Create an issue whenever you encountered any problem, pull requests are always welcomed.


Contribution

Source codes can be found in src directory.

Rebuild JavaScript files using webpack after modification:

npm install -g webpack webpack-cli
webpack

Rebuild SCSS files using sass after modification:

gem install sass
sass src/css/style.scss:dist/css/style.css

Github

https://github.com/HelipengTony/tony

Comments(11)

  • 1

    集成markdown插件wp editor.md等

    一用上Vue麻烦就多了,其实前台用Vue到目前为止还不是一个明智的选择(后台用一下还是很爽的)。之前我提了一个关于支持mathjax、katex的数学公式建议 #70 ,其实......可以集成插件wp editor.md之类的,我简单看了一下wp editor.md的代码,它的内部实际上是在访问时将md转换为html,那么可以通过简单地捣鼓一下代码就能集成wp editor.md,而且这个插件自带数学公式,岂不是多舒服,而且这个插件还支持一些其他的功能:如代码风格切换、emoj等,还带了一个好用的编辑器,否则在默认编辑器里写md那是什么感受。可能我的思路有点问题,也请原谅

  • 2

    Load time on mobile

    Hey, I've just installed this theme for my site. But i don't know why mobile page is taking too long to load. Is there something missing or is it because of my hosting provider? My site: Quang Thắng

  • 3

    关于主题部分页面功能实现的求助

    功能描述

    1/您的“伙伴”页面中的友链是如何设置的?

    2/您的文章内页(https://www.ouorz.com/533)中的《Pokers | 全面高效的教育类沟通协作平台》文章链接是怎么实现的?

    3/首页文章列表页左上(研究学习 | TONY)这个部分是如何设置实现的?

    4/“终于去了趟 ChinaJoy 2019,BTOC 每个展位都看了一遍,但停的最久的还是 Ubisoft”这种状态的文章类型是如何实现的?我找了很久,都没有找到文章类型这个选项。

    上述几个问题,摸索了很久,找不到操作方法,谢谢。

  • 4

    主题文章“上一篇”与“下一篇”按钮的链接错误

    描述错误情况 A clear and concise description of what the bug is. 在使用主题时,由于我的网站经过两次域名迁移,不知为何原因导致“上一篇”与“下一篇”按钮的链接域名仍然使用旧域名 场景图片 If applicable, add screenshots to help explain your problem. pic1 版本号 In the theme style.css, the first couple of lines of codes tell you the version you are at. V4.382 Release Additional context Add any other context about the problem here. nothing

  • 5

    请问是否不支持markdown的代码块语法

    您好,今天刚下载了您的主题来使用,非常的好看,很喜欢! 但是美中不足的是,因为我以前的博文是使用markdown编写的,在迁移过来的过程中,发现 markdown 里的``` 代码块语法无法正常显示。 想请问是否不支持该语法,还是说仅仅是我使用上的问题呢?

    输入内容: image

    展示结果: image

    期待回复,希望作者可以在2020年继续更新 :)

  • 6

    pc端分类标签不能滑动

    chrome_IUPkc7vsM4 描述错误情况 A clear and concise description of what the bug is.

    场景图片 If applicable, add screenshots to help explain your problem.

    版本号 In the theme style.css, the first couple of lines of codes tell you the version you are at.

    Additional context Add any other context about the problem here.

  • 7

    首页全文速览在后台设置评论关闭的情况下依然展示

    描述错误情况 A clear and concise description of what the bug is. 首页全文速览在后台设置评论关闭的情况下依然展示 场景图片 If applicable, add screenshots to help explain your problem. image

    版本号 In the theme style.css, the first couple of lines of codes tell you the version you are at. 4.36 Additional context Add any other context about the problem here. 提交后,评论请求返回为『评论已关闭』,所以实际上就是已经关闭评论了的,所以就没必要展示了。 目前我是在主题编辑器里直接注释掉了评论的展示,但是依然希望有更合理的条件判断

  • 8

    首页无限滚动无法加载,主题设置页大量报错

    描述错误情况

    Warning: Undefined array key "action" in /www/wwwroot/blog.666baby.com/wp-content/themes/tony-4.382/inc/setting.php on line 221
    Warning: Undefined array key "action" in /www/wwwroot/blog.666baby.com/wp-content/themes/tony-4.382/inc/setting.php on line 232
    Warning: Undefined array key "update" in /www/wwwroot/blog.666baby.com/wp-content/themes/tony-4.382/inc/setting.php on line 249
    Warning: Undefined array key "reset" in /www/wwwroot/blog.666baby.com/wp-content/themes/tony-4.382/inc/setting.php on line 250
    

    场景图片 image image

    版本号 https://blog.666baby.com/info.php WordPress 5.8.1 libmysql - mysqlnd 8.0.10

  • 9

    希望添加短代码支持

    功能描述 Talk about the details of the feature you request here. 添加短代码支持,实现通知栏,TODO List,折叠小部件,时间线,进度条等小功能 附加内容 Add any other context or screenshots about the feature request here. 无

  • 10

    自定义主题时 「额外的CSS」功能无效

    描述错误情况 A clear and concise description of what the bug is. 当我需要对主题进行自定义时,写入 css 后并不能进行相应更改。 例如,我想要自定义各个按钮的颜色, 使用以下语句后并不生效。 .btn-primary {background-color: #77333b!important; border-color: #77333b!important;} 场景图片 If applicable, add screenshots to help explain your problem. Screenshot 2020-04-02 at 14 28 46

    版本号 In the theme style.css, the first couple of lines of codes tell you the version you are at. v4.82 Additional context Add any other context about the problem here.

  • 11

    Most important——SEO

    Most important——SEO

    Most important——SEO

    Most important——SEO

    重要的事情说三遍

    Vue对SEO那是真不友好,特别是跟不上时代潮流的国内搜索引擎,根本不理js,人家Google就做得很好,so,优化SEO。

    1. 首先是爬虫爬不到内容,这是最重要的。
    2. 还有就是速度慢了点,唔,好多js请求,staticfile好像有点慢。

    希望作者把这个的优先级放到最高,毕竟再好看,人家爬虫看不到呀,呵呵呵~~~滑稽~~~