分享一个 Wordpress 主题： AM0200

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3571 天前的主题，其中的信息可能已经有所发展或是发生改变。

预览地址：

http://am0200.com/

github:

https://github.com/LoeiFy/AM0200

主题说明：

原本用于自己收集一些设计还有网站之类的，也可以当作个人 gallery

测试浏览器：

ie(windows phone 8.1), chrome(android, ios, pc, mac), firefox(mac), safari

存在问题：

某些 android chrome 上有点卡

注意地方：

1.发文章时候添加图片只需要上传图片既可，不需要插入图片到文章。
2.请填写完整文章背景颜色还有字体颜色。

License：

MIT

am0200

Chrome

Mac

24 条回复 • 2015-02-21 17:55:08 +08:00

oojiayu

2015-02-12 21:36:15 +08:00

非常漂亮给楼主赞一个！

Mihuwa

2015-02-12 21:37:58 +08:00

效果很炫。

kdsex

2015-02-12 21:39:39 +08:00

很不错期待楼主更好的作品以及高端收费产品

kavi

2015-02-12 21:56:33 +08:00

wow ~~ 赞！

f0rger

2015-02-12 22:07:27 +08:00

不错，明年用来做我的简历模板

0x1e240

2015-02-12 22:22:46 +08:00 via Android

手机最讨厌这种了

1dian01

2015-02-12 22:52:29 +08:00

赞一个

coraline

2015-02-12 22:55:09 +08:00

@oojiayu
@Mihuwa
@kdsex
@kavi
@f0rger
感谢喜欢

@0x1e240 android上确实有些问题，或许我也应该改变一下页面模式，欢迎你的意见建议

CRight

2015-02-13 00:56:22 +08:00 via iPad

不错啊，展示作品也不错。

kimcool

2015-02-13 12:10:59 +08:00

我见过一个左右滑动的。

Emi

2015-02-13 17:08:02 +08:00 via iPhone

关注中

thonatos

2015-02-13 18:09:31 +08:00

https://github.com/alvarotrigo/fullPage.js

Dk2014

2015-02-13 20:11:08 +08:00

图片顺序是最后一个在前，那么该怎么删除呢

coraline

2015-02-13 20:33:45 +08:00

@thonatos
这插件不错，但我用的是 hammer 还有 animate-enhanced

@Dk2014
我不是很明白你的意思，我不怎么了解 Wordpress 图片附件是怎么排序的，应该是按文件名，怎么调整你要自己看一下。另外删除图片就直接在上传界面删除对应图片就可以了

Dk2014

2015-02-13 23:21:48 +08:00 via Android

@coraline 除了标题和开始的介绍。就没有其他地方能放文字了吗。我看写博文那里直接没了，只能添加图片。图片的顺序应该是按添加的时间来的，后添加的在前面。本来还想用七牛渣浪的外链图片，看来是不行。

coraline

2015-02-14 09:55:23 +08:00

@Dk2014
文字这个确实不能再添加，只能是标题还有 excerpt 。这个图片外链的之前没有考虑到，我迟点会弄一个版本，可以直接添加图片链接或者上传图片的。

thonatos

2015-02-14 10:04:49 +08:00

@coraline

fullpage.js兼容性比较好，可以自定义开启硬件加速选项（根据浏览器支持。）

<?php
$args = array(
'order' => 'ASC',
'post_type' => 'attachment',
'post_parent' => $post->ID,
'post_mime_type' => 'image',
'post_status' => null,
'numberposts' => -1,
);
$attachments = get_posts($args);
if ($attachments) {
foreach ($attachments as $attachment) {

echo wp_get_attachment_link($attachment->ID, 'thumbnail', true, true);
}

}
?>

coraline

2015-02-14 10:30:03 +08:00

@thonatos
之前有看过 fullpage ，但是我需要的效果：1. 自动加载后面文章 2. 使用 pushState 方式改变 url 。改造这个插件不如直接按自己方式来做。还有 animate-enhanced 作用就是使用 css3 动画

Dk2014

2015-02-14 15:06:08 +08:00

@coraline 用安卓客户端可以看到图片了，不看不知道，自己加了8,9张图片，不过都是3张重复的，访问只显示三张。只留下新浪图床的地址，然后测试可以访问。

用的是屌图床插入的http://inn-studio.com/sinapicv2/

希望能加一个插图图片排序和预览。

Dk2014

2015-02-14 15:33:53 +08:00

@coraline 看来还是不行，右键审查元素看了下。还是本地的图片

thonatos

2015-02-14 16:54:04 +08:00

@coraline

1.自动加载就是要实现传说中的瀑布流的实现方式呗，ajax追加呗，然后重新计算下元素高度即可。
2.css3动画，大多自己写...没怎么用过插件...

（！射鸡师上次用Google WebDesigner生成的动画...给我以后不得不又重写了一遍~ T.T）

coraline

2015-02-14 17:02:41 +08:00

@Dk2014
是的，图片是读取本地上传的图片附件，你说的插件我没有了解过，如果你想配合使用的话你就要自己改下代码了。你说的上传图片的高级功能我短时间内是做不出来的，毕竟我偏向的是前端

Dk2014

2015-02-14 19:42:38 +08:00

@coraline 嗯，还是直接用本地图片算了，也不大。

terax

2015-02-21 17:55:08 +08:00

很好看的主题！！