Site Editor: How To - Use Blocks (Basic Overview)
Now you have even more options to learn how to manipulate blocks on your new AresBuilder website
Follow our step by step directions with screen shots below, or Click Here to Watch Our New "How to Use Blocks" Video
Blocks are the meat and potatoes of your website. They allow you to add text, images, slideshows, and more to your site to get the look you want and convey the information you wish to share with the world. Here, we will discuss how to use each of the Block features.
To add or edit your text, drag and drop a rich text block onto your page and click on the pencil icon on the upper left side when hovering over your text block. In the editor box, you can type and format your content. The buttons at the top of the text box allow you the following formatting and view options, in order from left to right:
Switch to HTML mode
Choose your general text format
Create bold, italicized or strikethrough text
Create a bulleted or numbered list
Outdent or Indent a paragraph
Insert an image, video, table, or hyperlink
Select your alignment (left, center, right or justified)
Insert a horizontal line
You can see a caption explaining what each button does by hovering your cursor over them in turn. When you're finished editing your rich text, click "Save.”
To add or edit an image, drag and drop an image block onto your page and click on the pencil icon on the upper left side of the new block. Images from your media library will show up for you to select from. Click once on the image you wish to apply. Click Save to apply changes to your image block.
To add or edit a slideshow, drag and drop the slideshow block onto your page and click on the pencil icon on the upper left side of the slideshow block. Several default images will appear in the dark gray rectangle. These are the images currently in your slideshow. To remove them, simply drag them to the red trash can icon on the right. Once you've cleared the default images, double-click on images you wish to add to the slideshow. The images available for you to select appear below the dark gray rectangle, and are from your media library. Click Save to apply your changes, and watch your beautiful new slideshow in action!
The contact form is a simple way for your website visitors to get in contact with you. This is done without sacrificing your privacy and offering your contact information directly on-site for everyone to see. Visitors can supply their name, email, and a short message within the form. Once submitted, this information will automatically be forwarded to an email address of your choosing. To add or edit a contact form, drag and drop it on-screen. Click the pencil icon in the upper left corner of the block to modify the title of your contact form, as well as the email address inquiries are directed to. Click Save to apply your changes.
Hot Tip! Placed a block in the wrong spot on a page? Just hover over the offending block, click the four way directional arrow icon that appears at the top center of the block, and drag it anywhere else on the page. Placed a completely wrong block on your site? Hover over the block, and click the trash can icon that appears in upper right section of the block to delete the block from your page.
Remember to always click Save & Publish! after making changes to your site!