All Typography and Writing Formats
Beberapa shortcode dibawah ini dapat anda gunakan langsung dalam mode ‘editor text’ dan beberapa lainnya hanya bisa digunakan dalam mode ‘Tampilan visual’ tapi kami tetap berusaha agar penggunaannya tidak menyulitkan Anda.
Image with Caption
![]() |
Caption_here |
[images src="https://4.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png"]Caption_here[/images]
Grid Image
Only limit to 11 images

































[gallery_image src="https://4.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png" src2='https://1.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png' src3='https://1.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png' src4='https://1.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png' src5='https://1.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png' src6='https://1.bp.blogspot.com/-gPITOUcub9k/YCn4kfxAt9I/AAAAAAAAQW8/mRfiBRLQfC06xF4RxomLKnFCu4frf_KYgCNcBGAsYHQ/s0/imagz-all-style.png']Caption_here[/gallery_image]
Paragraph with Drop cap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
Post Break
Useful for separating or spacing paragraphs, for example like this:
[separate]
Paragraph with Text Indent
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
[textindent]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus[/textindent]
Blockquote
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds
[blockquote]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds[/blockquote]
Blockquote type 2
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds
[blockquote2]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds[/blockquote2]
Blockquote type 3
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds
[blockquote3]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus– Linus Torvalds[/blockquote3]
Styntax Highlighter
Change type to html, css, or js
<!DOCTYPE html>
<html dir='ltr' lang='en'>
</html>
[pre type=’html’]<!DOCTYPE html>[/pre]
[pre type=’css’]body.onHome{background-color:var(–body-bg-color-sec)}[/pre]
[pre type=’js’]"@context": "http://schema.org",[/pre]
Show Hide Button
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
[spoiler title='Spoiler:']lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus[/spoiler]
Note Block
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
[note]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus[/note]
lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus
[notealert]lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus[/notealert]
External Link
[extlink href='https://themewp.web.id/']Sample_external_link[/extlink]
Sample_link_alt
[extlinkalt href='https://themewp.web.id/']Sample_link_alt[/extlinkalt]
Button
Whatsapp me
Standard_button
Download
Download
Demo
Buy now
[button class='button whatsapp' href='https://themewp.web.id/']<i class=’icon whatsapp‘></i>Whatsapp me[/button]
[button class='button' href='https://themewp.web.id/']Standard_button[/button]
[button class='button' href='https://themewp.web.id/']<i class=’icon download‘></i>Download[/button]
[button class='button outline' href='https://themewp.web.id/']<i class=’icon download‘></i>Download[/button]
[button class='button' href='https://themewp.web.id/']<i class=’icon demo‘></i>Demo[/button]
[button class='button' href='https://themewp.web.id/']<i class=’icon cart‘></i>Buy now[/button]
Two buttons in a row:
[buttoninfo title='Download' href='https://themewp.web.id/' title2='Demo' href2='https://themewp.web.id/' ][/buttoninfo]
Download Link
[downloadinfo type='zip' size='200kb' href='http://localhost/median/' ]file_name.zip[/downloadinfo]