0

我需要您对以下主题的帮助。

http://www.korevolution.com/risorse-gratuite/free-wp-theme/koresponsive/

我想更改索引页面上图像的大小以及每个帖子上图像的大小。

我在functions.php和stylesheet.css上找到了下面的代码，只是编辑它是不够的。

Functions.php code

add_theme_support( 'automatic-feed-links' );
add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
if ( function_exists( 'add_theme_support' ) ) { 
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 314, 200, true );
add_image_size( 'related', 50, 50, true ); 
add_image_size( 'home_img', 314, 200, true ); 
add_image_size( 'single_img', 600, 300, true );  
add_image_size( 'page_img', 920, 350, true ); 
add_image_size( 'slider_img', 600, 280, true ); 

Stylesheet.css code

.img-home, .feat-thumb a
max-width: 314px;
max-height: 200px;
display: inline-block;

.img-single, .feat-thumb-s a
max-width: 600px;
max-height: 300px;
display: inline-block;

有任何想法吗？

4

2 回答 2

0

您可以通过 WordPress 的图像编辑器和设置更改图像的大小。一旦你这样做了，你的 CSS 应该可以工作了

转到您的 Wordpress 媒体库 (your_website.com/wp-admin/upload.php) 以编辑您上传的图像文件

在这里您可以找到WordPress 图像设置帮助

于 2013-10-01T21:46:55.337 回答
0

更改 CSS 应该可以做到......当我在 Chrome 中将max-width属性的值更改为.feat-thumb a更小的值时，我看到它按预期调整大小。您可能没有正确编辑它（例如，您可能没有设置服务器端文件权限来保存通过 Wordpress 管理面板对模板所做的编辑 - 请尝试使用 FTP），或者您可能看到缓存的样式表并且需要清除您的浏览器缓存以加载更新的样式表。

for和中的add_image_size()引用仅在第一次上传图像时使用，因此它不具有追溯性，因此为了更新之前上传的图像，您需要使用插件 - 我喜欢这个：AJAX Thumbnail Rebuildfunctions.phphome_imgsingle_img

但是，在响应式主题中，图像通常设置为width: 100%或max-width: 100%（在这种情况下为后者），并且取决于其父容器的大小，或者在某些情况下是更远的祖先容器，这就是您更新 CSS 值的原因.feat-thumb a, 包装 的锚元素img，而不是img直接的，所以在很多情况下，如果没有 CSS 调整，只是更新add_image_size()是不够的（实际上，更改对的调用add_image_size()并不重要，因为无论图像的实际大小如何响应式设计通常不会超过其较小容器宽度的 100%）。

如果您确定正在应用/加载 CSS 更新（例如，您可以从服务器在浏览器中检查它，这不是文件权限或缓存问题），您可以尝试添加!important到样式的末尾（草率）或复制和将它们粘贴到样式表的末尾并将另一个元素添加到选择器链中，以确保它们具有更高的特异性（例如body .feat-thumb a，而不是.feat-thumb a）。但是我怀疑您还有其他问题，因为正如我所说，当我直接在 Chrome 中修改 CSS 时，我可以在前端看到结果。

于 2013-10-01T22:05:00.310 回答