1. "Layout: Header Image (Horizontal)"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • edge case
    • featured image
    • image
    • layout

    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.

    read more
  2. "Layout: Header Image Overlay"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • edge case
    • image
    • layout last_modified_at: 2018-03-20T16:00:52-04:00

    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 …

    read more
  3. "Layout: Header Image Overlay with Custom Tagline"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • edge case
    • image
    • layout last_modified_at: 2020-01-07T13:05:25-05:00

    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 …
    read more
  4. "Layout: Header Image (Vertical)"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • edge case
    • featured image
    • image
    • layout

    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.

    read more
  5. "Layout: Header Overlay with Background Fill"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • edge case
    • image
    • layout

    This post should display a header with a solid background color, if the theme supports it.

    Non-square images can provide some unique styling issues.

    This post tests overlay headers.

    read more
  6. "Layout: Sidebar Custom"

    Published: Thu 15 March 2012
    By octt

    In posts.

    • title: "Title" image: "/assets/images/350x250.png" image_alt: "image" text: "Some text here."
    • title: "Another Title" text: "More text here." nav: sidebar-sample

    This post has a custom sidebar set in the post's YAML Front Matter.

    An example of how that YAML could look is:

    sidebar:
      - title: "Title"
        image: "/assets/images …
    read more
  7. ['"Layout: Sidebar with Navigation List"', '"Sample Title"']

    Published: Thu 15 March 2012
    By octt

    In posts.

    This post has a custom navigation list set in the post's YAML Front Matter.

    sidebar:
      title: "Sample Title"
      nav: sidebar-sample
    

    Along with navigation elements set in _data/navigation.yml.

    sidebar-sample:
      - title: "Parent Page A"
        children:
          - title: "Child Page A1"
            url: /
          - title: "Child Page A2"
            url: /
          - title: "Child Page A3"
            url …
    read more
  8. "Layout: Code Excerpt (Generated)"

    Published: Wed 14 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • content
    • excerpt
    • layout

    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 …

    read more
  9. "Layout: Excerpt (Defined)"

    Published: Wed 14 March 2012
    By octt

    In posts.

    • Layout
    • Uncategorized tags:
    • content
    • excerpt
    • layout

    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.

    read more

links

social