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
Guest
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.3KAnggota
Terlama
GuestAvatar border
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Ikuti KASKUS di
© 2023 KASKUS, PT Darta Media Indonesia. All rights reserved.