Pengaturan

Gambar

Lainnya

Tentang KASKUS

Pusat Bantuan

Hubungi Kami

KASKUS Plus

© 2024 KASKUS, PT Darta Media Indonesia. All rights reserved

to.mydesainAvatar border
TS
to.mydesain
Beginikan cara ane bikin shortcode WordPress
Assalamu'alaykum,

Maaf, baru on lagi nih. Kali ini ane ingin share cara bikin shortcode sendiri, yang menurut ane ini cara paling mudah

Misal, agan ingin bikin shortcode button, oke!

pertama, buka file function.php theme yang agan, lalu ketik:

Code:

function ingin_bikin_shortcode_button( $atts, $content = null ) {
extract( shortcode_atts( array(
'class' => '',
'id' => '',
'style => '',
), $atts, 'button' ) );

$button_style = '';
if ( '' != $style ) $button_style = ' style="' . $style . '"';
if ( '' != $id ) $id = ' id="' . $id . '"';

return '<a' . $id . ' class="button ' . esc_attr( $class ) . '" ' . $style . '><span>' . do_shortcode( shortcode_unautop( $content ) ) . '</span></a>';
}
add_shortcode( 'button', 'ingin_bikin_shortcode_button' );


Selesai, lalu berikut cara menggunkan shortcode button tersebut,

Code:

[button] Ini Text Button Default [/button]


Selanjutnya, untuk memperkuat kesan button -nya, agan bikin / tambahkan css standard untuk class .button,

Code:
.button {
display: inline-block;
background-color: #ff0000;
color: #ffffff;
padding: 10px 30px;
font-size: 20px;
}


jika agan ingin men kustomisasi button agan, tinggal masukkan attribut pada shortcode seperti berikut

Code:
[button id="button-id" class="button-class" style="color:#000000"] Ini Text Button Custom [/button]


Sekian.
Ada pertanyaan?
Diubah oleh to.mydesain 05-01-2015 05:38
0
674
2
GuestAvatar border
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
Website, Webmaster, WebdeveloperKASKUS Official
23.3KThread4.4KAnggota
Urutkan
Terlama
GuestAvatar border
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Ikuti KASKUS di
© 2023 KASKUS, PT Darta Media Indonesia. All rights reserved.