How to create buttons and dropcaps

This is a page for contributors to the Cuna Street News.

Below are samples of shortcodes you can use to enhance and customize your posts.

How to create a button that acts as a link.

dropletCreate a new post or open an existing post. Edit from the Visual side of the display window, not the Text side. Click just to the right of the blue water droplet. That will open the Short Codes editor. Now make sure to put the cursor where you want to place the button.

  1. Select color of the button. The coding will be automatically pasted into the window.
  2. Enter URL or link for button.
  3. You can change the title of the button to whatever you want. This is not visible on the website.
  4. Write in the words that you want to appear on the button. This could simply be the name of the link.

button

How to create a dropcap

Put the cursor where you want to place the dropcap – but do not use the dropcap as the very first letter of your story. More on that below.  Go to the shortcodes editor (the blue water droplet). Click on dropcap, then select color. The coding will be automatically pasted into the window. Place the letter to be used in the dropcap in between the brackets, as shown in the photo below.
dropcap

Important: Do not use a dropcap for the very first letter of your post because it won’t appear on thumbnails of your article, as shown in the image below. Use dropcap anywhere below the first paragraph.

dropcap1Donec rutrum sapien sit amet accumsan venenatis. Duis eu posuere dui. Praesent ornare elementum nibh tempus luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec a luctus sem, nec egestas turpis. Praesent a mattis eros, vitae luctus ligula. Cras ut risus velit. Morbi luctus pharetra vehicula. Vestibulum commodo risus massa, vitae sodales velit hendrerit et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec fringilla luctus porta. Nunc nisi elit, sodales a tortor id, laoreet luctus massa.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s