默认情况下，通过WordPress自身的媒体上传功能插入到文章的图片，都会默认添加了高度和宽度属性： 1 <img title="使用 Chrome Workspace 进行网站调试 | 的自留地 cmhello.com" alt="使用 Chrome Workspace 进行网站调试" src="/wp-content/imgs/1118/0019-cmhello_com.png" width="550" height="307" /> <img title="使用 Chrome Workspace 进行网站调试 | 的自留地 cmhello.com" alt="使用 Chrome Workspace 进行网站调试" src="/wp-content/imgs/1118/0019-cmhello_com.png" width="550" height="307" /> 如果出于某些原因，你想去掉这个高度和宽度属性，可以将下面的代码添加到主题的 functions.php 文件即可： 1 2 3 4 5 6 7 add_filter( ‘post_thumbnail_html’, ‘remove_width_attribute’, 10 ); add_filter( ‘image_send_to_editor’, ‘remove_width_attribute’, 10 ); […]
宽度
WordPress 限制上传图片的最小宽度和高度
作为一个开放注册的WordPress站点，为了保证文章的质量，你可能需要限制其他用户上传图片的最小宽度和高度。实现的方法也很简单，将下面的代码添加到当前主题的 functions.php 即可： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 /** * WordPress 限制上传图片的最小宽度和高度 * https://www.wpdaxue.com/wordpress-minimum-require-for-image-size.html */ add_action( ‘admin_init’, ‘block_authors_from_uploading_small_images’ ); function […]
WordPress 主题教程 #11：宽度和布局
宽度和布局是从零开始创建 WordPress 主题系列教程的第十一篇，这篇将介绍如何设置每个 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。 在我们开始之前，打开 Xampp Control，主题文件夹，Firefox 浏览器，IE 浏览器，index.php和style.css这两个文件。 第1步：设置页面总体宽度 现在我们首先要确定的是主题的总体宽度。我们使用 750px；主题的大小取决于博客绝大多数访问者的屏幕分辨率。需要避免的是使用过大宽度的 的主题，如果博客的读者都大多数使用 800px × 600px 的屏幕，这样的话，如果是使用 900px 宽的主题将会有 100多像素超出他们的屏幕，显然这是对用户很不友好的。 不管怎样，我们怎么样把主题的总体宽度设置为 750px 呢？ 我们需要把现在主题中的所有的东西（header，container，sidebar 和 footer）放入一个 750px 的 DIV 标签中。 在 <body> 之后增加：<div id=”wrapper”> 在 </body> 之前增加：</div> 在 style.css 文件中输入以下代码： #wrapper{ margin: 0 auto 0 auto; width: 750px; text-align: left; […]
WordPress 技巧：如何移除后台上传的的图片的宽度和高度参数
通过 WordPress 后台上传图片，并且将图片插入到日志中，WordPress 会自动生成的 <img> 的 html 标签中包含图片的宽度和高度参数，如果你使用的是响应式的 WordPress 主题，那么这个可能会造成一些问题。下面的这段代码可以解决这个问题。 将下面代码复制到当前主题的 functions.php 文件中： add_filter( ‘post_thumbnail_html’, ‘remove_width_attribute’, 10 ); add_filter( ‘image_send_to_editor’, ‘remove_width_attribute’, 10 ); function remove_width_attribute( $html ) { $html = preg_replace( ‘/(width|height)=”\d*”\s/’, “”, $html ); return $html; } 标签：WordPress 技巧
