Изменение размера изображений в wordpress css html

Question

Я разрабатываю блог на wordpress, тема Marlene.

Итак, у меня есть пост и по умолчанию изображение на этом посту имеет разрешение 835x577, который отлично подходит для меня (example of the post)

Но я также имею страницу «Новости», в котором я хочу к отобразите список всех моих сообщений. И на этой странице мне нужно изменить размер изображения до 400 x auto (link to news section).

Проблема в том, что когда я изменяю размер этого изображения, он автоматически изменяет размер изображения внутри этого сообщения (835x577).

Так что мне нужно разорвать это соединение. Думаю, мне нужно создать второй класс с разной шириной и высотой, но не знаю, как я могу сделать это автоматически в wordpres.

Надеюсь, что вы могли бы понять меня и могли бы помочь) Заранее спасибо!

Answer 1

Если вы хотите создать макет, который отличается от значения по умолчанию для темы, которую вы используете, тогда самый простой способ сделать это - create a child theme. Это позволяет использовать весь код, который находится в родительской теме, и вы по-прежнему можете применять обновления и исправления безопасности к своей теме, но позволяет добавлять дополнительные биты и фрагменты, такие как custom image sizes.

Вы должны добавить функцию в файл functions.php вашей новой дочерней темы.

В качестве альтернативы, если это буквально единственное, что вы хотите сделать, это не то, что предусмотрено темой по умолчанию, т. Е. Вы просто хотите добавить одну строку CSS для форматирования размера изображения на этой странице - вы можете использовать плагин, такой как Header and Footer или Add Custom CSS, чтобы просто настроить этот один элемент.

Однако, я бы рекомендовал использовать дочернюю тему. Вы можете только сейчас настроить одну строку CSS, но через несколько месяцев, когда у вас есть другие поправки, если у вас есть еще одна хорошая тема для детей, и понимание того, как ее использовать, сэкономит вам работу ;-)