Senin, 12 September 2011

Berkreasi dengan Link ‘MORE’ atau ‘SELANJUTNYA’ dalam Resume Post WordPress

Berkreasi dengan Link ‘MORE’ atau ‘SELANJUTNYA’ dalam Resume Post WordPress

September 12th, 2011 by admin

Perhatian: Sementara Post ini berlaku untuk yang gemar mengolah WordPress dari sisi Script

Jika anda melakukan installasi WordPress dan dilanjutkan dengan installasi Themes, sedangkan themes tersebut mendukung adanya RESUME halaman awal, biasanya secara default, resume tiap post akan diakhiri dengan tanda [...] tanpa Link, kecuali yang telah didukung oleh themes atau plugins tertentu. Contoh:

posting ini adalah posting yang pertama bahwa dengan blabalbalbalbal [...]

Sedangkan pada umumnya web, kita menginginkan adanya tombol atau link : more, atau selanjutnya, untuk menuju ke post penuh dari resume tersebut. Nah, bagaimana caranya? Sangat mudah.

Dalam wordpress, terdapat berbagai fungsi yang dapat anda baca pada Function Reference pada codex.wordpress.com. Resume, dalam wordpress akan dinyatakan sebagai EXCERPT. Cara membuat resume dari sebuah post pun hanya tinggal memanggil the_excerpt. Biasanya para desainer themes wordpress akan banyak menggunakan ini untuk membuat tampilan halaman index. Desain awal dari WordPress, memiliki beberapa ketentuan untuk excerpt, antara lain adalah : karakter tertentu akan dibatasi, jumlah kata adalah 55 kata, dan akan diakhiri dengan tanda [...]. Kita dapat mengubah semua itu dengan cara melakukan pengubahan suatu file dalam wordpress tersebut. Langkah pertama adalah bukalah CMS WordPress, dan pastikan, apakah Themes yang dipilih mendukung adanya Excerpt. Jika tidak, tutorial selanjutnya akan saya bahas tentang mendesain themes wordpress. Jika iya, apakah Resume atau Excerpt dari potongan artikel berakir dengan [...] ? jika anda ingin mengubah, silakan buka file formatting.php dalam {DIREKTORI_UTAMA}/wp-includes/. Kopikan file tersebut sebagai backup apabila kita keliru dalam melakukan modifikasi.

Selanjutnya bukalah formatting.php tersebut, dan temukan fungsi bernama function wp_trim_excerpt($text)

kira-kira untuk WordPress Versi 2.x berisi seperti demikian:

function wp_trim_excerpt($text) { 
if ( '' == $text ) 
{ $text = get_the_content('');   
$text = strip_shortcodes( $text );   
$text = apply_filters('the_content', $text); 
$text = str_replace(']]>', ']]>', $text); 
$text = strip_tags($text); 
$excerpt_length = apply_filters('excerpt_length', 55); 
$words = explode(' ', $text, $excerpt_length + 1); 
if (count($words) > $excerpt_length) 
{ array_pop($words); 
array_push($words, '[...]'); 
$text = implode(' ', $words); } } 
return $text; }

Untuk versi 3.x kira-kira demikian:

function wp_trim_excerpt($text) 
{ $raw_excerpt = $text; 
if ( '' == $text ) 
{ $text = get_the_content('');   
$text = strip_shortcodes( $text );   
$text = apply_filters('the_content', $text); 
$text = str_replace(']]>', ']]>', $text); 
$text = strip_tags($text); 
$excerpt_length = apply_filters('excerpt_length', 55); 
$excerpt_more = apply_filters('excerpt_more', ' ' . '[...]'); 
$words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY); 
if ( count($words) > $excerpt_length ) { 
array_pop($words); $text = implode(' ', $words); 
$text = $text . $excerpt_more; 
} else {
 $text = implode(' ', $words); } } 
return apply_filters('wp_trim_excerpt', $text, $raw_excerpt); }

Perhatikan, pada bagian

$excerpt_length = apply_filters('excerpt_length', 55);

anda dapat mengubah excerpt anda tidak lagi 55 kata, dengan cara mengubah angka yang ada tersebut.

Kemudian jika anda ingin mengubah [...] menjadi ‘selanjutnya’ dalam bentuk miring, maka lakukan pengubahan [...] dengan kode “…Selanjutnya“.

Hasilnya kira-kira akan menjadi seperti berikut:

versi 2.x

function wp_trim_excerpt($text) 
{ if ( '' == $text ) 
{ $text = get_the_content('');   
$text = strip_shortcodes( $text );   
$text = apply_filters('the_content', $text); 
$text = str_replace(']]>', ']]>', $text); 
$text = strip_tags($text); 
$excerpt_length = apply_filters('excerpt_length', 55); 
$words = explode(' ', $text, $excerpt_length + 1); 
if (count($words) > $excerpt_length) 
{ array_pop($words); 
array_push($words, '<a href="' . get_permalink() . '"><em>selanjutnya</em></a>'); $text = implode(' ', $words); } } 
return $text; }

versi 3.x

function wp_trim_excerpt($text) 
{ $raw_excerpt = $text; 
if ( '' == $text ) { 
$text = get_the_content('');   
$text = strip_shortcodes( $text );   
$text = apply_filters('the_content', $text); 
$text = str_replace(']]&gt;', ']]&gt;', $text); 
$text = strip_tags($text); $excerpt_length = apply_filters('excerpt_length', 55); $excerpt_more = apply_filters('excerpt_more', ' ' . '<a href="' . get_permalink() . '"><em>selanjutnya</em></a>'); $words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY); if ( count($words) &gt; $excerpt_length ) { array_pop($words); $text = implode(' ', $words); $text = $text . $excerpt_more; } else { $text = implode(' ', $words); } } 
return apply_filters('wp_trim_excerpt', $text, $raw_excerpt); }

