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

Как сделать карусельку в заголовке блога | Smooth Slider | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

tiaurus-2010-03-18_160750

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

tiaurus-2010-03-18_161828

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

Скачать Smooth Slider

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. Олег

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

    Ответить
  2. Олег

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

    Ответить
    1. tiaurus

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

      <?php get_smooth_slider(); ?>

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

      Ответить
      1. Олег

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

        Ответить
        1. tiaurus

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

          Ответить
          1. Олег

            Привет!сайдер выыел наконец!НО почемуто отоброжается в шапке только на двух страницах?а должен везде!как заголовок сайта!!Что не так??подскажи пожалуйста что надо дописать??!писал всё в 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) и всё в шеколаде!!!

    Ответить
    1. tiaurus

      Ну вот, все оказалось легче, чем вы думали. Рад за вас!

      Ответить