wordpress怎么添加相册
一般来说大家会用类似NextGen Gallery这样一些插件来实现这种效果。
其实除了使用第三方插件,还可以用WordPress自带的功能来达到同样的效果。
不过在此之前大家要对WordPress和HTML/CSS有很好的了解哦。
相册最终效果在开始之前,让我们先确定一下最终的效果:用户点击相册页面时,页面以网格状展示不同的封面以表示不同月份的相册。
我们每个月会创建一个相册,当月所有照片都会包含在其中。
如果用户点击相册封面,就会看到一个相册的专属页面,在那里你可以写一点背景信息,同时把这个相册里的所有照片都列出来。
如果用户点击单张照片,就可以去到每张照片各自的页面,在那里他们可以看到每张照片的标题,拍摄者的信息和相关链接。
如果整个网站就是用来展示相册,那么大家可以使用默认格式的post。
但要是你还有个博客,那么这时就需要用自定义的post类型了。
让我们来创建一个相册吧首先你要创建一个网站专属插件(甚至是一个项目专属插件)。
如果你要用自定义的post,那你应该生成一个代码,再把它粘贴到网站专门的插件中去。
为了制造网格效果,接下来你需要在WordPress中设定一下附加图像的尺寸。
例如:设完图像尺寸之后,我们还要给媒体上传目录添加字段。
这样你就可以在上传每个图像的时候加上摄影者的名字和他们的URL了。
一旦做完这一步,我们就可以继续添加相册了。
把所有你想要加到相册里的图上传上去。
然后再附上一张不同的照片封面,把它设为主图像。
大家可以在post的内容栏里写上背景信息。
既然大家已经在后台加好了几个相册,我们就可以加上代码让它运行了。
假设你的自定义post类型叫做albums,那么你就会新建一个叫做archive-albums.php.的模板文件夹。
粘贴上你想要的程序头和尾,侧边栏和其他设计元素,然后新建一个post loop。
在那个PL中,我们将会列出同个post中的所有附件,但不包括超链接到单个页面的缩略图。
我们也会分别加上主post缩略图(即相册封面),再把它超链接到单个的post页面上去(即相册页面)。
我们打算用列表的办法来制作网格图像。
这段程序是这样的:对于主要的CSS风格,大家真正要考虑的问题是相册网格分类这样我们就可以把每张图片都放在网格中合适的位置,以达到我们想要的风格了。
接下来大家需要新建一个单个附件的模板。
这将会是今后用户看到的页面,以便他们就可以看到每一个图像。
用户会在这里看到图像的标题,摄影者的名字和他们的链接。
大家可以随意调整自己喜欢的单个模板。
现在还有最后一件事要做,还是假设你的自定义post类型叫做album,你需要新建一个single-albums.php文件,把所有程序头、尾,工具栏或者其他你想要的设计元素都复制一下。
在loop元素里做一些和存档相册模板里基本同样的处理。
不过在添加主图像和附件之前,你还需要加上相册标题和描述。
这一步通过添加代码就可以完成了,像这样:好了!大功告成!
wordpress这样的相册功能如何创建?
1、创建所需的文件 在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的主题名为“OptionPage”,那么functions.php文件的路径为:\wp-content\themes\OptionPage\functions.phph。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页 首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
// 设置选项页 function themeoptions_admin_menu() {// 在控制面板的侧边栏添加设置选项页链接 add_theme_page("主题设置", "主题选项", 'edit_themes', basename(__FILE__), 'themeoptions_page'); } function themeoptions_page() {// 设置选项页面的主要功能 } add_action('admin_menu', 'themeoptions_admin_menu');?> themeoptions_admin_menu() 是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:页面标题:主题设置 菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名) 作用功能:edit_themes;Handle(句柄):当前文件;执行的函数:themeoptions_page;现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段 现在我们就可以在刚创建的空白页面上添加我们的选项和字段。
这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page() 函数内。
首先,我们先添加一个 class="wrap" 的 div 容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
function themeoptions_page() {// here's the main function that will generate our options page?> 主题设置 } 在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。
然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。
现在的效果为:现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:首先,我们要允许主题使用者可以更改颜色方案。
对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。
这一点,我们通过添加复选框来实现。
代码如下:function themeoptions_page() {// 这是产生主题选项页面的主要功能?> 主题设置 主题配色方案 >灰色 >浅蓝 >粉红 图片广告位(1) "/> 广告图片 "/> 广告链接 图片广告位(2) "/> 广告图片 "/> 广告链接 /> 显示搜索框 } 到这里选项页面的内容就已经基本构建完毕了。
4、数据库更新 到目前为止,我们已经创建了一个主题选项页面,下一步要做的就是如何将数据透过POST提交的wordpress数据库。
要做到这一点,需要创建一个新的功能函数themeoptions_update(),这个函数将会被themeoptions_page()调用,所以将下面的代码添加到themeoptions_page()函数的最上面。
if ( $_POST['update_themeoptions'] == 'true' ) { themeoptions_update(); } 下一步是增加一个更新函数。
function themeoptions_update() { // 数据更新验证 update_option('mytheme_colour', $_POST['colour']); update_option('mytheme_ad1image', $_POST['ad1image']); update_option('mytheme_ad1url', $_POST['ad1url']); update_option('mytheme_ad2image', $_POST['ad2image']); update_option('mytheme_ad2url', $_POST['ad2url']); if ($_POST['display_search']=='on') { $display = 'checked'; } else { $display = ''; } update_option('mytheme_display_search', $display); }5、调用选项定制主题5.1 更改配色方案 我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。
为了切换配色方案样式表,需要在主题 header 中加入以下代码:/default.css" type="text/css">/.css" type="text/css">5.2 增加广告位图片 在你想要放置广告的地方添加以下代码:">" height="125" width="125" />">" height="125" width="125" />5.3 是否显示搜索框 在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示: 搜索框 "> " /> 6、总结 本文翻译自NET TUTS+文章《How to Integrate an Options Page into your WordPress Theme》,版权归原文作者所有。
为了更容易地学习添加主题选项页的过程,我省略了原文中部分内容,有兴趣的话可以参考原文。
翻译水平有限,...
如何在wordpress文章页里面添加排列整齐的相册功能
这个其实可以直接使用WordPress默认的媒体库功能,然后创建相册即可,只是这个需要你所使用的WordPress主题前端CSS的一个美化,你看看截图,是不是这样的效果呢!
MSN 个人空间搬到wordpress后照片都没了,只留了少量几张博文里...
这个问题上周困扰我来着,现在我找到照片了。
你到www.live.com上,登陆你的账号,就会发现所有的照片都在photo目录下。
你要是还需要上传,就传到这里。
或者下载保存,手动转移到其他地方。
至于其他的评论什么的,在空间搬家时候微软已经说了,就是会丢失的。
之所以会产生上述问题,是因为wordpress只是博客,没有给照片留空间。
以后要想发布照片,只能在文章中间插入。
很不方便!微软由于它的商业目的,不想做空间了,就都丢给wordpress,可是wordpress在国内需要***,所以我们很不爽!我已经决定把空间搬到qq了。
wordpress和蝉知系统哪个好,怎么样?
看你的需要和预算和能力了,wordpress原生代码里有很多地方调用谷歌api和font,如果你动手能力不强修改起来很费劲,插件当然可以解决谷歌字体问题,但是不能保证每个主题和插件都适用。
如果你会php并且动手没问题,那必须wordpress,强大丰富的插件和主题随便挑随便选,而国产的缺点可能就是插件和主题不够丰富,优点是适合国内用。
转载请注明出处51数据库 » wordpress 原生相册
忘事儿的菲芸