Форум Сайтостроение Веб-строительство

Как вывести анонс с картинкой на главной WordPress?

-Seller-
На сайте с 31.08.2008
Offline
135
-Seller-
4294

Необходимо сделать так, чтобы на главной сайта (WP) выводились анонсы статей с картинкой.

Меняем:

<?php the_content(); ?>

на:

<?php the_excerpt(); ?>

Выводится анонс, но без картинки. Вопрос как добавить картинку? Что нужно прописать?

Shoo[rik]
На сайте с 12.04.2008
Offline
66
Shoo[rik]
#1
<?php echo get_post_meta($post->ID, "image", true); ?>

На странице редактировании статьи, есть дополнительные поля, создайте поле image например, а в поле value (значение) вставьте ссылку на картинку.

И выводите на главной, где:

<?php echo get_post_meta($post->ID, "image", true); ?>

будет картинкой записи, а:

<?php the_excerpt(); ?>

будет анонсом...

Примерчик:


<img src="<?php echo get_post_meta($post->ID, "image", true); ?>">
<?php the_excerpt(); ?>

Возможно есть и другие варианты, так делаю я. х)

В Google Data Studio В Директе появились текстово-графические Google изменит URL перехода
P
На сайте с 19.03.2009
Offline
17
poyzn
#2

Или же можно смотреть в сторону get_the_content()

С помощью этой функции считать всю запись в переменную, распарсить её и выводить всё что угодно. Хоть рандомные абзацы.

Помогу с вёрсткой, html, css, js, jquery, php, mysql ($) icq 8938933 Быстрый, удобный и недорогой хостинг (http://sweb.ru/p17046) Виза в Великобританию (http://www.englishexpert.ru/velikobritaniya/viza/viza-v-velikobritaniu/)
-Seller-
На сайте с 31.08.2008
Offline
135
-Seller-
#3
'Shoo[rik:


Возможно есть и другие варианты, так делаю я. х)

Спасибо, вроде получилось. А как теперь корректировать размер выводимой картинки? Допустим нужно чтобы рядом с анонсом картинка была размером 100х100.

Shoo[rik]
На сайте с 12.04.2008
Offline
66
Shoo[rik]
#4
-Seller-:
Спасибо, вроде получилось. А как теперь корректировать размер выводимой картинки? Допустим нужно чтобы рядом с анонсом картинка была размером 100х100.

Берете картинку нужных размеров и вставляете в значение поля image, либо так:

<img src="картинка" style="width:100px; height:100px;">

Т.е. размер задавайте непосредственно в теге img. Так примерно.

[Удален]
#5
Shoo[rik:
]Т.е. размер задавайте непосредственно в теге img. Так примерно.

А если картинка не квадратная? Тогда все сплющит.. неудобное решение

Надо подключить обработчик на Php, он автоматически будет масштабировать изображения

Shoo[rik]
На сайте с 12.04.2008
Offline
66
Shoo[rik]
#6
nomads:
Надо подключить обработчик на Php, он автоматически будет масштабировать изображения

Как правило, изображения для анонса, специально делают нужных размеров, это будет куда проще, чем искать/писать php обработчик, да еще и встроить его в CMS. Ради бога, если у Вас много свободного времени, или Вы программист, чтобы решить задачу своими силами, делайте.

UP. В WP есть возможность обрезать картинку до нужного размера, не думаю, что вопрос стороннего скрипта интересен в рамках данной темы.

Я написал "Примерно", а дальше реализуем на столько, на сколько позволяет фантазия.

Директ завершает процесс перехода Яндекс.Браузер теперь умеет переводить Twitter обновил мобильные приложения
[Удален]
#7
Shoo[rik:
]Как правило, изображения для анонса, специально делают нужных размеров, это будет куда проще, чем искать/писать php обработчик, да еще и встроить его в CMS. Ради бога, если у Вас много свободного времени, или Вы программист, чтобы решить задачу своими силами, делайте.
UP. В WP есть возможность обрезать картинку до нужного размера, не думаю, что вопрос стороннего скрипта интересен в рамках данной темы.
Я написал "Примерно", а дальше реализуем на столько, на сколько позволяет фантазия.

это две минуты работы, скачать thumb.php, поместить в папку с темой и картинки выводить так:

<?php $image = get_post_meta($post->ID, 'image', true); ?>

<?php if(!$image) $image = get_bloginfo('stylesheet_directory').'/images/thumbnail.jpg'; ?>

<?php $thumbnail= get_bloginfo('stylesheet_directory').'/thumb.php?src='. $image.'&amp;w=179&amp;h=174&amp;zc=1&amp;q=80'; ?>

<img src="<?php echo $thumbnail; ?>" alt="">

где w, h - ширина, высота, q - качество. Скрипт автоматически будет масштабировать под нужные размеры. И не надо постоянно в фотошопе делать изображения нужного размера, слишком неудобно

Google решает проблему с Джон Мюллер поделился советами Google: как проверить сигналы

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий