`
welefen
  • 浏览: 1850 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

开源仿google plus的wordpress主题

阅读更多
google plus出来后,界面很是简洁,并且使用了ajax+pushState等技术,所以就仿照它做了个wordpress主题分享给大家。



有如下一些特性:

1、完全基于html5+css3的实现,使用了header, footer, section, article, nav, aside等html5标签,使用圆角,阴影、动画等css3特性
2、使用ajax+pushstate技术进行无刷新浏览,并且可以改变页面的URL。
3、使用localstorage技术对数据进行本地存储,即使下次打开页面访问也是直接读取缓存。
4、使用manifest技术可以将静态资源在本地缓存,这样之后的访问可以直接读取本地缓存文件,完全不用发送http请求到web server。
5、文章列表页面支持键盘事件,可以通过J键查看上一条,通过K键查看下一条,并且自适应到对应的位置。
6、使用了支持PHP语法的HTML压缩技术,对HTML进行了压缩。
7、对主题里的js和css进行了压缩,包含style.css文件。

代码已经开源,放在了github上。

源代码地址: https://github.com/welefen/gplus

效果地址: http://www.welefen.com/

主题下载地址: http://www.welefen.com/wp-content/themes/gplus.zip

文档地址: http://www.welefen.com/google-plus-for-wordpress-theme.html

第一次制作wordpress主题,估计有很多问题,欢迎大家多提一些意见。




分享到:
评论

相关推荐

    开源WordPress博客主题二次元风-LoliMeow主题

    WordPress二次元风博客主题/LoliMeow(洛丽喵)是盒子萌的一款主题。 主题特点: 1、侧栏/无侧栏切换! 2、会员中心(配套Erphpdown插件使用),可以做到收费下载/查看/会员中心/在线充值积分等等都齐全! 3、pjax...

    仿简书Wordpress主题

    【仿简书WordPress主题】是一种针对WordPress平台设计的网站主题,旨在模仿国内知名写作社区“简书”的界面风格和用户体验。这款主题由Pete开发,它不仅在视觉上与简书相似,还试图在功能和易用性上接近原版应用,为...

    wordpress主题80款WordPress中英文主题

    因此,在选择或定制WordPress主题时,需要考虑以下几个关键因素: 1. **响应式设计**:随着移动设备使用的普及,确保主题能在各种屏幕尺寸上良好显示变得尤为重要。 2. **SEO友好性**:良好的SEO基础能够帮助网站更...

    wordpress主题modown主题V8.12开源版亲测可用,无限授权

    wordpress主题modown主题V8.12开源版亲测可用无线授权WordPress主题模板兔是一个独特的主题,它以可爱的兔子为主题,给人带来了一种轻松愉快的感觉。这个主题模板是由一群热爱WordPress的设计师和开发者共同开发的,...

    WordPress主题仿虾米的音乐模板

    **WordPress主题仿虾米音乐模板详解** WordPress是一个广泛使用的开源内容管理系统,以其强大的可扩展性和易用性闻名。本主题是专门为音乐爱好者和音乐平台设计的,灵感来源于虾米音乐,一个深受用户喜爱的在线音乐...

    无加密仿下载吧WordPress主题网站模板 全开源.zip

    【标题】"无加密仿下载吧WordPress主题网站模板 全开源.zip" 提供的是一款针对WordPress平台的网站模板,此模板设计灵感来源于“下载吧”类网站,旨在为用户提供一个功能齐全、易于操作的资源下载站点。关键词在于...

    WordPress开源免费博客笔记类主题–theme-Document

    theme-Document 是一款一个基于文档类型的博客主题,愈加便当的记载、查询学习笔记,专为做笔记而开发的wordpress主题。 作为一个程序员,在日常的工作、生活、学习的过程中根本都有很多需求做笔记的中央;做笔记的...

    模仿腾讯QQ应用平台的WORDPRESS主题

    【标题】:“模仿腾讯QQ应用平台的WordPress主题” 在WordPress世界中,主题是决定网站视觉样式和用户体验的关键因素。这个“模仿腾讯QQ应用平台的WordPress主题”旨在为用户带来与腾讯QQ应用平台相似的界面和交互...

    WordPress主题Modownv8.1.2主题无密源码

    首先,"Modown"主题是一个专为下载站点设计的WordPress主题,它通常包含了各种特性来支持文件上传、分类、搜索以及用户下载统计等功能。这个版本v8.1.2可能是对先前版本的升级,包含了性能优化、新功能添加或者错误...

    WordPress Google 样式主题

    其中,“WordPress Google 样式主题”是一款结合了Google设计风格的WordPress主题,旨在为用户提供简洁、现代且易用的网页布局,提升用户体验并优化搜索引擎排名。 一、主题设计理念 1. **Material Design融合**:...

    基于PHP和JavaScript的免费开源WordPress主题Smarty Hankin设计源码

    本资源提供了一套基于PHP和JavaScript的免费开源WordPress主题Smarty Hankin的设计源码,包含237个文件,其中包括123个PHP源代码文件,26个JavaScript脚本文件,以及23个PNG图片文件。此外,还包括20个CSS样式文件,...

    基于PHP的仿IPC简约WordPress主题源码.zip

    【标题】"基于PHP的仿IPC简约WordPress主题源码.zip" 涉及的主要知识点是PHP编程语言以及WordPress主题开发。WordPress是一个广泛使用的开源内容管理系统(CMS),它基于PHP语言构建,允许用户创建和管理网站,而...

    wordpress主题:高仿我爱搜罗网OrchidV1.0主题

    【WordPress主题:高仿我爱搜罗网OrchidV1.0】 WordPress是一个非常流行的开源内容管理系统(CMS),广泛用于构建各种类型的网站,包括博客、企业网站、电子商务平台等。OrchidV1.0是一款针对WordPress设计的主题,...

    WordPress主题:deStyle

    **WordPress主题:deStyle** WordPress是一个非常流行的开源内容管理系统,用于构建各种类型的网站,包括博客、企业网站和个人网站。deStyle是WordPress众多主题中的一个,它为用户提供了独特的设计和功能,以帮助...

    简洁开源导航主题酷啦鱼WordPress主题 v1.0.0

    【简洁开源导航主题酷啦鱼WordPress主题 v1.0.0】 酷啦鱼WordPress主题是一款专为导航网站设计的开源主题,由个人开发者基于WordPress这一全球知名的开源内容管理系统(CMS)和Codestar Framework构建。这款主题以...

    【wordpress主题】WP酱茄Free主题免费开源版

    【WordPress主题】WP酱茄Free主题免费开源版是一款由追格开发的专业WordPress博客与资讯网站使用的主题。这款主题设计简洁而优雅,旨在提供一个高效、易用且功能丰富的平台,帮助用户快速搭建个性化博客或资讯站点。...

    WordPress主题付费下载资源 Modown-V9.1

    【WordPress主题付费下载资源 Modown-V9.1】 在WordPress世界中,主题是构建网站外观和用户体验的关键元素。"Modown-V9.1"是一款专为WordPress设计的付费主题,旨在提供高级的功能和精致的界面设计,以满足用户对...

    导航wordpress主题WebStack Pro

    wordpress主题上传所在文件夹位置:wp-content/themes/ 安装wordpress程序,再安装主题,主题路径上面已经列出来,上传好主题后到后台使用即可。 功能非常多,小高测试无问题可正常使用,时间关系自行去研究吧。 ...

    wordpress主题

    在收到朋友分享的这个“wordpress黑糖主题”压缩包后,我们可以深入探讨一下与WordPress主题相关的一些关键知识点。 首先,让我们来看看压缩包中包含的文件: 1. **ajax-comment**:这可能是指用于实现无刷新评论...

    2022最新版:FRONT V1.1.10主题:多用途企业WordPress主题.rar

    【FRONT V1.1.10主题】是一款专为多用途企业设计的WordPress主题,其2022年更新的最新版本带来了更多的功能优化和用户体验改进。在深入探讨这个主题之前,首先需要理解WordPress的基础知识。WordPress是一个开源的...

Global site tag (gtag.js) - Google Analytics