wordpress 获取 图片说明(wordpress图片存储)

随着互联网的快速发展,网站已经成为了企业和个人展示形象、传递信息的重要平台。而图片作为网站中不可或缺的元素,往往能起到画龙点睛的作用。如何获取适合自己网站的图片呢?今天,就让我们来聊聊WordPress获取图片说明的那些事儿。

一、什么是图片说明?

图片说明,顾名思义,就是对图片内容进行简要描述的文字。在WordPress中,图片说明通常出现在图片下方,帮助读者更好地理解图片内容。

二、WordPress获取图片说明的几种方法

1. 直接编辑图片

WordPress编辑器提供了直接编辑图片的功能,用户可以在编辑状态下添加图片说明。具体操作如下:

(1)在WordPress后台,选择要编辑的文章或页面。

(2)点击“编辑”按钮,进入编辑页面。

(3)将光标放在图片上方,点击“插入图片”按钮。

(4)选择图片后,在图片下方会出现“添加图片说明”文本框,输入相应的文字即可。

2. 使用短代码

WordPress中提供了一些短代码,可以帮助用户快速添加图片说明。以下是一个常见的短代码示例:

“`html

[img src=”

使用WordPress添加产品链接显示不出来的原因及解决方法

使用WordPress添加产品链接显示不出来的原因及解决方法

在使用WordPress搭建电子商务网站时,添加产品链接后无法显示是一个常见的问题。以下将详细探讨可能导致这一问题的原因,并提供相应的解决方法。

一、产品链接未正确设置

原因:用户在添加产品链接时,可能会忽略一些基础步骤,导致链接没有正确添加。解决方法:检查在WordPress后台添加的链接是否准确无误。确保每个产品的链接地址都正确无误,且没有遗漏。可以尝试重新编辑产品页面,检查产品链接的URL,确保其正确指向了对应的产品或分类页面。

二、插件冲突问题

原因:WordPress中的插件可能相互冲突,特别是WooCommerce插件与其他插件冲突时,可能导致产品链接无法正确加载。解决方法:逐一禁用最近安装或更新的插件,查看问题是否得到解决。启用“调试模式”获取更多错误信息,定位冲突插件。确认问题插件后,尝试更新或联系开发者解决。

三、主题兼容性问题

原因:WordPress主题可能与WooCommerce等插件不兼容,导致产品链接无法正常显示。解决方法:切换到默认的WordPress主题(如TwentyTwenty-One)测试问题是否解决。若问题消失,说明原主题存在兼容性问题。联系主题开发者寻求更新或修复,或更换兼容主题。四、网址重定向问题

原因:WordPress中的URL重定向设置错误,可能导致产品链接无法正确显示。解决方法:检查WordPress后台的“设置”>“常规”中的站点URL和WordPress地址URL,确保正确。使用重定向插件(如Redirection)查看并管理URL重定向规则,确保无错误设置。五、缓存问题

原因:缓存插件或CDN服务可能导致网站内容未能即时更新,影响产品链接显示。解决方法:清除缓存插件的缓存,或在CDN服务的控制面板中刷新缓存。确保缓存清除后,重新访问产品链接查看问题是否解决。六、服务器问题

原因:服务器性能不稳定或设置不当,可能导致产品链接无法正常加载或显示。解决方法:检查服务器性能,查看CPU、内存和硬盘使用情况。考虑升级服务器或优化服务器设置。确保服务器PHP版本与WordPress版本兼容。七、URL格式设置问题

原因:WordPress的永久链接设置不当,可能导致产品链接无法正常显示。解决方法:前往WordPress后台的“设置”>“固定链接”中,检查URL结构设置。推荐使用“/%postname%/”作为永久链接格式。若使用自定义结构,确保符合WordPress规范。八、图片和多媒体文件的引用问题

原因:图片或多媒体文件路径设置错误,或未正确上传到服务器,可能导致产品链接显示问题。解决方法:检查图片和多媒体文件是否成功上传到WordPress媒体库,且文件路径正确。重新上传产品图片,确保正确显示。若使用CDN服务,确保CDN缓存中无错误文件路径。九、权限问题

原因:用户权限设置不正确,可能导致无法添加或修改产品链接。解决方法:检查WordPress的用户角色和权限设置,确保拥有足够的权限编辑和发布产品链接。使用插件(如UserRoleEditor)管理权限。十、清理数据库

原因:WordPress数据库中积累的无用数据可能影响网站性能和链接显示。解决方法:定期清理WordPress数据库,使用数据库优化插件(如WP-Optimize)清理冗余数据,优化数据库性能。通过以上分析和解决方法,可以快速定位并解决WordPress中添加产品链接显示不出来的问题。确保产品链接正常显示,提升网站整体性能和用户体验,助力在线业务获得更好的发展。

如何自定义wordpress文章的固定链接

WordPress是一款开源网站建设程序,因其强大的功能和可扩展性而大受欢迎。关于WordPress扩展,主要是其插件众多,可以使用不同功能插件来扩展网站需求。WordPress所有固有的内容类型非常有限,毕竟其开始是以博客系统为基础的。对于像企业站需要的产品类型,电影站需要的国家属性等,显示不便。现在推荐一款自定义内容类型/字段分类法插件–Pods可以扩展你所需要的内容类型。

pods是一款用在 WordPress上的自定义内容类型的插件,但是 pods拥有的功能却完全不限于此。pods能够扩展现有的内容类型,比如为用户资料(user)增加一个“电话”字段。此外,它还有权限管理功能,类似于“members”插件。此外,还有高级自定义内容类型,改变“标题”这个字段名称。再此外,它还有内容关系的功能。

这篇文章我们除了介绍 pods的使用方法以外,还会介绍内容类型的列表页,内容页的制作,pods字段的前台模板调用,增加内容类型到菜单等等。

扩展已有

WordPress默认有三大内容类型:文章(posts)、页面(page)、媒体(attachment),可能“用户(user)”也算一个内容类型,因为“用户”也可以扩展。默认的分类法有:分类目录(category)、标签(tag)。默认的内容类型和分类法在项目中字段经常不够用。

扩展文章字段

1、安装好 pods后,点击“pods管理-添加”,点击“扩展已有”、选择“内容类型(文章、页面,等等)”,下方选择“文章”,点击“下一步”。

2、点击“添加字段”,比如添加一个“文章来源”的文本类型的字段,这里有几个选框。

代表的含义为:

标签:显示在发布时候的名称,可以为中文。

名称:内部使用,存在数据库里的名称,可用于模板调用,只能为字母、数字、下划线,不能以数字开头。

描述:发布时对字段的简要说明,选填。

字段类型:字段的类型,如,文本框、文本区域、文件等等。

选项:该字段是否为必填。

3、点击“添加字段”,完成添加,点击“Save Pod”保存添加。

这个时候去发布文章看看,在下方就多了个文章来源字段了。快点去用同样的方法可以为页面、媒体、用户、评论添加自定义字段吧。

创建新的

创建新的内容类型

进入到 pods的添加界面,选择“创建新的”,接下来选择“自定义内容类型”。

标签填写内容类型名称,可以为中文,比如填写个“电影”,点击下面的“高级”,在 pod name填写内容类型的机读名称,点击“下一步”,完成一个自定义内容类型的创建,你可以在左边栏找到“电影”这个内容类型。

为自定义内容类型添加字段。新创建的自定义内容类型,默认拥有“文章”这个内容类型的所有字段,比如标题、内容、日期等等,我们是在这些基础上添加新的需要的字段,比如现在添加一些字段:海报、地区、时长、年份等等。再去发布“电影”,你会发现下方多了刚刚添加的这些字段。

创建好自定义内容类型后,你会发现还有很多标签页:“管理字段”、标签、管理界面、高级选项。

标签:在后台显示的标签,根据需要修改。

管理界面:管理内容类型在后台的显示,尝试把菜单位置改为更大的值试试看。

高级选项:对自定义内容类型的设置,请把“拥有归档”勾上。

创建自定义分类法

打开 pods的添加界面,选择“创建新的”,接下来选择“自定义分类法”。

标签填写分类法名称,可以中文,比如填写“电影类型”,点击下面的“高级”,在 pod name填写分类法的机读名称,点击“下一步”,完成一个自定义分类法的创建。

创建完成以后,有几个标签页,主要关注以下几个:

高级选项中,“层级”,表示该分类法是否有层级关系,打上勾相当于“分类目录”分类法,不打钩相当于“标签”分类法,我建议打上勾。“相关内容类型”,为这个分类法应用到哪一个内容类型,比如我这里,勾上了“电影”。我在发布电影的时候,在右边栏就可以有电影类型选择了。

其他字段:这是为自定义分类法添加字段,这个按照需要开启,比如你想为电影类型中的科幻片分类添加一个略缩图字段等等。

创建自定义设置页面—制作主题选项

有没有觉得做主题的时候,为主题添加选项比较麻烦,pods有个超简单的方法,使用自定义设置页面轻松搞定。

打开 pods的添加界面,选择“创建新的”,接下来选择“自定义设置页面”,标签填写页面名称,可以使用中文,比如填写“主题选项”,菜单位置由自己选:在设置菜单、外观菜单下,新菜单,我这里选择添加到外观菜单。点击下面的“高级”,在 pod name填写自定义设置页面的机读名称,点击“下一步”,这样就完成了一个自定义页面的创建。

创建完成以后,可以去添加一些字段,比如我添加了:网站 logo、网站标题、网站关键字、网站描述、统计代码、网站备案号字段,要注意字段类型。

接下来保存后看看你的左边栏对应的菜单位置吧。

好了,pods的基础功能就这么一些,这些功能网上很多插件都能实现,其实更重要的内容,还在于他的组件,pods的组件给 pods扩充了非常多的功能,这才是 pods真正的强大之处。

pods组件

高级自定义内容类型

进入“pods管理-组件”,启用“Advance Content Type”。

这个时候,到 pods的添加页面,多了一项“高级内容类型”,选择它,这里我重新建立一个电影内容类型。点击“下一步”完成创建。

创建完成之后,会发现默认有了一些字段,这就是 WordPress默认的字段,你可以修改或者删除它。

编辑好字段以后,再去看看其他标签页。下面主要介绍重要的设置:

“管理界面”的“管理界面样式”,可以自己写个 WordPress管理后台页面。

“高级选项”的“标题字段”,如果修改了标题字段,或者想要改变标题字段,请在这里选择。

高级内容关系

进入“pods管理-组件”,启用“Advance Relationships”,这个时候在添加内容关系字段以后,你可以看到多了几行,这些高级的内容关系,可以创建更加复杂的内容关系。

权限与角色管理

进入“pods管理-组件”,启用“Roles and Capabilities”,如果你用过 members插件,你会发现这功能和 members功能很相似,一样的强大。可以对所有的权限分角色的管理,可以添加、编辑、删除用户角色。

更多组件

pods管理后台还有其他实用的组件,更多的组件功能,不一一介绍,看组件名字大概能清楚他的功能。pods官方有提供其他组件,一些是单独的插件,一些是配合 pods工作的组件。

前端调用

模板命名

我发现,虽然很多人都会用自定义内容类型,但是内容类型的列表页不好做,即使做好,又该怎么放到菜单上显示出来,比如将“电影”列表页放在菜单中,自定义内容类型绑定了一个自定义分类法,又该怎么去显示分类法中某个分类下的文章,比如“科幻片”这个电影分类。

模板命名规则:

自定义内容类型模板命名规则:archive-{post_type_name}.php如 archive-movies.php

自定义分类法模板命名规则:taxonomy-{taxonomy_name}.php如 taxonomy-movie_type.php

自定义内容类型内容页模板命名规则:single-{post_type_name}.php如 single-movies.php

将内容类型加入到菜单,需要安装一个插件“Custom Post Type's Archive in WP Nav Menu”,安装好之后,没有任何设置界面,进入到“外观-菜单”,你可以发现菜单编辑区域的左边有了一个custom post type archives,现在内容类型就在这里了,如果你发现内容类型不在这,那就请到 pods的内容类型管理界面的高级选项中确认你的“拥有存档”这个选项已经打上勾了。

注:可能由于缓存问题,如果发现添加了内容类型到菜单后,前台点击内容类型的菜单出现404页面,请到“设置-固定链接”,点击一下保存即可。

数据调用

后台配置好,其实最主要的,还是要能够显示出来才是最重要的,pods的显示方法有三种:

短代码方式显示,短代码请参考 pods短代码文档,配合 pods官方提供的 magic tags。

利用 pods的“page”和“template”组件,这两个组件可在 pods组件中开启,请参考文章。

利用模板函数,即将重点介绍。

这里只介绍模板函数方式调用 pods数据,因为这才是做主题开发时能使用的东西。

输出函数

Pods显示数据函数

pods_field_display($pod,$post->ID,'$field)

关于该函数的文档,请查看 pods官方文档。

function pods_field_display($pod,$id= false,$name= null,$single= false)

参数数据类型备注

$pod(string) Pod name,即为 pods机读名称

$id(mixed)(选填)某篇文章ID或slug,以查询该篇文章数据

$name(string|array)字段名称,或者关联数组的参数

$single(boolean)(选填)是否以数组的形式返回

图像字段输出函数

pods_field_display()不会真正的显示出一张图片,而是显示出图片的 URL,pods特地为图片显示定义了一个函数:

pods_image($image,$size='thumbnail',$default= 0,$attributes='',$force= false)

关于该函数文档,请查看官方文档。

function pods_image($image,$size='thumbnail',$default= 0,$attributes='',$force= false)

参数数据类型备注

$image(array|int|string)图片字段的数组,或ID,或guid

$size(string|array)图片大小样式

$default(int)如果图片不存在,则显示该图片$default

$attributes(string|array)图片属性(内部通过 wp_get_attachment_image获取)

$force(boolean)强制规定大小

图片有单张图片和多张图片,如不清楚单张与多张,请到 pods添加字段查看。如果字段是多张图片,那么会返回一个数组,所以,输出图像字段的代码为:

单张图片字段示例代码:

<?php

echo pods_image( get_post_meta($post->ID,$image_field_name, true),’original’);

?>

多张图片字段:

<?php

$images=get_post_meta($post->ID,’images’);

foreach($images as$image)

{

echo pods_image($image,’original’);

}

?>

输出字段注意事项:

yes/no字段:后台勾选“是”输出 1,不勾选输出空值。

Code字段:可执行 php脚本代码,输出 php代码执行结果。

Website字段:本人无法输出该字段内容,请勿使用。

因为 pods自定义字段也属于 WordPress内部自定义字段,所以依然可以使用 WordPress的 get_post_meta()输出,但是也并不是所有字段都能输出,经过测试,可直接使用 get_post_meta()函数输出的字段有:

Phone

Email

Password

Pptext

Date time

Pnumber

Currency

Color

对于其他字段,请使用 pods_field_display();

模板代码段示例

在主循环中

代码示例:

<?php if(have_posts()):while(have_posts()): the_post();?>

<h1>

<a href=””>

<?php the_title();?>

</a>

</h1>

<!–标题–>

<div>

<div>

<span>年份:</span>

<?php echo pods_field_display('movie',$post->ID,'time');//显示(年份)time字段?>

</div>

<div>

<span>区域:</span>

<?php echo pods_field_display('movie',$post->ID,'zone');//显示(区域)zone字段?>

</div>

<div>

<span>时长:</span>

<?php echo pods_field_display('movie',$post->ID,'how_long');//显示(时长)how_long字段?>

<span>分钟</span>

</div>

<div>

<span>海报:</span>

<?php echo pods_image( get_post_meta($post->ID,'poster', true),'original');//显示海报字段?>

</div>

</div>

<!–显示自定义字段–>

<div>

<?php the_excerpt();?>

</div>

<!–内容摘要–>

<?php endwhile;endif;?>

万能循环示例代码

<?php query_posts('showposts=5&post_type=movie');while(have_posts()): the_post();?>

<h1>

<a href=””>

<?php the_title();?>

</a>

</h1>

<!–标题–>

<div>

<div>

<span>年份:</span>

<?php echo pods_field_display('movie',$post->ID,'time');//显示(年份)time字段?>

</div>

<div>

<span>区域:</span>

<?php echo pods_field_display('movie',$post->ID,'zone');//显示(区域)zone字段?>

</div>

<div>

<span>时长:</span>

<?php echo pods_field_display('movie',$post->ID,'how_long');//显示(时长)how_long字段?>

<span>分钟</span>

</div>

<div>

<span>海报:</span>

<?php echo pods_image( get_post_meta($post->ID,'poster', true),'original');//显示海报字段?>

</div>

</div>

<!–显示自定义字段–>

<div>

<?php the_excerpt();?>

</div>

<!–内容摘要–>

<?php endwhile;wp_reset_query();?>

自定义设置页面(调用主题选项数据)

请注意$id参数为 pods-settings-{slug_name},比如我的 pods name为 theme_option,那么$id的实参应该为'pods-settings-theme_option'。

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_logo');?>

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_title');?>

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_keyword');?>

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_description');?>

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_tongji');?>

<?php echo pods_field_display('theme_option','pods-settings-theme_option','site_beian');?>

怎样搭建一个自有域名的 WordPress 博客

新建一个博客文件

购买域名(Domain Name)

注册一个主机空间(Web Host)

域名解析(DNSPod)

安装WordPress安装WordPress主题

设置固定链接安装插件

图片存储

添加网站图标

完成这几个步骤之后,博客基本上就可以正常使用了,当然后面还要做一些优化,这方面这里不予讨论,下面针对每一项操作做具体的介绍。

新建一个博客文件

在搭建博客的过程中,我们需要创建一个文件,用来存储博客的相关信息。这些信息包括域名的信息,主机空间服务器ip,FTP登录名和密码,空间面板登录信息等等,只要是与该博客有关的信息,全部存在这个文件内,方便以后查看。

购买域名

域名当然要去最有名的去他爹网站(goDaddy)购买了,作为全球最大的域名注册商,且支持支付宝付款,是我们购买域名的不二选择。

域名后缀推荐买一级域名“.com”,虽然“.com”域名比其他的贵些,但是goDaddy会定期做优惠活动,Google上搜索“goDaddy优惠券”会出现很多相关链接,我的域名就是在做活动的时候买的,只花了1美元。如果选中了喜欢的域名,而暂时没有活动时,不妨加入购物车后等几天,相信你会收到打折邮件的。另外购买特价域名时只能用信用卡,所以一张双币信用卡也是必不可少的。

注册一个主机空间

主机空间是存放博客程序的地方,以地理位置划分为内地空间、香港空间和国外空间,内地空间的优点是访问速度快,缺点是需要备案;香港空间访问速度介于内地和国外之间;国外空间访问速度较慢,无需备案。空间的选择看个人情况了,空间大小的话新手几百M足够用了,等以后写的内容多了不够用了再考虑更换。

域名解析

在goDaddy购买了域名后,goDaddy会帮我们解析这个域名,但是goDaddy解析的域名有时会遭到屏蔽,而且解析的速度也不快,因此一般使用DNSPod来进行解析。使用DNSPod有以下三步:

(1)在DNSPod添加记录,注册后添加域名。

(2)修改域名DNS地址为DNSPod的,登录goDaddy网站,点击“My Account”,点击“Domain”右侧的“Launch”,进入域名管理页面,在“NameServers”一栏点击“Set NameServers”,在弹出的对话框中前两个Name Server处分别填写DNSPod的域名服务“F1G1NS1.DNSPOD.NET”、“F1G1NS2.DNSPOD.NET”。

(3)将域名指向主机服务器的ip,即在DNSPod中添加“A记录”,注意要添加带“www”的和不带“www”两个记录。

添加完后见下图:

域名解析完后就可以访问了,此时我们在地址栏输入域名后可以看到主机空间上的信息,接下来的事情就是安装WordPress了。

注:相关网站建设技巧阅读请移步到建站教程频道。

安装WordPress

不同的主机空间有不同的虚拟主机控制系统,安装的过程也不尽相同,但是步骤都是差不多的,我购买的主机空间使用的是cPanel面板,下面就针对cPanel安装wordpress做个简略的介绍。

(1)登录cPanel面板,找到“数据库”-“MySQL数据库”,创建一个数据库,然后创建用户,将用户添加进数据库,勾选“所有权限”,点击“更改”完成。

(2)上传WordPress,从WordPress网站下载最新的WordPress中文版,回到cPanel首页,点击“文件”-“文件管理器”,选择“Web Root”后点击“Go”,选择“上传”,选择刚才下载的压缩包上传。上传完后回到根目录选择压缩包,点击“解压缩”,解压缩完成后在根目录多了一个wordpress的目录,进入这个目录,点击“全选”,然后点击“移动文件”,去掉目录中的wordpress,将文件移动到根目录下。

(3)设置Wordpress基本信息,在浏览器访问你的域名,跟着提示点按钮,直到出现输入数据库信息的页面,输入之前创建的数据库信息,至此Wordpress就安装完成了。

安装WordPress主题

wordpress安装完成后,需要给博客安装一个主题,也就是我们的页面模板,进入wordpress的管理页面,选择“外观”-“主题”,点击“安装主题”选择主题安装,也可以上传下载其他主题,最好的免费官方主题可以在这里看到:Free Theme。

设置固定链接

固定链接是指文章的url显示,默认是问号和数字,修改成自定义结构“/%postname%/”可以更好的让搜索引擎找到你的文章。

安装插件

为了更好的使用WordPress,一些好的插件是必不可少的,下面罗列出个人使用中的一些插件。

Akismet

Akismet插件可以帮助清除大量的垃圾留言和评论,保持博客的清洁,使用该插件需要用到API key,可以向主机提供商索要。

WP Super Cache

优秀的缓存插件,可以将博客静态化,一方面能够提高SEO排名,另一方面可以提高博客的访问速度,缓解服务器压力。

Google xml Sitemaps

很好的SEO插件,让搜索引擎更好的收录你的站点。

Dynamic To Top

点击回到顶部,文章比较长时很实用,可以自定义显示效果。

WordPress Related Posts

此插件在每篇文章下显示相关文章或随机文章,有利于博客的SEO。

WP-PageNavi

很不错的分页插件,加速快速浏览博客的文章。

Smart Archives

文章存档导航插件,装好插件后,新建一个页面,在页面的内容区输入“【smart_archives】”(括号修改为英文的中括号),保存,然后新建一个菜单,添加该页面,一个不错的文章存档菜单就完成了。

图片存储

新手搭建的博客,一般主机空间容量不大,如果文章中图片较多的话,图片存储就成了问题。寻找一个稳定易用的图床,方便图片的使用和存储,是应该重点关注的事情。这里推荐一个优秀的国外免费图床:photobucket。

photobucket在国外非常有名,相当稳定,国内访问速度也很不错。免费支持图片外链,提供500M的图片空间,每月10G的图片访问流量,对个人博客图片存储来说这些功能就足够了。此外还有一个十分重量级的特性,就是上传的图片不会改变图片名称,正是由于这个特性让我选择了photobucket。

为什么这个特性如此重要呢?

举个例子说明一下,假设我上传了一张图片,该图片的名称是wp.jpg,图片的外链地址是,同时我在DropBox和本地也备份了一份该图片,目录结构跟相册中的一致。如果photobucket访问不了的话,博客中的图片就无法显示了,此时我只需要上传图片到新的服务器,然后去数据库批量修改图片的链接为新的服务器的图片存放地址,就可以恢复所有图片的显示了。

添加网站图标

网站图标是显示在URL最前面的小图标,可以进行自定义,获取图标最简单的办法是到网站Favicon.cc下载,或者亲自做一个,网站图标建议使用.ico文件格式。

下载图标后,上传至主机的根目录public_html下,然后进入WordPress后台管理页面,选择“外观”-“编辑”,打开“head.php”,添加下面的代码(确保图标名称为favicon.ico):

<linkrel=”shortcut icon” href=”favicon.ico”>

保存后刷新页面就可以看到图标了。

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享