Решение маленькой проблемы!

Здравствуйте господа!

     Сегодня для себя я решил маленькую проблему.

     Дело в том, что я недавно начал вести свой блог http://zlato-pchelka.ru/,  но была проблема – не выводились  картинки на главной странице блога. В интернете искал решение этой проблемы, но как всегда – общие слова. А вот сегодня я ее решил с помощью http://wphelp.ru/2010/thumbnails-wordpress-3-0.htm . Большое спасибо за этот материал!

Кстати перепечатаю его полностью. Пусть автор не обижается на меня, моим подписчикам это тоже будет интересно.

МИНИАТЮРЫ В WORDPRESS 3.0

Раньше я писала как автоматически выводить миниатюры к записям на главной или в архивах. Теперь указать какое изображение использовать для миниатюры в WordPerss 3.0 можно напрямую.

Начнем с азов. Добавляем картинку как обычно.

 

 

 

 

 

По-умолчанию теперь к изображению добавляется ссылка на отдельную страницу и изображением, меняем на ссылку на саму картинку, чтобы можно было использовать такие плагины как FancyBox (очень красиво оформленная всплывающая увеличенная, такой эффект используется сейчас на Apple.com).

 

Вставляем основную картинку в текст.

 

 

 

Далее переходим к добавлению самой миниатюры. Если используете новую тему Twenty Ten, у Вас справа при редактировании статьи уже есть такой блок:

Если же нет, вам нужно добавить следующий код в родной файл functions.php вашей темы:

1
2
3
4
5
6
7
8
add_action( 'after_setup_theme', 'twentyten_setup' );
if ( ! function_exists( 'twentyten_setup' ) ):
function twentyten_setup() {
    add_theme_support( 'post-thumbnails' );
}
endif; 

 

В итоге у нас вместе с виджетами должен получится такой файл functions.php

 

1
2
3
4
5
6
7
8
9
10
11
12
<?php
if ( function_exists('register_sidebars') )
    register_sidebars(2);
add_action( 'after_setup_theme', 'twentyten_setup' );
if ( ! function_exists( 'twentyten_setup' ) ):
function twentyten_setup() {
    add_theme_support( 'post-thumbnails' );
}
endif; 

 

Добавляем код, загружаем файл на сервер, обновляем страничку редактора и видим указанный блок. Нажимаем на ссылку «Загрузить миниатюру». Во всплывающем окне выбираем, будем ли мы загружать файл миниатюры с компьютера (отличный от той картинки, которая используется в тексте), или же вставим миниатюру, сгенерированную при загрузке основной картинки. В примере я выбрал картинку из галереи.

 

 

 

Нажимаем «Сохранить все». Справа увидим загруженную миниатюру.

Однако на самом сайте она еще не появится. Для ее показа нужно вставить такой код в файлах index.php, archive.php, search.php, category.php (в зависимости от того, на каких страницах сайта нужно показывать миниатюры):

1 <?php if  ( function_exists(«has_post_thumbnail») && has_post_thumbnail() ) { the_post_thumbnail(array(300,100), array(«class» => «alignleft post_thumbnail»)); } ?>

300,100 – соответственно ширина и высота нашей миниатюры, можно менять. Поскольку в WordPress нет автоматической перегенерации картинок при изменении их размеров в меню Настройки — Медиафайлы, для этих целей используется плагин Regenerate Thumbnails.

Добавляем код перед the_excerpt в цикле вывода статей, the_content соответственно не используется, потому что дополнительно будет показана полноразмерная картинка. Кстати, в functions.php новой стандартной темы Twenty Ten можно посмотреть новый фильтр для вывода анонсов, можно указать текст ссылки «Читать далее» и длину анонса.

На этом все, теперь видим на сайте миниатюру.

 

Поскольку многие спрашивают как вставить миниатюры в шаблоне Twenty Ten, привожу тут инструкцию.

Открываем файл loop.php, вставляем код:

1
2
3
<?php if  ( function_exists ("has_post_thumbnail") && has_post_thumbnail
() ) { the_post_thumbnail (array (300,100), array ("class" => "alignleft
post_thumbnail")); } ?>

там, где:

1
2
3
4
<div class="entry-summary">
!!тут будет ваш код!!
    <?php the_excerpt(); ?>
   </div><!-- .entry-summary -->

 

 

Спасибо за внимание! Дерзайте!

Если Вам Понравилась статья или  была полезна — напишите в комментариях!

 

Понравилась статья?Расскажи друзъям
Общайтесь со мной

Most Commented Posts

    Tags: , ,

    Ваш отзыв

    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
    http://zlato-pchelka.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif