Avatar
With link to user profile:
Alignment
Border
Duotone
Padding and maring
Padding preset: 4
Margin preset: 4
Posts Lists
Note: For these tests, the parent query loop is full width. “Inner blocks use content width” on the query loop is turned off, which is the default value.
Inner blocks use content width: Off
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Inner blocks use content width: On
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Grid, 3 columns
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Justification
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Custom width 200px, custom wide width 400px
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Color
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Block spacing
Block spacing preset: 0
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Block spacing preset: 4
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Block spacing preset: 7
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Typography
Font size
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Appearance
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Line height
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Letter spacing
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Decoration
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
-
Categories
Color Alignment Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Date
Link to post: Date formats: Alignment (Text alignment) Color Typography Font size Appearance Line height Letter spacing Decoration Letter case Padding and margin Padding preset: 4 Margin preset: 4
-
Author Name
With link to archive: Color Alignment Typography Font sizes Appearance Line height Letter spacing Decoration Letter case
Query Loop
Note: A separator have been added between each query loop.
Title & date variation
-
Next and Previous Post
-
Tags
Title & excerpt variation
-
Title
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
Title, date & excerpt variation
-
Heading
H1 Heading H1 Heading, bold H1 Heading, italic H1 Heading, linked H1 Heading, highlighted H2 Heading H3 Heading H4 Heading H5 Heading H6 Heading H2 Heading, wide H2 Heading, full width H2 Heading, left aligned H2 Heading, center H2 Heading, right aligned H2 Heading with text color H2 Heading with text coloor and background color…
-
Paragraph
A paragraph. A paragraph with drop cap enabled. Note: There is a spacer block below, to clear the next block. A bold paragraph. An italic paragraph. A linked paragraph. A highlighted paragraph. Color A paragraph. A paragraph with a link A paragraph. A paragraph with a link Alignment A paragraph without alignment. A left aligned…
Image, date, and title variation
-
Hello world!
-
Workers Go Go!
Post type: page
-
Disclaimer
Shorter Disclaimer KenFriesen.net is created, edited, and managed by myself, Ken Friesen. It is not necessarily representative of any person, place, organization, business, corporation, or political party in any way. The views expressed here are solely my own, and, as all ideas, are in a constant state of flux. Rigidity in belief is the antithesis…
Filter: “Design” category
Offset: 1
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
-
Posts Lists
Note: For these tests, the parent query loop is full width. “Inner blocks use content width” on the query loop is turned off, which is the default value.
Pagination without reload
-
Title
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
Alignment
-
Title
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
-
Title
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
-
Title
-
Avatar
With link to user profile: Alignment Border Duotone Padding and maring Padding preset: 4 Margin preset: 4
Site Tagline
almost anythink
Color
almost anythink
almost anythink
almost anythink
Alignment
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
almost anythink
Typography
Font size
almost anythink
almost anythink
almost anythink
almost anythink
Appearance
almost anythink
almost anythink
Line height
almost anythink
Letter spacing
almost anythink
Decoration
almost anythink
almost anythink
Letter case
almost anythink
almost anythink
almost anythink
Padding and margin
Padding preset: 4
almost anythink
Margin preset: 4
almost anythink
Site Title
Site Title
With link:
Site Title
Heading level 1-6
Site Title
Site Title
Site Title
Site Title
Site Title
Site Title
Alignment
Site Title
Site Title
Site Title
Site Title
Site Title
Color
Site Title
Site Title
Site Title
Typography
Font size
Site Title
Site Title
Site Title
Site Title
Appearance
Site Title
Site Title
Line height
Site Title
Letter spacing
Site Title
Decoration
Site Title
Site Title
Site Title
Letter case
Padding and margin
Padding preset: 4
Site Title
Margin: preset 4
Site Title
Site Logo
Without link
Style variation: Rounded
Duotone
Note: there is a spacer block above to clear the alignment.
Padding and margin
Padding preset: 4
Margin preset: 4