Simpan, dan saksikan di halaman depan homepage CMS WordPress anda.. Anda pun dapat berekpsresi lanjut dengan membuat tanpilan lebih menarik dengan melibatkan CSS, seperti a:hover, a:link dan selanjutnya.. Enak bukan?

 

SEMOGA BERGUNA..

 

bimosaurus

eof



 http://bimosaurus.com/2011/09/12/berkreasi-dengan-link-more-atau-selanjutnya-dalam-resume-post-wordpress/

53 komentar:

  1. Nek kombinasike karo bahasa HTML piye Lik..?
    maksudku kelemahane apa, kekurangane apa...? PHP isih cupet utegku jee.. :(

    BalasHapus
  2. Yen HTML jelas dia tidak bisa mengolah masukan dari dan ke dalam data yang tersimpan di sisi server.

    Fungsi sing tak pasang itu berguna untuk mengambil data secara looping. Fungsi tersebut diperintah oleh Themes PHP untuk mengambil data secara looping, dan selanjutnya ditampilkan di dalam html. Yen kita lihat di WP njenengan aja, itu hampir semua sudah pake excerpt di Home, dan menggunakan More yang sudah dimodif. Kalau tidak di excerpt, tampilan akan persis di blog multiply di journalku http://bimosaurus.multiply.com/journal.. ndledek medun tanpa di More

    BalasHapus
  3. mana, katanya mau kirim trik2 yang rahasia itu?

    BalasHapus
  4. ;) siap..

    duh sing nagih script akeh.... tunggu di bimosaurus.com :D

    BalasHapus
  5. bikinin themes buat wp gw dooong :((

    *ngelunjak*

    BalasHapus
  6. WP sayah masih acakkadut..
    Main wp itu intinya dimana sih..
    Klo MP kan jelas ada di CSSnya

    BalasHapus
  7. wahhh...jadi pengin WP an...
    makasih om bimo

    BalasHapus
  8. sak pengamatan saya, konon, ya memang ada css juga, terus kita modif di wp-content/themes nya... bismillah semoga besok bisa cerita itu :D

    BalasHapus
  9. Golek selingkuhan MP mas... sami sami mas

    BalasHapus
  10. mangkat... duh kapan yo iso ngubrul offline maning... :(

    BalasHapus
  11. tanggal selawe gak retine pas pilkadal kodya Likkkk...
    padhal kanca2 KBJ juga ngajak ketemuan nang lor kantor Nasa mu
    muga2 wae ra ana berlaku jam malam...

    nek ana wektu mengko tak call

    BalasHapus
  12. sidane "kadangtani"
    tak tunggu cms-e WP wae ya ra papa, sing penting isa masang plugin

    BalasHapus
  13. *angkat jari*
    lagi gak nge-in ngublekin coding jew :(

    gawekke dong
    *nakalan*

    BalasHapus
  14. asiiikkkk
    *lonjak2*

    yang themes-nya very very iblis gemblunk yaa
    *pesenan yang aneh*
    pengen warna putih, yang kiyuuutttt banget

    :">

    BalasHapus
  15. putih background-e putih hurupe, gambare pocong

    BalasHapus
  16. emohh...

    @poconggg wes tewas kok :p



    yang ngiblis bangettt,,,,

    BalasHapus
  17. wakakakaakakk....
    gambare nisan n kijing kae rak ya isish taaaa...??

    BalasHapus
  18. Hisss ="=
    Do nakalan kabeh ikk...
    Demi iblisvssetan-ku ki loohhh...
    Mbok cing pener

    BalasHapus
  19. ha kudu piye? pesen sing piye, setan versi aku khan beda dengan setan versimu?

    BalasHapus
  20. koyo e iki sing tak enggo ya?

    iyo, pengen custom, biar gak berat :(
    tapi aku sih bingung...
    sama ngasih bagian image footer doang, yang gak bakal muncul kalo dibuka versi mobile.
    sama bagian font, rodo embuh kae..

    T.T

    BalasHapus
  21. ngobrol offlen wae, aku yo mumet nek mbok ceritakke nang kene

    BalasHapus
  22. Likkkk...
    fantastico bul gak tresedia, anane softaculous...

    aku selak ngantuk ik, mbok gawekke tutoriale mengko tak praktekee..... mangsalahe ki giliran wis mencet softaculous, lah kok ra ana CMS sing tersedia n tak butuhke (WP) kuwii... :((

    BalasHapus
  23. mosok to mas? ono kok, mail me...

    BalasHapus
  24. softacolous ki lengkap kok dari wp drupal sampe forum...

    BalasHapus
  25. Blogs
    Dotclear
    Serendipity
    Open Blog

    Portals/CMS
    ZikulaGeeklog

    Forums

    BalasHapus
  26. masalahe ya karena gak ada daktare itu Likkk...
    tadi dah nyoba pake MySQL utegku sing ra nyandhak jee

    BalasHapus
  27. Asiikk..
    *waitin*

    Eh, cuma sesuk ya :(
    aku sepertinya janji sama mb icha mo ngapain ya *lali*

    BalasHapus
  28. yo wis sak isane, yen saiki ra iso ada waktu lain

    BalasHapus
  29. haa...manuttt...
    emange kwe posisi nundi ta?
    :o

    BalasHapus