
为wordpress添加相册模板
本月推荐
已经知道如何调用wordpress的原生相册,那要建立一个相册页面就很简单了。新建一个页面,点击添加图片——选择所有要上传图片——点旁边的图片库,选择“插入相册到日志”,再发布页面就OK了。
当然你也可以自己建立一个模板,自己设定css,以后新建页面,直接选择这个模板就可以了,这样是不是很简便?如果需要的话,那就往下看吧~
下面将是你要做的事情:
- 在你现在使用的主题文件夹内找到single.php文件,复制并更名为image.php。
- 用编辑器打开这个image.php文件,找到如下所示用来调用、显示日志的这一行代码,也许你的会有一点点不同,但只要是这个函数the_content即可。
- 在上述代码(the_content)之前插入如下代码:
- 在上述代码(the_content)之后插入如下代码:
- 在你的style.css文件中为它添加CSS样式:
1 | <?php the_content('Read More'); ?> |
1 2 3 4 5 6 | <p class="attachment"> <a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a> </p> <div class="caption"> <?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?> </div> |
1 2 3 4 5 | <div class="imgnav"> <div class="imgleft"><?php previous_image_link() ?></div> <div class="imgright"><?php next_image_link() ?></div> </div> <br clear="all" /> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | /****************Image Gallery *********************/ .gallery {text-align:center;} .gallery img {padding:2px; height:100px; width:100px;} .gallery a:hover {background-color:#ffffff;} .attachment {text-align:center;} .attachment img { padding:2px; border:1px solid #999999;} .attachment a:hover {background-color:#FFFFFF;} .imgnav {text-align:center;} .imgleft {float:left;} .imgleft a:hover {background-color:#FFFFFF;} .imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;} .imgright {float:right;} .imgright a:hover {background-color:#FFFFFF;} .imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;} |
▲使用说明:
- 以上CSS样式适合于WordPress默认主题,如果你想让它更适合你的主题,那么请适当地修改它。
- 使用方法:⑴新建一个相册页面,模板选择image.php。⑵上传你的图片后找到相册相应设置,并插入到你想要显示的地方即可发布。
PS:图片来自JAY
转自:城市@后
我们能更强,是因为我们站在前人的肩膀上。前人载树,后人乘凉。开始或许只是几颗树苗,以后就是一片森林。今日乘凉,明日或许你我就可以替后人栽树。——好文转载留念
延伸阅读:
- wordpress 分类插件——Category Icons 选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~ ...
- Creating Two-Tiered Conditional Navigation in Wordpress Here is...
- 不使用插件给分类添加图片 曾在wordpress...
- 如何高亮你的评论背景色 前几天整理评论模板这块,网上胡搜了一通,有了点小心得。...
- wordpress 各种图片相册插件 自从在JAY那闲逛后,就对如何轻松展示图片产生了浓厚的兴趣,毕竟比起文字,图片往往更能直接抓住某人的眼球~布鲁现在都是先上传到Yupoo,再贴图到文中,图片一多,感觉……快疯了~~ ...
See more on 互联网技巧























.
以前向加一个,后来只是选择了FLICKR的扩展,也是不错的
[回复]
学习了,这里很丰富、生动、活泼而可爱。
[回复]
[回复]
@HE Yi: 汗,你这么夸奖博主会骄傲的
[回复]
最主要的还是图片边框啊什么CSS部分,呵呵
[回复]
wp真是越来越丰富了。
[回复]
@anliu: FLICKR也蛮多人用的~
~
漂亮~
偶脸皮厚~
@HE Yi:
@leo:
@睡到自然醒blog:
@新西兰房地产: 厄,能到新西兰买房子也不错~
[回复]
非常不错,有空试试
[回复]
@汽车图片:
你那图片很全啊~~
[回复]
Интернет сайт продает новые Китайские удочки, эхолоты и спортивные товары различного наименования со склада в Москве по реальным ценам. Магазин дает гарантию на покупаемое походное снаряжение.
[回复]
做图片相册 流量会吃紧的…
[回复]
这个设置不全面撒,现在主题有部分自带有image.php模板
[回复]
很好的文章,我要试试,因为我大部分是图片和壁纸
目前用NextGen Gallery,小毛病不断
[回复]
@Yacca
也没那么夸张,平均每天千IP也就30G左右流量一个月
[回复]
@kupisportcom: Если у меня времени, я пойду и с нетерпением ~ ~
30G~~
@Yacca: 嗯,我只是介绍方法~
@shamas: 也许吧,我觉得调用原生的其实也就够了~~
@汽车图片: 厄,网上评价那个插件是最强的~PS:
[回复]
博客搞的很不错啊,加油!
[回复]
Покупка статей, заказ переводов, перевод текстов, услуги уопирайтеров, написание сео-статей, у нас можно продать веб-контент
[回复]
Это звучит очень приятные ~!
ЗАО «СТАМП» — разработка, производство и эксплуатация решений в сфере автоматизации:
- уличные платежные терминалы
- платежные терминалы для помещений
[回复]
Хорошо ~ ~