Scribd Logo
Unggah

Selamat datang di Scribd!

  • Slider Wordpress

    Diunggah oleh

    ad2837pd
    10 tayangan3 halaman
    slider tembagahandycraft.com

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    slider tembagahandycraft.com

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    10 tayangan3 halaman

    Slider Wordpress

    Diunggah oleh

    ad2837pd
    slider tembagahandycraft.com

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    Slider Wordpress

    Quote: Original Posted By cakweh

    kl bisa sih yg langsung terintegrasi di themenya gan, jd g pake plugin

    EDIT final + link caption to post slider

    1. pertamax
    Spoiler for pertamax:

    A. Ganti ukuran gambar


    masuk admin.
    Setting -> Media -> (ubah ukuran Width dan Height di Large size)

    B. masukin folder slider ke dalam folder tema


    download, extract, lalu pindahkan folder slider nya ke directory tema wordpress agan
    Download folder slider

    2. buka header.php
    Spoiler for header.php:

    A. di dalam tag <head></head> masukin ini


    <link href="<?php bloginfo('template_directory'); ?>/slider/wordpresskus.css" rel="stylesheet" type="text/css" />
    <link href="<?php bloginfo('template_directory'); ?>/slider/bjqs.css" rel="stylesheet" type="text/css" />
    <scri*pt src="<?php bloginfo('template_directory'); ?>/slider/jquery-1.7.1.min.js"></scri*pt>
    <scri*pt src="<?php bloginfo('template_directory'); ?>/slider/jquery.secret-source.min.js"></scri*pt>
    <scri*pt src="<?php bloginfo('template_directory'); ?>/slider/bjqs-1.3.min.js"></scri*pt>
    <scri*pt class="secret-source">
    jQuery(document).ready(function($) {
    $('#wordpresskus').bjqs({
    animtype : 'slide',
    width : 990, //ganti ukuran width nya sesuai dengan ukuran di Large size
    height : 300, //ganti ukuran height nya sesuai dengan ukuran di Large size
    randomstart : true,
    usecaptions : true,
    nexttext : '',
    prevtext : ''
    });
    });
    </scri*pt>

    C. di tag div terserah agan dimana mau munculin slidernya, masukin ini
    <div id="wordpresskus">
    <ul class="bjqs">
    <?php query_posts(array('post_type' => 'slider'));
    while (have_posts()) : the_post(); ?>
    <li>
    <?php if(has_post_thumbnail()) :
    the_post_thumbnail( 'large', array('title' => ''.get_the_title().'' ));
    endif; ?>
    <?php if($post->post_title) : ?>
    <p class="bjqs-caption"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
    <?php endif; ?>
    </li>
    <?php endwhile; wp_reset_query(); ?>
    </ul>
    </div>

    3. buka functions.php di line paling bawah masukin ini


    Spoiler for functions.php:

    add_theme_support( 'post-thumbnails' );
    add_action( 'init', 'wordpresskus' );

    function wordpresskus() {
    register_post_type( 'slider',
    array(
    'labels' => array(
    'name' => __( 'Slider' ),
    'add_new_item' => __('Add New Slider'),
    'edit_item' => __('Edit Slider'),
    'view_item' => __('View Slider'),
    'new_item' => __('New Slider'),
    'singular_name' => __( 'Slider' )
    ),
    'public' => true,
    "capability_type" => "post",
    'rewrite' => array('slug' => 'slider','with_front' => false),
    "show_ui" => true,
    'has_archive' => true,
    'title' => get_the_title(),
    'supports' => array("title", "thumbnail", "editor")
    )
    ); }

    4. di single.php dimana letak gambar dari slider ingin dimasukan masukin ini
    Spoiler for single.php:

    <?php if(has_post_thumbnail()) :
    the_post_thumbnail( 'thumbnail', array('title' => ''.get_the_title().'' ));
    endif ?>

    4. tambah / manage image


    Spoiler for tambah gambar:

    masuk admin.
    Slider -> add new
    di column kanan paling bawah klik featured image, upload, Use as featured image.

    untuk mengubah ukuran gambar di post Setting -> Media (ganti max width and max height di "Thumbnail size")

    Note: bintang yang di scri*pt hapus gan

    jika yg diatas sudah berhasiI, post dimari gan, melanjutkan bikin image nya ngelink ke halaman image tersebut

    Anda mungkin juga menyukai