图像大小调整（WordPress主题）

PHP的CSS编辑我需要用下面的主题你的帮助。图像大小调整（WordPress主题）

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;

任何想法？

来源

2013-10-01 Thomas

仅供参考，只记得所有上传的图片应用了旧的大小设置，因此更改大小与'add_image_size（）'只会影响新的图像。如果你想保持一致性，你将不得不删除旧图像，并重新加载它们。 – gwillie

更改CSS应该这样做......当我的.feat-thumb a的max-width属性的值更改为在Chrome小我把它调整预期。您可能无法正确编辑它（例如，你可能没有设置以节省通过WordPress管理面板模板所做出的编辑服务器端的文件权限 - 尝试FTP代替），或者你可能会看到一个缓存的样式表，并需要明确浏览器的缓存来加载更新的样式表。

在functions.php为home_img和single_img的add_image_size()引用时的图像首先上传只使用，所以所以为了更新先前上传的图片，你需要使用一个插件，它是不溯及既往 - 我喜欢这一个：AJAX Thumbnail Rebuild

但是，在响应式主题中，图像通常设置为width: 100%或max-width: 100%（在本例中为后者），并取决于其父容器的大小或某些情况下更远的祖先容器，这就是为什么您是更新用于.feat-thumb a的CSS值，即包裹img锚固元件，而不是img直接，因此在很多情况下，刚刚更新add_image_size()不会没有CSS调整不够以及（真的，更改为add_image_size()呼叫也没有什么关系，因为无论实际大小的响应式设计的图像将一般不会超过他们的小容器的宽度是100％）。

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

来源

2013-10-01 22:05:00 Ennui

现在感谢它的工作。我不得不编辑php和css，然后我使用插件，这使得事情变得更容易。 – Thomas

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

转到您的WordPress内侧库（your_website.com/wp-admin/upload.php）编辑您上传的图片文件

在这里您可以找到WordPress image settings help

来源

2013-10-01 21:46:55 SunnyD

图像大小调整（WordPress主题）

回答

相关问题