All Typography and Writing Formats

433

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
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

Caption_hereCaption_hereCaption_hereCaption_hereCaption_hereCaption_here

[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

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 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

Sample_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

file_name.zip200kb

[downloadinfo type='zip' size='200kb' href='http://localhost/median/' ]file_name.zip[/downloadinfo]

"All Typography and Writing Formats"
433