gallery | Glyn Griffiths

Tagged: gallery Toggle Comment Threads | Keyboard Shortcuts

Glyn 03:55 on 3rd November 2018 Permalink
Tags: Columns ( 2 ), content περιεχόμενο ( 10 ), gallery, image ( 11 )
Block: Gallery

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.
- $\"canola\"$
  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$
  Sunburst over the Clinch River, Southwest Virginia.
- $\"Orange$
  Orange Iris
- $\"Boardwalk\"$
  Boardwalk at Westport, WA
- $\"Bell$
  Bell on wharf in San Francisco
- $\"Huatulco$
  Coastline in Huatulco, Oaxaca, Mexico
(gallery caption) 3 column, full width, cropped, linked to attachment pages
- $\"\"$
- $\"Unicorn$
- $\"\"$
- $\"\"$
- $\"Boat$
  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:
- $\"\"$
- $\"\"$
- $\"Huatulco$
  Sunrise over the coast in Huatulco, Oaxaca, Mexico
- $\"canola\"$
  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.
- $\"dsc20050813_115856_52\"$
- $\"dsc20050727_091048_222\"$
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\"$
  Boardwalk at Westport, WA
- $\"Golden$
  Golden Gate Bridge
- $\"Sydney$
  Sydney Harbor Bridge
- $\"Bell$
  Bell on wharf in San Francisco
- $\"Rusty$
  Rusty rails with fishplate, Kojonup
- $\"Yachtsody$
  Boats and reflections, Royal Perth Yacht Club
- $\"Antique$
  Antique farm machinery, Mount Barker Museum, Western Australia
- $\"\"$
- $\"Rain$
  Raindrop ripples on a pond
- $\"Wind$
  Albany wind-farm against the sunset, Western Australia
- $\"canola\"$
  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\"$
  Windmill shrouded in fog at a farm outside of Walker, Iowa
- $\"Brazil$
  Jericoacoara Ceara Brasil
- $\"Huatulco$
  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.
- $\"Unicorn$
- $\"\"$
- $\"\"$
- $\"\"$
- $\"Boat$
  Boat BW PB Barco Texture Beautiful Fishing
- $\"Huatulco$
  Coastline in Huatulco, Oaxaca, Mexico
- $\"Brazil$
  Jericoacoara Ceara Brasil
- $\"Huatulco$
  Sunrise over the coast in Huatulco, Oaxaca, Mexico
- $\"Big$
  Beach at Big Sur, CA
- $\"Windmill\"$
  Windmill shrouded in fog at a farm outside of Walker, Iowa
- $\"Sea$
  Sea and rocks, Plimmerton, New Zealand
- $\"Rusty$
  Rusty rails with fishplate, Kojonup
images linked to media file – do captions obscure links?
Eight columns:
- $\"canola\"$
  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\"$
  Boardwalk at Westport, WA
- $\"Golden$
  Golden Gate Bridge
- $\"Antique$
  Antique farm machinery, Mount Barker Museum, Western Australia
- $\"Orange$
  Orange Iris
- $\"Wind$
  Albany wind-farm against the sunset, Western Australia
- $\"Bell$
  Bell on wharf in San Francisco
- $\"Sydney$
  Sydney Harbor Bridge
- $\"dsc20050813_115856_52\"$
- $\"Rain$
  Raindrop ripples on a pond
- $\"\"$
- $\"Unicorn$
- $\"Boat$
  Boat BW PB Barco Texture Beautiful Fishing
- $\"\"$
- $\"Yachtsody$
  Boats and reflections, Royal Perth Yacht Club
- $\"Rusty$
  Rusty rails with fishplate, Kojonup
- $\"Sea$
  Sea and rocks, Plimmerton, New Zealand
- $\"Huatulco$
  Coastline in Huatulco, Oaxaca, Mexico
- $\"\"$
- $\"\"$
images are linked, do the links work?
Glyn 07:10 on 1st November 2018 Permalink
Tags: content περιεχόμενο ( 10 ), embeds ( 5 ), gallery, image ( 11 ), video ( 3 )
Block category: Common

