- Beranda
- Website, Webmaster, Webdeveloper
Beginikan cara ane bikin shortcode WordPress
...
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:
Selesai, lalu berikut cara menggunkan shortcode button tersebut,
Selanjutnya, untuk memperkuat kesan button -nya, agan bikin / tambahkan css standard untuk class .button,
jika agan ingin men kustomisasi button agan, tinggal masukkan attribut pada shortcode seperti berikut
Sekian.
Ada pertanyaan?
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
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
23.3KThread•4.3KAnggota
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru