bootstrap carousel-Evolve sablon.

Üdv:)











Némi segítségre lenne szükségem:



Mi fán terem az a “bootstrap carousel”



Feltehetőleg ehhez az ismeretlen valamihez van köze annak, hogy egyszerűen nem találom, hogy a lapozómodulban hol kell kicserélni a képeket:



http://webinfok.hu/



Más is küzdött már ezzel a problémával-választ még nem találtam rá:



http://stackoverflow.com/questions/13109167/bootstrap-modal-carousel-next-and-prev-slides-doesnt-appear-with-transition?rq=1



http://wordpress.org/support/topic/carousel-slider-showing-two-images



Másik slidert sem tudok be tenni-mert az eredetit akkor tünteti , ha fejrész widget helyet is “eltüntetem”-akkor viszont nincs a fejlécben widget hely…



Köszönöm:)







a














Az a Twitter Bootstrap css farmework slider-ja.



Itt van jelenleg (régi verzió): http://getbootstrap.com/2.3.2/javascript.html#carousel



Ez a link nem tudom meddig fog élni, mert most újítják fel ez a framework-öt, vagyis RC1-es kiadásban van a Bootstrap 3. verziója,és most ezen a linken érhető el. (Ez a régi verziós slider)



Az új meg itt van: http://getbootstrap.com/javascript/#carousel



Röviden: ez a Bootstrap framework slider-je. Ezt sokan használják, kicsit beformázzák stb.



Le van jól dokumentálva, hogyan kell beilleszteni! Csak utána be kell szabni a wp sablonba.



Pl: lehet egy adott kategória post-jait így slider-ben megjeleníteni (cím, leírás) vagy egy csomó megoldása van még. Nálad úgy oldották meg ahogy, azt én már nem tudhatom.

Az alap carousel a megfelelő oldal(ak)on a legutóbbi bejegyzéseket jeleníteni meg, de az alábbi kóddal továbbfejleszthető, hogy megadott kategóriák legújabb bejegyzéseinek és/vagy a megadott oldalak kiemelt képeiből készíti el:

/**<br />
* Shortcode handler for Evolve-Bootstrap carousel.<br />
*<br />
* @param mixed $atts - shortcode attributes<br />
* @global $wpdb<br />
* @return string - Carousel HTML code<br />
*<br />
* A megadott kategóriák legújabb bejegyzéseinek és a megadott oldalak kiemelt képeiből készíti el a slider-t.<br />
*<br />
* Beállítás:<br />
* 1. Lenti kódban az alapértelmezett "kategória ID-k" és "oldal ID-k" beállítása (vesszővel elválasztva a számok)<br />
* 2. A kód beillesztése a sablon functions.php végére, de a ?> elé (ha frissíted a sablont, akkor majd újra be kell másolni!)<br />
* 3. Evolve Settings -> Header Styling menüpont -> Carousel engedélyezése<br />
* 4. A megfelelő bejegyzéseknél és oldalaknál a kiemelt kép beállítása<br />
* 5. [my_bootstrap_carousel] kód beillesztése a tetszőleges widget-be<br />
*/<br />
function my_evolve_bootstrap_carousel_shortcode( $atts ) {<br />
global $wpdb;<br />
<br />
extract( shortcode_atts( array(<br />
'number' => 4, // alapesetben a legutóbbi 4 bejegyzést/oldalt jeleníti meg<br />
'cat_ids' => array(15, 24), // alapértelmezett kategória ID-k<br />
'page_ids' => array(193), // alapértelmezett oldal ID-k, vagy 0<br />
'default_img' => '/wp-content/uploads/2013/08/udvar%C3%A9s-vend%C3%A9gh%C3%A1z-960X3001.jpg', // alapértelmezett kép<br />
), $atts) );<br />
<br />
$cat_ids = wp_parse_id_list( $cat_ids );<br />
$page_ids = wp_parse_id_list( $page_ids );<br />
<br />
$featured_posts = $wpdb->get_results(<br />
"SELECT * FROM $wpdb->posts<br />
LEFT JOIN $wpdb->term_relationships ON ($wpdb->posts.ID = $wpdb->term_relationships.object_id)<br />
LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->term_relationships.term_taxonomy_id = $wpdb->term_taxonomy.term_taxonomy_id)<br />
WHERE (($wpdb->term_taxonomy.term_id IN (" . implode( ',', $cat_ids ) . ")<br />
AND $wpdb->term_taxonomy.taxonomy = 'category'<br />
AND $wpdb->posts.post_type = 'post')<br />
OR ($wpdb->posts.ID IN (" . implode( ',', $page_ids ) . ")<br />
AND $wpdb->posts.post_type = 'page'))<br />
AND $wpdb->posts.post_status = 'publish'<br />
ORDER BY $wpdb->posts.post_modified DESC<br />
LIMIT " . intval( $number )<br />
);<br />
<br />
$output = "n<!-- my_bootstrap_carousel -->n";<br />
$output_nav = "";<br />
$i = 0;<br />
if ( $featured_posts ) {<br />
$output .= '<div id="myCarousel" class="carousel slide">'. "n" . '<div class="carousel-inner">' . "n";<br />
$output_nav .= '<div id="carousel-nav">' . "n";<br />
foreach ( $featured_posts as $featured_post ) {<br />
$i++;<br />
if ( has_post_thumbnail( $featured_post->ID ) ) {<br />
$slide_image_full = get_the_post_thumbnail( $featured_post->ID, array(930, 300) ); // kép mérete<br />
} else {<br />
// ha nincs beállítva kiemelt kép, akkor veszi az alapértelmezett képet<br />
$slide_image_full = '<img src="' . esc_url( $default_img ) . '" width="930" height="300" alt="" />';<br />
}<br />
$output .= "t" . '<div class="item'. ($i === 1 ? ' active' : '') . '">' . "n"<br />
. "tt" . $slide_image_full . "n"<br />
. "tt" . '<div class="carousel-caption"><h4><a>ID ) . '">' . esc_html( $featured_post->post_title ? $featured_post->post_title : $featured_post->ID ) . '</a></h4></div>' . "n"<br />
. "t" . '</div>' . "n";<br />
$output_nav .= "t" . '<a href="#myCarousel" class="'. ($i === 1 ? 'active' : '') . '">' . $i . '</a>' . "n";<br />
}<br />
$output .= '</div>' . "n"<br />
. "t" . '<a class="left carousel-control" href="#myCarousel"><img src="' . get_bloginfo( 'template_url' ) . '/library/media/images/left-ar.png" /></a>' . "n"<br />
. "t" . '<a class="right carousel-control" href="#myCarousel"><img src="' . get_bloginfo( 'template_url' ) . '/library/media/images/right-ar.png" /></a>' . "n"<br />
. '</div>' . "n";<br />
$output_nav .= '</div>' . "n";<br />
/*$output_nav .= '<br />
var $carousel = jQuery.noConflict();<br />
$carousel("#myCarousel").carousel({<br />
interval: 7000<br />
});<br />
$carousel("#carousel-nav a").click(function(q){<br />
q.preventDefault();<br />
targetSlide = $carousel(this).attr("data-to")-1;<br />
$carousel("#myCarousel").carousel(targetSlide);<br />
$carousel(this).addClass("active").siblings().removeClass("active");<br />
});<br />
';*/<br />
}<br />
return $output . $output_nav . "n";<br />
}<br />
add_shortcode( 'my_bootstrap_carousel', 'my_evolve_bootstrap_carousel_shortcode' );<br />
<br />
// shortcode engedélyezése a widget-ekben<br />
add_filter( 'widget_text', 'do_shortcode' );