分享WordPress主题模板:TangStyle

作者: 唐杰 分类: 一些分享 发布时间: 2012-12-04 21:30

移动互联网这么火,响应式设计这么热,向来喜欢尝鲜的我,况且身为移动互联网产品经理,怎么能落在后面,于是花了一周的业余时间写了一个WordPress主题。采用了极简设计风格,专为写博文设计,我为这个主题起名为:TangStyle

TangStyle最大的特色就是响应式设计,除了界面布局自适应各种终端设备,就连图标都是自适应的,在任何分辨率下都不会有锯齿。具体关于TangStyle的介绍可以查看主题页面里的详情。

主题完成后上线测试了几天,朋友提了一些反馈建议,逐渐完善了一下。经过这几天的测试没有发现问题,所以今天分享了出来,欢迎感兴趣的朋友下载。

主题地址:https://tangjie.me/tangstyle

TangStyle

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

144条评论
  • kindle之家

    2014年4月1日 14:24

    清爽、简洁的一款主题
    感谢分享

  • Ryan

    2014年3月23日 18:36

    建议将项目放到github与众人一起分享

  • 小乙

    2014年3月8日 22:50

    很喜欢你的风格,现在正在内网中测试,但发现几个问题,希望请教一下怎么改
    1、首页的摘要(使用了mroe)为什么不分段了呢?显得非常挤
    2、我已经在CSS中将段落前的两个字的缩进给去掉了,但手机上还是有,是不是需要改JS,可惜我不懂JS,所以希望作者能指点一二

    感谢原作者

    1. 唐杰

      2014年3月15日 13:54

      手机版也是CSS控制的

  • emtion2529

    2014年2月26日 11:11

    很喜欢你的主题,简洁干净。非常感谢分享,已经应用上了

  • andforce

    2014年2月23日 16:59

    wp更新到3.8.1中文版本之后,用楼主的主题,无法关闭博文屏蔽功能,希望能解决~~

    1. 唐杰

      2014年2月26日 15:07

      你是指“私密”文章吗?登录后也能看到的,你退出登录就看不到了。游客不可见。

  • Nick

    2014年2月14日 10:38

    唐经理元宵节快乐,想问问您的这个主题首页的左边的文章栏每一篇文章可以调用第一张图片显示在前面的吗?如果可以该如何设置,谢谢!

  • 2013年11月10日 20:06

    先谢谢你的主题,然后很喜欢你的css。问题是为什么我装的主题,一动没动,在手机上右上角不显示分类那个选框?

  • 余炜

    2013年11月4日 16:06

    很简洁的主题,谢谢博主!可以交换链接不?

  • 我想测试一下评论

    2013年10月16日 13:36

    响应式设计响应式设计响应式设计响应式设计

  • 我想测试一下评论

    2013年10月16日 13:36

    测试一下评论

  • iPhone手机

    2013年10月11日 23:54

    感谢分享您的主题。

  • duoluowang

    2013年10月11日 13:35

    很喜欢这个主题,感谢分享

  • FROYO

    2013年9月6日 10:42

    主题真棒,大爱,感谢分享

  • Catharina

    2013年8月28日 21:49

    首先感谢您分享您的主题,大气,简洁,大爱!可是为什么,启用了之后,右上角的“关注我”失效,在设置里更改了微博并选择了显示,还是没有显示呢?

    1. Catharina

      2013年8月28日 21:55

      这个不能同时使用中文分享这个插件,否则右上角的“关注我”会失效!

    2. 唐杰

      2013年8月30日 12:14

      可能是CSS命名冲突

  • 懒人梦醒

    2013年8月24日 20:03

    你好,今天看到你这个主题马上就用上了。适应性很好。在手机上显示也很不错。特地过来给你顶一下。页脚的链接也保留了哦。你这个主题又免费又好看。非常感谢!!!

  • 风诰

    2013年8月19日 21:07

    找不到好的主题,在你这终于算找到一个好的主题了。

  • blog

    2013年8月16日 12:15

    楼主的模板真的很好用,就是不能改logo有点让我很无赖

  • 熊月玲

    2013年8月15日 00:02

    你好!唐杰!谢谢你分享的模板,但是有一点点的小瑕疵,我认为自动调用文章标签作为文章页面的关键词,对于搜索引擎优化不是很友好,所以我想修改一下这方面的代码,请问代码在哪个文件里啊?我在文章页面文件里面没有找到。。。

  • ljy

    2013年8月8日 08:58

    关于书签,在哪里操作啊?

  • 时时彩评测网

    2013年8月1日 10:43

    网站不多美化一下啊 整体颜色太单一了

    1. 一个传说

      2013年8月7日 10:12

      这就是一个极简风格的主题

  • Jopem

    2013年7月15日 15:51

    博主你好,首先非常的感谢你能分享这么棒的主题给大家使用。我本人在使用你主题的过程中遇到了右侧分栏出现了两个搜索框,不知道是怎么回事,有无其他的朋友有相同的问题呢?

    1. null

      2013年7月15日 16:11

      后台里面把小工具都删掉

    2. 一个传说

      2013年8月6日 22:25

      把小工具里的搜索框删掉就好了

  • Moon

    2013年7月3日 20:36

    你好!您的主题非常好用,感谢~
    然后我在使用的时候,存在2个小问题:
    1.文章的标题过长时不换行。
    2.用WP-PostViews Plus插件的浏览数小工具显示的标题也不换行。
    自带的最近文章和最近评论等小工具是可以换行的。

  • wordpress主题下载

    2013年6月24日 13:55

    很喜欢这主题,自适应!!!

  • 测试

    2013年6月22日 15:31

    ces

  • westshell

    2013年6月17日 22:33

    您好,我刚接触wp,很喜欢您的主题,也已经安装上了,但是为什么我的首页要么只显示最新文章,要么就显示事例页面,而不会向您的站点这样显示所有文章呢?非常感谢!

    1. 唐杰

      2013年6月19日 17:45

      这是WordPress的功能,你自己定义首页是显示最新文章还是显示单页面。具体操作可以Google了解。

  • 大海

    2013年6月12日 18:33

    这个主题在移动设备上确实不错,但有个问题,就是你使用了字体来显示一些图标,而手机上能支持的字体很有限,也就造成部分地方显示错乱,看来您这产品经理做产品还不够认真啊,开玩笑,希望能修复一下。

    1. 唐杰

      2013年6月13日 10:34

      字体是放在主题里的,不受设备影响,除非你的服务器限制了读取字体格式

    2. 唐杰

      2013年6月13日 10:34

      有些浏览器也能设置禁止自定义字体,但是很少有这样的情况

  • 刹那

    2013年6月11日 15:25

    唐杰先生你好,之前我把你的主题移植到了emlog平台,但是可能是系统结果的原因,虽然看起来还不错,但是总是感觉有差距,所以我果断的换到了Wordpress。对于Emlog的主题制作我还是比较了解的,但是WP才接触,所以不够了解,在这里有点疑问来请教博主。

    问题一:最新文章,我的文章标题如果过长,会显示两行,而不是你那样只显示一行。

    问题二,我的日至列表页面不显示查看次数,文章内页同样不显示查看次数。

    还请唐先生给解答一下。WP的查看数是不是

    1. 邓送强

      2013年6月13日 10:08

      问题一:wordpress自带的近期文章没有设置标题长度的功能,如果你把小工具全部清空(就是不设置任何小工具),将会默认使用tangstyle的边栏小工具,将会和tang的一样。
      问题二:需要安装插件WP-PostViews Plus或者WP-PostViews。
      注意看http://tangjie.me/tangstyle特别提醒,tang写的很清楚了。

      提博主回答,不晓得是否正确?

    2. 唐杰

      2013年6月13日 10:32

      回答的很正确,感谢

  • 冰冰

    2013年5月10日 18:18

    非常喜欢这款明快的主题!感谢你的分享呀

  • 柠檬

    2013年4月29日 13:34

    首页的边栏显示两个搜索框,这个怎么解决呢,主题很漂亮,非常喜欢

    1. xiaochong

      2013年4月29日 17:47

      看下主题说明特别提醒的第四条。

  • pipi

    2013年4月24日 20:48

    感谢您分享的主题,这个评论头像是随机的么?

    1. 唐杰

      2013年4月25日 18:05

      头像是采用Garavtar的

  • garychen

    2013年4月15日 17:26

    貌似没看到添加友情链接的小工具…

    1. 唐杰

      2013年4月16日 08:31

      应该有的,3.5之后系统没有自带友情链接功能,需要安装插件。

  • Nicky

    2013年3月15日 12:46

    你好,这套主题很不错,我在我的博客上用的很好,但是就是我建的页面信息好像显示不出来啊,就像你这个站的“关于唐杰”这个界面一样

    1. 唐杰

      2013年4月16日 08:29

      需要设置导航,下载页面有介绍

  • yangliufr

    2013年3月11日 05:55

    非常感谢你分享的主题,我也找到了自己喜欢的主题。

  • liwill

    2013年3月7日 00:16

    你好你的主题很漂亮,配合使用那个WP-dTree 插件。首页(http://www.liwill.net/)右边栏可以显示树状结构。但是具体进入到特定页面(http://www.liwill.net/?p=1)就WP-dTree不起作用了。不会网站开发,麻烦解答下谢谢。

    1. liwill

      2013年3月9日 11:27

      在具体的页面的时候分类目录和随机文章 挤占了插件功能。这个是这个主题产生的吗?怎么关闭?thx

    2. liwill

      2013年3月9日 12:12

      解决了。竟然有页面工具选项。可以把我的提问删除了,再次感谢您的漂亮主题

  • 无知颜

    2013年3月4日 05:02

    嗯..不对,就是使用了那两个插件之后仍然不显示文章的浏览数..不知道是哪里的问题..

    1. 唐杰

      2013年3月4日 14:48

      你删除了吧???

  • 无知颜

    2013年3月4日 04:48

    博主,很喜欢你的主题,请问下显示文章的浏览量应该用哪个插件嗯?

  • ishangpc

    2013年3月2日 12:25

    我挺喜欢这个主题的,不过我看到怎么没有导航呢?

    1. 唐杰

      2013年3月4日 14:46

      http://tangjie.me/tangstyle
      查看这个页面里的介绍

  • 周易abc

    2013年3月2日 03:53

    稍加修改,可以作为小说站的主题。

  • ccc

    2013年2月13日 20:35

    感谢楼主的主题,很喜欢这个主题!顺带我能移植到Typecho上吗?

    1. 唐杰

      2013年2月13日 20:45

      可以

  • 网赚猫

    2013年1月16日 15:42

    用这个模板,百度收录首页都会现在收录数量2,但不收录内页,我2个站都是这样,看了下其他人的也是

    1. 网赚猫

      2013年1月16日 15:42

      百度收录首页都会显示收录数量2

    2. 唐杰

      2013年1月16日 15:49

      我测了几个网站,没这样的情况

    3. zuozi

      2013年2月2日 07:58

      感觉是有这样的问题,影响搜索引擎收录的质量。详见我的文章:http://www.jinbo123.com/3101.html

    4. 唐杰

      2013年2月2日 14:07

      我也不知道原因,我的网站有继续收录的更新啊。按理说,模板更新就是页面结构大的变动了,可能搜索引擎会有一段观察期。

  • 译名网

    2013年1月14日 14:12

    你好,请问你是怎么做到识别手机端的呢?我看了下资料,除了css外,还需要哪些更改呢?

    1. 唐杰

      2013年1月14日 15:00

      只是通过CSS来控制的

  • 无名

    2013年1月14日 12:01

    我想问下,如果博文里面有超过2张图片连续的话图片上下就无法对齐该怎么解决?

  • 懒人博客

    2013年1月11日 21:20

    请问如何取消点击文章列表后出现的“页面载入中…”啊?我用手机访问的时候返回之后标题就变成了页面载入中,很不习惯~~~~

  • zeroten

    2013年1月7日 20:15

    你好,请问怎么把首页文章改成全文输出而不是输出一个节选?

    1. 唐杰

      2013年1月7日 20:47

      查看这篇文章的评论列表里“vikii”的评论,有提过和你一样的问题,我回复了。

  • wollon

    2013年1月7日 16:33

    安装的时候碰到一个问题,当内容过多的时候,分页出现了错误。好像大概四千多篇文章,然后分页就出问题了,导致下面的分页和右侧都没有显示出来。

    1. wollon

      2013年1月7日 16:36

      当文章在一千以内时分页正常。

    2. 唐杰

      2013年1月7日 20:48

      贴出网站链接,我看看什么问题

    3. wollon

      2013年1月8日 10:39

      网站是http://www.jiujiuya.com。只有首页的分页出错了,所以我把首页分页去掉了,然后显示正常了。如果加上分页代码后,查看源代码会发现只到,后面就没有了。所以感觉应该是分页的问题。

    4. 唐杰

      2013年1月8日 10:43

      是不是你功能改动,哪个不兼容了,很多人使用时首页列表分页没有问题啊

    5. wollon

      2013年1月9日 09:45

      应该不是功能改动导致的,当我把总的内容弄到一千篇以下后,首页分页就正常了。感觉应该是数据量过多时,计算分页需要时间过多,程序没有执行完导致的。

    6. wollon

      2013年1月9日 10:00

      还有就是我直接用没有改动过的主题,也是有这个问题的。

  • helloworld

    2013年1月6日 19:12

    你是怎么做到判断手机访问的?在哪里做判断的

    1. 唐杰

      2013年1月6日 20:36

      用CSS来判断,主要是通过屏幕的分辨率。

  • facetoface

    2013年1月6日 14:52

    请问下您这主题首页怎么生成略缩图?

    1. 唐杰

      2013年1月6日 17:09

      给文章设置特色图像

  • 皇家元林

    2013年1月2日 18:50

    不错的风格,支持一个!

  • Tina

    2012年12月31日 18:30

    冒昧的问句哈~侧边栏的热门文章和随机文章如何添加?

  • atfa

    2012年12月29日 23:02

    请教一下,您的主题的functions.php文件中有下面的内容:

    add_theme_support( ‘post-thumbnails’ );
    set_post_thumbnail_size( 200, 150 );

    我发现给文章制定特色图像时,有些图片会生成100×100的特色图像,有些却似乎用了原尺寸的大图。反正都没有看到200×150的小图。

    我想请问这个尺寸的特色图像是在运行时临时生成的?或者是必须在“设置->媒体”里面事先设置好然后所有图片都生成这个规格的缩略图备用?再或者其他模式?

    麻烦您介绍一下,可以么?谢谢。

  • zeroten

    2012年12月29日 00:53

    如何让小工具“文本”添加的文字或代码调用没有外面那层匡,以获得更多的宽度,像其他小工具一样。如果我表述不太清楚的话,博主可以看下我的博客http://www.itoldme.net ,谢谢

  • 蓝莓绿茶

    2012年12月28日 17:41

    好模版!我也在用!手机访问真的很舒服

    1. 蓝莓绿茶

      2012年12月28日 17:42

      如果能加入评论那个ajax效果就好了

  • atfa

    2012年12月27日 09:11

    谢谢tangjie大作。谢谢。

    请问主页的标题为何一直是域名而不是网站标题呢?谢谢。

    1. 唐杰

      2012年12月27日 11:44

      外观 -> 主题 -> TangStyle设置

      写上网站标题

    2. atfa

      2012年12月29日 23:03

      感谢,搞定了,小问题,点击完“发表评论”按钮就后悔了。

    3. 唐杰

      2012年12月31日 10:52

  • W3Cshare

    2012年12月25日 17:28

    不知道,方不方便加个链接,我已加好了

  • W3Cshare

    2012年12月25日 16:04

    主题相当不错

  • Andrew

    2012年12月20日 14:22

    是否可以把每次升级修改的文件列出了?
    因为用力主题后修改了一些文件

    1. 唐杰

      2012年12月20日 20:24

      好的,1.0.5之后应该不会有更新了,基本都完善了,如果再有更新,我会列出修改了哪些文件。

  • zeroten

    2012年12月18日 23:27

    很清爽的主题,刚刚换上。之前试了不少主题,觉得有个问题,就是一个不错的主题,如果用的人太多,访问别人的博客,看到和自己一样,多了就审美疲劳了,我就是因这个换掉上个主题。所以建议添加更多可自定义样式的地方

    1. 唐杰

      2012年12月18日 23:31

      之前只是考虑自己用,所以尽量做的简单了一些,没有太多复杂的设置。

  • Unvs博客

    2012年12月17日 23:19

    您好,正在使用博主风格测试中。发现头部导航不知如何调取?创建了一个新菜单,但是前台不显示!

    1. 唐杰

      2012年12月19日 19:49

      菜单创建后,需要绑定,在左侧上方有一个“主题位置”选中你创建的菜单,然后保存

    2. 周易abc

      2013年3月2日 03:49

      勒个是wordpress主题设置方面的知识,跟本主题没啥关联,但楼主依然耐心回答,真是令人佩服啊!!

    3. Unvs博客

      2013年5月25日 01:34

      感谢回复,对WP主题相关设置当时还不太熟!O(∩_∩)O~

  • 园本猫猫

    2012年12月15日 23:18

    很喜欢你的主题,够简约,而且在不同的设备上的效果都很好!支持一下!非常感谢你的分享~

    1. 唐杰

      2012年12月15日 23:25

      握手

    2. Jerry

      2012年12月20日 17:15

      很赞的。。

  • jiechic

    2012年12月15日 23:10

    站点很不错,不知道您有没有研究过pjax技术呢?这个和响应式主题混在一起不知道效果怎么样。

    1. 唐杰

      2012年12月15日 23:12

      是ajax吧?
      没怎么研究

  • 贼头

    2012年12月12日 19:53

    真心赞这个皮肤,谢谢作者免费分享。

    还有我想问下,现在WP3.5出来了,据说升级这个版本之后插件和皮肤问题多多,请问作者会根据WP3.5更新皮肤吗?

    1. 唐杰

      2012年12月12日 20:09

      会,我今晚就升级3.5

    2. 唐杰

      2012年12月12日 23:45

      已升级3.5,测试没有问题。

  • JavasBoy

    2012年12月11日 11:29

    灰常喜欢,终于舍得把之前用了两年多的主题换下来了。问题:进放每个分类后只能显示4篇文章,可不可以在下面添加一下连接到第二页。

    1. 唐杰

      2012年12月11日 13:57

      分类列表支持分页啊,我的博客就分页了啊

  • 吴建交

    2012年12月11日 10:18

    非常清爽的主题,手机浏览体验也非常好,感谢!

  • LaoLi

    2012年12月10日 16:14

    非常不错,简约,支持。

  • 林晨

    2012年12月9日 22:36

    很不错的主题,支持一下,现在博客更新少了,所以也不再折腾主题了

  • gougou

    2012年12月9日 18:26

    你好。感谢共享这个主题,刚建了小站,在用这个。 请问下,写文章时,我在合适的地方加了“more”标签,但是好像这个不管用? 是不是主题采用了其他方式在首页输出文章的前面部分内容? 怎么让文章在我自己增加的“-more-”标签处做简要输出呢?感谢

    1. 唐杰

      2012年12月9日 19:03

      打开模板里的index.php文件,把里面的< ?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 330,”…”); ?>替换成< ?php the_content(__('(more...)')); ?>

    2. gougou

      2012年12月10日 10:09

      你好。按照提示修改了,现在有新的问题请教一下: 改了后,首页摘要后新一行是“更多…”, 再一行还有个“【阅读全文】”,都是指向完整版文章的。能否只保留一个? 我想要的效果: 把摘要后的新一行改为“阅读全文”, 之前的那个“阅读全文”就去掉了(相当于往上提了一行)。给您添麻烦了:)

    3. 唐杰

      2012年12月10日 10:12

      删除index.php里面的<span>[<a href=”<?php the_permalink() ?>” title=”详细阅读 <?php the_title(); ?>” rel=”bookmark”>阅读全文</a>]</span>

    4. 唐杰

      2012年12月9日 19:03

      注意<和?之间没有空格,评论里自带空格了

  • Guest

    2012年12月7日 18:56

    额,博主,求加个友情链接啊。
    有个问题:css自定义的字体显示乱码(我是english版),该如何解决?前端实在不通,百谷了下没找着解决方案,抱歉~

    1. 唐杰

      2012年12月7日 20:03

      images文件夹里的ttf是字体库,图标封装在里面,所以才实现了不同分辨率都不会有锯齿,你不能删除啊。
      .woff、.eot、.svg、.ttf 是为了不同设备和浏览器的兼容,一个都不能少。

    2. Guest

      2012年12月7日 20:10

      没删呢
      http://ww3.sinaimg.cn/large/a74ecc4cjw1dzlf658btzj.jpg

    3. 唐杰

      2012年12月7日 20:19

      你再下载V1.0.2覆盖试试。

    4. 唐杰

      2012年12月8日 10:36

      你查询一下服务器的目录权限,/wp-content/themes/tangstyle/images/tang.ttf

      这本应该是可以访问并下载的,但是你的网站显示404错误,找不到这个文件。

    5. 唐杰

      2012年12月8日 10:36

      其他文件也是如此

  • vikii

    2012年12月7日 18:18

    很喜欢这个主题,很简约,而且难得的是浏览器全部兼容还支持自适应,但是,我想请问博主如何做到首页全文显示?谢谢。

    1. Guest

      2012年12月7日 18:54

      把模板index.php 中的post_content)), 0, 330,”…”,’utf-8′); ?>改成 post_content?>
      试试看

    2. 唐杰

      2012年12月7日 20:25

      打开模板里的index.php文件,把里面的< ?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 330,”…”); ?>替换成< ?php the_content(); ?>

    3. vikii

      2012年12月8日 16:00

      替换了这个,发现首页 的内容全部除了标题,全部变为 这些代码的显示了。

    4. 唐杰

      2012年12月8日 19:59

      之前写错了<和?之间不能有空格,评论里会自动加上空格,你复制之后,把中间的空格去掉

    5. cybershi

      2012年12月11日 03:51

      我按这个改了,但是首页成空白了。把备份的index.php还原回去还是空白。

  • ferry

    2012年12月6日 17:49

    年轻有为啊~~~主题赞一个~!

  • Guest

    2012年12月6日 15:38

    只有首页的边栏显示两个搜索框,其他页面正常。
    还有个问题,【关注我】的钮不支持chrome,却支持IE9。
    ———————————-
    依旧感谢博主分享这么好的主题。

    1. 唐杰

      2012年12月6日 16:01

      我就是chrome浏览器,正常啊

    2. 唐杰

      2012年12月6日 16:07

      首页显示两个是因为你设置侧栏时增加了搜索框,其实不用增加,搜索框一直有。
      内页正常是因为我将侧栏区分开来管理了,分别有:首页、列表、内容,分别三个侧栏

    3. Guest

      2012年12月6日 16:32

      非常感谢。
      拍查了下,【关注我】钮是因为我这网络环境对google的js有问题。
      两个搜索框我也搞定了~很喜欢你的主题·

    4. 唐杰

      2012年12月6日 16:44

      唉,国内对Google越来越…

  • Guest

    2012年12月6日 15:27

    非常感谢你的主题!
    侧边栏有点小问题,两个搜索框都显示。
    http://ww2.sinaimg.cn/large/a74ecc4cjw1dzk1dirfxkj.jpg

    1. 唐杰

      2012年12月6日 16:05

      特别提醒的第4条已经说明了,搜索框不在控制范围之内,所以一直显示,你增加侧栏时不用增加搜索框。

      搜索框不在侧栏控制是为了兼容手机版

  • yilian1989

    2012年12月6日 09:25

    你的主题挺不错的哈~ 是我喜欢的那种简约不简单! 请教一下,我想自己也建个..不知道需要些什么,从哪学上手快?

    1. 唐杰

      2012年12月6日 09:40

      你是要自己建一个网站还是制作一个模板?

      如果是网站,你只要学会使用这个建站系统;
      如果是模板,你就需要学会这个建站系统并且要了解这个系统的模板机制、模板标签,如果有复杂的功能还要学函数、代码。

  • Vince

    2012年12月5日 17:13

    感谢分享您的主题。

    1. 唐杰

      2012年12月6日 09:46

      不客气,有机会多多交流分享。