The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover, video.

The paragraph block is the default block type. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.

This paragraph is left aligned.

This italic paragraph is right aligned.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

This paragraph is centered.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

This paragraph has something important to say: It has a large font size, which defaults to 36px.

The huge text size defaults to 46px, but the size can be customized.

This paragraph is colorful, with a red background and white text (maybe). Colored blocks should have a high enough contrast, so that the text is readable.

Below this block, you will see a single image with a circle mask applied.

$\"Image$

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Ordered list
1. The software should be licensed under the GNU Public License.
2. The software should be freely available to anyone to use for any purpose, and without permission.
3. The software should be open to modifications.
  1. Any modifications should be freely distributable at no cost and without permission from its creators.
4. The software should provide a framework for translation to make it globally accessible to speakers of all languages.
5. The software should provide a framework for extensions so modifications and enhancements can be made without modifying core code
Unordered list
- One
- Two
- Three
  - Four
- Five
- $\"Brazil$
  Jericoacoara Ceara Brasil
- $\"Huatulco$
  Sunrise over the coast in Huatulco, Oaxaca, Mexico
- $\"Windmill\"$
  Windmill shrouded in fog at a farm outside of Walker, Iowa
- $\"Huatulco$
  Coastline in Huatulco, Oaxaca, Mexico
- $\"\"$
- $\"Big$
  Beach at Big Sur, CA
images are not linked
Quote
Cite

Cover block with background image

The file block has a setting that lets us show or hide a download button with editable text:

File Block PDF Download

File Block PDF

Video blocks have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

This is a video block caption.

The video block below is muted and has a poster image that displays before the video starts:
Glyn 07:24 on 10th September 2010 Permalink
Tags: gallery, Post Formats ( 15 ), shortcode ( 5 )

Post Format: Gallery

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.

Bell on wharf in San Francisco

Golden Gate Bridge

Sunburst over the Clinch River, Southwest Virginia.

Boardwalk at Westport, WA

Boats and reflections, Royal Perth Yacht Club

Raindrop ripples on a pond

Sydney Harbor Bridge

Albany wind-farm against the sunset, Western Australia

Antique farm machinery, Mount Barker Museum, Western Australia

Orange Iris

Rusty rails with fishplate, Kojonup

Sea and rocks, Plimmerton, New Zealand

Beach at Big Sur, CA

Windmill shrouded in fog at a farm outside of Walker, Iowa

Sunrise over the coast in Huatulco, Oaxaca, Mexico

Jericoacoara Ceara Brasil

Coastline in Huatulco, Oaxaca, Mexico

Boat BW PB Barco Texture Beautiful Fishing

log

Pages: 1 2
Glyn 17:23 on 9th September 2010 Permalink
Tags: gallery, jetpack ( 2 ), Post Formats ( 15 ), shortcode ( 5 ), tiled

Post Format: Gallery (Tiled)
This is a test for Jetpack\’s Tiled Gallery.

Install Jetpack to test.

This is some text after the Tiled Gallery just to make sure that everything spaces nicely.
Glyn 01:00 on 1st June 2009 Permalink
Tags: 8BIT, alignment ( 3 ), Articles, captions ( 2 ), categories ( 2 ), chat ( 2 ), Codex ( 4 ), comments ( 4 ), content περιεχόμενο ( 12 ), css ( 7 ), dowork, edge case ( 8 ), embeds ( 5 ), excerpt ( 3 ), Fail, featured image ( 3 ), FTW, Fun, gallery, html ( 5 ), image ( 11 ), jetpack ( 2 ), layout ( 4 ), link ( 2 ), Love, markup ( 6 ), Mothership, Must Read, Nailed It, Pictures, Post Formats ( 15 ), quote ( 2 ), shortcode ( 5 ), standard ( 2 ), Success, Swagger, Tags, template ( 12 ), title ( 5 ), twitter ( 2 ), Unseen, video ( 3 ), videopress, WordPress, wordpress.tv ( 2 )

Edge Case: Many Tags
This post has many tags.