a Blog page – Page 4 – Network home

Block: Button

03/11/2018

Button blocks are not semantically buttons, but links inside a styled div.

If you do not add a link, a link tag without an anchor will be used.

Left aligned

Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long.

A centered button with
more than
one line of text

Buttons have three styles:

Rounded

Outline

Square

If the theme has a custom color palette, test that background color and text color settings work correctly.

Read more about the color palettes in the handbook.

Now lets test how buttons display together with large texts.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio.

Right aligned

Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna.

Left aligned

Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Block: Cover

03/11/2018

This is a left aligned cover block with a background image.

The cover block lets you add text on top of images or videos.

This blocktype has several alignment options, and you can also align or center the text inside the block.

The background image can be fixed and you can change its opacity and add an overlay color.

Make sure that the text wraps correctly over the image, and that text markup and alignments are working.

The next image should have a pink overlay color, the text should be bold and aligned to the left:

A center aligned cover image block, with a left aligned text.

This is a full width cover block with a fixed background image with a 20% opacity.

Make sure that all the text is readable.

Our last cover image block has a wide width.

This is a wide cover block with a video background.

Compare the video and image blocks.
This block is centered.

The block below has no alignment, and the text is a link. Overlay colors must also work with video backgrounds.

This page needed more pink.
Block: Gallery

03/11/2018
Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, and the maximum number of columns is eight.

Below is a three column gallery at full width, with cropped images.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.
- Sunburst over the Clinch River, Southwest Virginia.
- Boardwalk at Westport, WA
- Bell on wharf in San Francisco
- Coastline in Huatulco, Oaxaca, Mexico
(gallery caption) 3 column, full width, cropped, linked to attachment pages
- Boat BW PB Barco Texture Beautiful Fishing
Some more text for taking up space.

A two column gallery, aligned to the left, linked to media file.

In the editor, the image captions can be edited directly by clicking on the text.

If the number of images cannot be divided into the number of columns you have selected, the default is to have the last image(s) automatically stretch to the width of your gallery.

A four column gallery with a wide width:
- Sunrise over the coast in Huatulco, Oaxaca, Mexico
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.
A five column gallery with normal images:
This is the same gallery, but with cropped images.
Six columns: does it work at all window sizes?
- Boardwalk at Westport, WA
- Golden Gate Bridge
- Sydney Harbor Bridge
- Bell on wharf in San Francisco
- Rusty rails with fishplate, Kojonup
- Boats and reflections, Royal Perth Yacht Club
- Antique farm machinery, Mount Barker Museum, Western Australia
- Raindrop ripples on a pond
- Albany wind-farm against the sunset, Western Australia
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.
- Windmill shrouded in fog at a farm outside of Walker, Iowa
- Jericoacoara Ceara Brasil
- Sunrise over the coast in Huatulco, Oaxaca, Mexico
Seven columns: how does this look on a narrow window?
- It’s dangerous to go alone! Take this.
- Boat BW PB Barco Texture Beautiful Fishing
- Coastline in Huatulco, Oaxaca, Mexico
- Jericoacoara Ceara Brasil
- Sunrise over the coast in Huatulco, Oaxaca, Mexico
- Beach at Big Sur, CA
- Windmill shrouded in fog at a farm outside of Walker, Iowa
- Sea and rocks, Plimmerton, New Zealand
- Rusty rails with fishplate, Kojonup
images linked to media file – do captions obscure links?
Eight columns:
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.
- Boardwalk at Westport, WA
- Golden Gate Bridge
- Antique farm machinery, Mount Barker Museum, Western Australia
- Albany wind-farm against the sunset, Western Australia
- Bell on wharf in San Francisco
- Sydney Harbor Bridge
- Raindrop ripples on a pond
- Boat BW PB Barco Texture Beautiful Fishing
- Boats and reflections, Royal Perth Yacht Club
- Rusty rails with fishplate, Kojonup
- Sea and rocks, Plimmerton, New Zealand
- Coastline in Huatulco, Oaxaca, Mexico
images are linked, do the links work?