Uncategorized

21 articles

Aciform Antiquarianism Arrangement Asmodeus Blog Blogging Broder Buying Championship Chastening Demo Disinclination Disinfection Dispatch Echappee Edge Case Enphagy Jekyll Jekyll Update Layout Markdown Markup Media Post Formats Sample-Posts Sample-Posts External-Services Tutorial Uncategorized

Layout: Code Excerpt (Generated)

Monday, Jan 1, 0001

This is the post content with inline code, (e.g. <span style="color: red;">red</span>. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content.

Be sure to test the formatting of the auto-generated excerpt, to ensure that it doesn’t create any layout problems.

1 minute read

Layout: Comments Disabled

Monday, Jan 1, 0001

This post has its comments disabled.

There should be no comment form.

1 minute read

Layout: Comments Enabled

Monday, Jan 1, 0001

This post should display comments if a provider is enabled.

1 minute read

Layout: Excerpt (Defined)

Monday, Jan 1, 0001

This is the post content. It should be displayed in place of the user-defined excerpt in archive-index pages.

This paragraph should be absent from an archive-index page where post.excerpt is shown.

1 minute read

Layout: Excerpt (Generated)

Monday, Jan 1, 0001

This is the post content. Archive-index pages should display an auto-generated excerpt of this content.

1 minute read

Layout: Header Image (External URL)

Monday, Jan 1, 0001

This post should display a header image, if the theme supports it.

Featured image is an external asset and should load.

1 minute read

Layout: Header Image (Horizontal)

Monday, Jan 1, 0001

This post should display a header image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a horizontal header image.

1 minute read

Layout: Header Image (Vertical)

Monday, Jan 1, 0001

This post should display a header image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests a vertical header image.

1 minute read

Layout: Header Image Overlay

Monday, Jan 1, 0001

This post should display a header with an overlay image, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests overlay header images.

Overlay filter

You can use it by specifying the opacity (between 0 and 1) of a black overlay like so:

![transparent black overlay]({{ “/assets/images/mm-header-overlay-black-filter.jpg” | relative_url }})

excerpt: "This post should [...]"
header:
  overlay_image: /assets/images/unsplash-image-1.jpg
  overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  actions:
    - label: "More Info"
      url: "https://unsplash.com"

Or if you want to do more fancy things, go full rgba:

1 minute read

Layout: Header Image Overlay with Custom Tagline

Monday, Jan 1, 0001

This post should display a header with an overlay image and custom tagline, if the theme supports it.

Non-square images can provide some unique styling issues.

This post tests overlay header images with custom page.tagline.

tagline: "This is a custom tagline content which overrides the default page excerpt."
header:
  overlay_image: /assets/images/unsplash-image-1.jpg
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"

1 minute read