现在的位置:首页>wordpress>正文

WordPress上传的图片居中显示和链接到媒体

2017年05月13日 ⁄ 共 1347字 评论 1 条

默认的情况下,我们在wordpress中写文章时,上传的图片是居左显示的,很明显,这个不符合我们的阅读习惯,当然,也有的主题,需要进行相应的设置,才能让图片居中显示.这时我们可通过修改一些设置来进行修改,这里福利老幺主要来说一下,上传的图片居中显示和链接到媒体,当然,也可以设置图片的默认尺寸.

通过我们今天的方法进行设置后,以后发布文章上传图片时,我们就不再需要去进行手动修改了.

默认的情况下,我们是在图片上修改的,如图:

WordPress上传的图片居中显示和链接到媒体

WordPress上传的图片居中显示和链接到媒体

另外,有些朋友也有可能会遇到过图片没有弹窗效果的情况,这主要就是因为图片没有链接到媒体的原因,比如我们设置插入图片的尺寸默认为完整尺寸,链接到媒体文件本身,并居中显示,那么我们只需要将下面的代码添加到主题的 functions.php 文件最后一个?>的前面即可:

  1. //图片居中显示 from www.fuli121.com
  2. add_action( 'after_setup_theme', 'default_attachment_display_settings' );
  3. function default_attachment_display_settings() {
  4.     update_option( 'image_default_align', 'center' ); //居中显示
  5.     update_option( 'image_default_link_type', ' file ' ); //连接到媒体文件本身
  6. }

说明一下,上面的代码中有三个选项,它们各自的参数如下,你可以根据自己的需要进行默认设置:

image_default_align,图片的对齐方式

left:左对齐

right:右对齐

center:居中对齐

none:无

默认为none,实际上是居左显示的.

image_default_link_type,图片的链接到

file:媒体文件本身

post:附件页面,也就是图片所在文章地址

custom:自定义URL

none:无

image_default_size,图片的尺寸

thumbnail:缩略图尺寸

medium:中等尺寸

full:完整尺寸

福利老幺修改后,显示的效果,用文本的方式查看,内容如下:

  1. <a href="https://www.fuli121.com/wp-content/uploads/2017/05/tpjzxswp1.jpg"><img class="aligncenter wp-image-32737 size-full" src="https://www.fuli121.com/wp-content/uploads/2017/05/tpjzxswp1.jpg" alt="WordPress上传的图片居中显示和链接到媒体" width="278" height="166" /></a>

 

 

小结

图片居中显示,如果您获得的上传代码就已经是居中的,那么就是主题需要调整了.

评论 1 条 评论内容很精采,有内幕,而且绝对有干货

  1. Koolight 2017年06月12日 08:10  @回复  Δ-49楼 回复

    这个功能好不,一直在找,试试看可以用不!

给我留言