0 Bryan’s Play Page

Use your “play page” to learn the tools, experiment, play. Each editor (Nickie, Winni, Ginny) has her own play page, as does Bryan. Use Bryan’s as a reference if you mess up your own play page. Do not play on any play page but your own. You will notice I separated each section with a horizontal bar that goes across the page.


This is “Heading 1”

This is “Heading 2”

This is “Heading 3”

This is “Heading 4”

This is “Heading 5”
This is “Heading 6”

This is “Paragraph” text


This is heading 4 and the following is an example of one column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet tempus. Donec bibendum lacinia cursus. In hac habitasse platea dictumst. Duis non velit et turpis mollis efficitur sed vel diam.


This heading 5 and the following is an example of two columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet tempus. Donec bibendum lacinia cursus. In hac habitasse platea dictumst. Duis non velit et turpis mollis efficitur sed vel diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet

xxxxxxxxx

yyyyyyyyy


This heading 6 and the following is an example of three columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet tempus. Donec bibendum lacinia cursus. In hac habitasse platea dictumst. Duis non velit et turpis mollis efficitur sed vel diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet


 

This paragraph font and the following is an example of four columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut.

Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum.

Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet tempus.

Donec bibendum lacinia cursus. In hac habitasse platea dictumst. Duis non velit et turpis mollis efficitur sed vel diam.


 

This is bold font and the following is an example of asymmetrical columns (4/5 and 1/5) with pictures inserted into each column. The pic on the left is set to “align left” so the text wraps around it. The pic on the right is set to “align center” so the text goes beneath it. The pic on the left has a 1-pixel border. Click on the pics and they enlarge AND start an interactive slide show of the two pics shown.

[four_fifth]

Fountain-600pxLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut. Proin auctor, lacus semper dapibus rutrum, nibh justo imperdiet odio, sit amet lacinia mauris arcu et metus. Cras vulputate non arcu id fermentum. Nulla a vehicula sem. Integer sit amet arcu vehicula arcu venenatis efficitur id ut purus. In at condimentum nibh. Suspendisse vehicula risus vel ex ullamcorper, a venenatis tortor ullamcorper. Cras aliquet ex vel lorem laoreet

[/four_fifth]

[one_fifth_last]

Fountain-600pxLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent imperdiet mollis nibh quis vehicula. Morbi pretium ante eget velit pellentesque tincidunt. Suspendisse potenti. Nunc euismod tristique diam, dapibus euismod dolor dapibus ut.

[/one_fifth_last]


The following is the same “Meta Slider” that is on the home page.

[metaslider id=238]


The following is a custom “Meta Slider” that Bryan created using the “Meta Slider” tool in the Dashboard (the black sidebar at the left).

[metaslider id=433]


 

This is a “gallery.”  To insert a gallery, put the cursor on a page in the place where you want the gallery to appear. Then click “Add Media” button just above your visual-editor toolbar. A your media library will open. Click “Create Gallery” in the top left corner. Another window opens. Select the pictures you want in the gallery by clicking on each one. Then click “Create Gallery” in the bottom right corner.  Your gallery editor window opens again. Now you can add or delete or arrange your pictures. Now decide how many columns you want in your gallery grid. When satisfied, click “insert gallery” in the bottom right corner.