Как сделать карусельку в заголовке блога | Smooth Slider

Как сделать карусельку в заголовке блога | Smooth Slider | n-wp.ru

Плагин Smooth Slider — один из самых удобных для создания так называемой карусельки — специальной панели, на которой показываются анонсы определенных публикаций.

tiaurus-2010-03-18_160750

Конечно, сейчас много тем, в которых подобная каруселька уже присутсвует, но мне кажется, что управление через плагин намного гибче. Этот плагин позволяет задавать свое название каждого поста слайдера, размер вставляемой в анонс картинки, размер самого слайдера, количество выводимой информации из анонсируемого поста. Более того, сразу при написании поста можно отметить галочкой размещать этот пост в слайдере.

tiaurus-2010-03-18_161828

Сам слайдер можно оформить в соответствии с оформлением блога: задать фон, цвет рамки, шрифты, их размеры и цвета, размер картинки и ее положение, скорость прокручивания анонсов. В общем, чрезвычайно настраиваемый плагин.

Скачать Smooth Slider

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

8 Комментарии

  1. Вот только немного непонятно как его отоброзить в шапке сайта?у меня в теме шапки уже есть авто вывод постов!что надо пописать чтоб заминить на этот плагин??

  2. Слайдер хороший но весь день методоб тыка пробую и не чего не получается !!Неполучается вставить в хедер после заголовка сайта,там уже стоит вывод новых постов,я хочу на их место поставить данный слайдер и у меня нечего не получается:((подскажите где что прописывать и в файлах?? тема вот эта:http://artvl.ru/

    • Для вывода слайдера нужно прописать в шаблоне такую строчку:

      < ?php get_smooth_slider(); ?>

      Все шаблоны разные, поэтому универсального метода не существует. Смогу сказать только после того, как узнаю код темы (а не внешний вид).

      • Дружище ты б тогда по точнее если можно куда эту строчку прописывать? в index или в heder темы ???????или ещё куда????в это то вся и проблемка:)

        • Пишите в index.php – так проще.
          Хотите, чтобы слайдер был на главной странице – пишите в index.php.
          Хотите, чтобы слайдер был на страницах поиска – пишите в search.php.
          Хотите, чтобы слайдер был на страницах – пишите в page.php.
          Хотите, чтобы слайдер был в отдельных постах – пишите в single.php.
          Но при желании слайдер можно запихнуть и header.php и footer.php.

          • Привет!сайдер выыел наконец!НО почемуто отоброжается в шапке только на двух страницах?а должен везде!как заголовок сайта!!Что не так??подскажи пожалуйста что надо дописать??!писал всё в header.php вот файл данной темы глянь пожалуйста!!!

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
            <head profile="http://gmpg.org/xfn/11">
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Архив блога <?php } ?> <?php wp_title(); ?></title>
            <!-- leave this for stats -->
            <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
            <link rel="alternate" type="application/rss+xml" title="RSS-лента <?php bloginfo('name'); ?>" href="<?php bloginfo('rss2_url'); ?>" />
            <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            <!--[if IE ]>
            <link rel="stylesheet" href="<?=bloginfo('template_url')?>/style-ie.css" type="text/css" media="screen" />
            <script type="text/javascript">
            var png_trans = "<?=bloginfo('template_url')?>/images/transparent.gif";
            </script>
            <![endif]-->
            <!-- Main Menu -->
            <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.min.1.2.6.js"></script>
            <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jqueryslidemenu/jqueryslidemenu.js"></script>
            <!-- /Main Menu -->
            <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
            <?php wp_head(); ?>
            </head>
            <body>
            <div id="page">
            <div id="menu">
            <div id="top_rss"><a href="<?php bloginfo('rss2_url'); ?>" title="Rss"><img src="<?php bloginfo('template_url')?>/images/rss.png" alt="<?php bloginfo('name'); ?> Rss" /></a></div>
            <div id="mainmenu">
            <ul>
            <?php $exclude = obwp_get_meta(SHORTNAME.'_exclude_page'); wp_list_pages2('title_li=&sort_column=menu_order&depth=0&exclude='.$exclude) ?>
            </ul>
            </div>
            </div>
            <div id="header">
            <div id="header_title">
            <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
            <span><?php bloginfo('description'); ?></span>
            </div>
            <div id="header_right">
            <div id="main_search">
            <form method="get" id="searchform_top" action="<?php bloginfo('url'); ?>/">
            <div>
            <input type="text" value="Что ищем?" name="s" id="searchform_top_text" onclick="this.value='';" />
            <input type="image" src="<?php bloginfo('template_url')?>/images/button_go.gif" id="gosearch" />
            </div>
            </form>
            </div>
            </div>
            </div>
            <div id="board">
            <div id="board_post">
            <?php $recent = new WP_Query; while($recent->have_posts()) : $recent->the_post();?>;<<h2><?php the_title_limited(70); ?>
            </h2><p><?php the_content_limit(300); ?></p><p><a href="<?php the_permalink() ?>">Читать полностью</a></p><?php endwhile; ?>
            <?php get_smooth_slider(); ?>
            </div>
            <div id="board_twitter">
            <p><a href="<?php echo theme_twitter_link_show(); ?>"><img src="<?php bloginfo('template_url')?>/images/button_twitter.png" alt="" /></a></p>
            </div>
            </div>
            <div id="body">
            <div id="body_left">
            <div id="body_left_content">
            

            это header.php и я вставил там строчку которую ты сказал!!

             ?php get_smooth_slider(); ?>
  3. Короче разобрался:)ФУ………:))проблема была неповерите:)не в другой прописке кода иле его замене,а просто надо галочку снять было идеоту:)в настройках с админ панели:Многочисленная Характеристика Слайдера (Multiple Slider Feature) и всё в шеколаде!!!

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*