What does it do?

After the main Alloy stack the Blog Entries stack is the next most important stack for your blog setup. This stack takes all of the main stacks data and processes it into the beautiful blog entries you see on your Summaries, Categories and Full Post views, creating what is essentially the bulk of your blog.


Settings

The Blog Entries stack contains a lot of different stacks controls. We've tried to break them up into logical groupings based on whether they affect the Summaries, Categories of Full Post view, but sometimes there is crossover between these different sections within the settings, so we've broken out some of the settings into their own groups as well.


Summaries

POSTS PER PAGE
Allows you to set the maximum number of blog posts to display per page on the Summaries view.

SPACE BETWEEN
You can use this setting to adjust ti spacing between your blog posts. You can adjust this setting for the Mobile, Tablet and Desktop breakpoints so that your posts can be spaced differently at each breakpoint.

POST TITLE TAG
This setting lets you customize the HTML tag that is used for your blog post's titles on the Summaries view. The default has Alloy using and H2 tag for your blog post title on the Summaries view.

TITLE FONT SIZE
Allows you to set a font size for your blog entry's title at each of the three breakpoints.

TITLE FONT
Customize the look at feel of your blog post titles for the Summaries view by choosing your font. You can use the main Foundry Control Center's Base Font or choose to use one of the Typeface presets from Foundry's Typeface stack.

FONT WEIGHT
Adjusts the boldness of your blog entry's title. When using the Foundry Control Center font for your title, the weight will be configured in the Foundry Control Center stack instead of using this control.

LETTER SPACING
Lets you change the spacing, also known as tracking, between the letters in your blog entry's title. You can adjust this setting at each of the three responsive breakpoints.

ITALICIZE
Applies an italicized styling to your blog entry's title.

TITLE ALIGNMENT
Allows you to align your blog entry's title to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the title at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

DATE & CATEGORY LINE
Enabling this feature will include the Date Line on each blog summary on your Summaries view.

DATE & CATEGORY PLACEMENT
Allows you to place the Date Line either above or below your blog entry's title.

SHOW AUTHOR
Enabling this feature includes the blog entry's author in the Date Line if the blog entry contains an author in its YAML front matter content.

DATE & CATEGORY ALIGNMENT
Allows you to align your blog entry's Date Line to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the Date Line at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

DATE & CATEGORY BORDER
Enabling this feature includes a border on the bottom of the Date Line for decorative purposes.

SUMMARY LENGTH
Allows you to adjust the length of the Summary Text for your blog entry summaries. This is an approximate value and can vary slightly based on the content within your blog post.

BODY ALIGNMENT
Allows you to align your blog entry's Summary Text to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the Summary Text at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

CONTENT PADDING
This feature let's you adjust the padding around the entirety of each individual Blog Entry Summary on the Summaries & Categories view. You can set a uniform padding for all three breakpoints, or by clicking on the small (+) button you're given the ability to set an padding for the Blog Entry Summary at each individual breakpoint, allowing you a different padding value at each of the three responsive breakpoints.

DROP SHADOW
Enabling the Drop Shadow control adds a drop shadow to all of your Blog Entry Summaries on the Summaries & Categories view. It also enables controls for styling the drop shadow.

ROUNDER CORNERS
Allows you to adjust the roundness of the corners for each of the individual Blog Entry Summaries. Useful when using a border or drop shadow setting for your Blog Entry Summaries.

ENTRY BORDER
Enabling this feature adds a border to the outside of your Blog Entry Summary on the Summaries and Categories view.

SUMMARY READ MORE BUTTONS
Adds a Read More button to the bottom of your Blog Entry Summary on the Summaries and Categories views. The title always acts as a link to your Full View for each blog post, but the Read More button gives your visitors and extra, clear way of accessing the Full View for your posts.

TOPPER IMAGE OVERLAY ICON
Adds an stylized icon on top of your Topper Images for your Summaries view when enabled. Also makes visible controls for styling this Topper Overlay Icon.


Summaries Colors

TITLE
Allows customization of the Blog Entry Titles. You can set a normal and a hover color.

CONTENT
Adjustments for the content's Background and Text colors can be done here.

CONTENT LINKS
Customize the color of all links within the content of your Blog Entry Summary text. You can choose a normal and hover color for your links.

DATE LINE TEXT & LINKS
Allows you to adjust the text color for your Date Line text as well as the normal and hover color for any links contained within the Date Line.


Date & Category Line

ICON BEFORE DATE LINE
When enabled this feature adds an icon in front of the Date Line text. You can choose the icon you wish to have from a wide variety of options, as well as customize the color of the icon.

TEXT BEFORE DATE
Enabling this feature gives you the ability to have a piece of text prefixed to the blog entry's date. The default text for this is "Posted On:", but you can customize this with any text you like.

DATE FORMAT
You can choose from several different ways to display your blog entry's date.

ADVANCED FORMAT
If you opt to use the advanced formatting for your date you may supply your own PHP formatting in this field. The date formatting for PHP can be found here. Alloy provides data for the day, month and year only, so use those elements only when constructing your date formatting.

DATE STYLE
Allows you to make your date bold, italicized or underlined. You can choose one, or multiple styles.

TEXT BEFORE CATEGORY
Enabling this feature gives you the ability to have insert a piece of text in front of the blog entry's category. The default text for this is "Category:", but you can customize this with any text you like.

CATEGORY STYLE
Allows you to make your category name bold, italicized or underlined. You can choose one, or multiple styles.

DIVIDER
Allows you to choose a bit of text, or symbol, to divide your Date Line elements.

BOTTOM MARGIN
Adjusts the amount of spacing below your Date Line


Full Entry

TITLE FONT SIZE
Allows you to set a font size for your blog entry's title at each of the three breakpoints.

TITLE FONT
Customize the look and feel of your blog post title for the Full Entry view by choosing your font. You can use the main Foundry Control Center's Base Font or choose to use one of the Typeface presets from Foundry's Typeface stack.

FONT WEIGHT
Adjusts the boldness of your blog entry's title. When using the Foundry Control Center font for your title, the weight will be configured in the Foundry Control Center stack instead of using this control.

LETTER SPACING
Lets you change the spacing, also known as tracking, between the letters in your blog entry's title. You can adjust this setting at each of the three responsive breakpoints.

ITALICIZE
Applies an italicized styling to your blog entry's title.

TITLE ALIGNMENT
Allows you to align your blog entry's title to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the title at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

DATE & CATEGORY LINE
Enabling this feature will include the Date Line on the Full Entry view.

DATE & CATEGORY PLACEMENT
Allows you to place the Date Line either above or below your blog entry's title.

SHOW AUTHOR
Enabling this feature includes the blog entry's author in the Date Line if the blog entry contains an author in its YAML front matter content.

DATE & CATEGORY ALIGNMENT
Allows you to align your blog entry's Date Line to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the Date Line at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

DATE & CATEGORY BORDER
Enabling this feature includes a border on the bottom of the Date Line for decorative purposes.

CONTENT PADDING
This feature let's you adjust the padding around the entirety blog entry. You can set a uniform padding for all three breakpoints, or by clicking on the small (+) button you're given the ability to set an padding for the blog entry at each individual breakpoint, allowing you a different padding value at each of the three responsive breakpoints.

DROP SHADOW
Enabling the Drop Shadow control adds a drop shadow to your blog entry on the Full Entry view. It also enables controls for styling the drop shadow.

ROUNDER CORNERS
Allows you to adjust the roundness of the corners of the blog entry. Useful when using a border or drop shadow setting for your Full Entry view.

ENTRY BORDER
Enabling this feature adds a border to the outside of your Blog Entry Summary on the Full Entry view.

TOPPER IMAGE (BASE MARGIN)
Allows you to add an extra margin to the bottom of your Topper Image.

GO BACK LINK
Enabling this feature will add a link to your blog entry on the Full View, that when clicked will take the visitor back to the Summaries view.

LEAD PARAGRAPH
When enabled this feature will make the first paragraph of your Full Post View into a Lead Paragraph. This consists of upsizing the text of that first paragraph a little bit, as a visual cue, to make it stand out as the start of the post.

EXTEND TOPPER IMAGE OUTSIDE POST
This feature allows your Topper Image to be wider than the contents of your blog entry. This is done for decorative purposes. When enabled you're given a control to that allows you to set how far outside the blog post to extend the image. This Overflow Size is applied to both the left- and right-hand side of the image equally.


Full Entry Colors

TITLE
Allows customization of the Blog Entry Title.

CONTENT
Adjustments for the content's Background and Text colors can be done here.

CONTENT LINKS
Customize the color of all links within the content of your Blog Entry Summary text. You can choose a normal and hover color for your links.

DATE LINE TEXT & LINKS
Allows you to adjust the text color for your Date Line text as well as the normal and hover color for any links contained within the Date Line.


Category Page

CATEGORY SUMMARIES PAGE LABEL
Enabling this feature will add a label to the top of the Categories view. It will also enable the ability to customize this label's text.

CATEGORY LABEL TAG
This setting lets you customize the HTML tag that is used for your Categories view page label. The default has Alloy using an H5 tag for this label.

FONT
Customize the look at feel of your page label for the Categories view by choosing your font. You can use the main Foundry Control Center's Base Font or choose to use one of the Typeface presets from Foundry's Typeface stack.

FONT WEIGHT
Adjusts the boldness of your Categories view label. When using the Foundry Control Center font for your title, the weight will be configured in the Foundry Control Center stack instead of using this control.

ITALICIZE
Applies an italicized styling to your Categories view label.

UPPERCASE
Allow you to make the Categories view label all uppercase.

INCLUDE SUMMARY
Enabling this feature will include a summary with each of the Categories listings.

READ MORE BUTTONS
Adds a Read More button to the bottom of each of the Categories view listings. The title always acts as a link to your Full View for each entry, but the Read More button gives your visitors and extra, clear way of accessing the Full View for your posts.

GO BACK LINK
Enabling this feature will add a link to your Categories view that when clicked will take the visitor back to the Summaries view.


Author

ICON
Allows you to add an icon before the author in the Date Line.

TEXT BEFORE AUTHOR
Used to customize the display of the author's name. Adds text to the Date Line just before the author. The default text is "Written by:" but it can be set to anything you like.


Topper Image

ROUND CORNERS
Allows you to round the corners on your Topper Images throughout your blog. You can round them uniformly on all four corners, or by clicking the (+) plus button you can round each corner individually.


Read More Button

LABEL
Allows you to customize the text that will be seen on Read More buttons throughout your blog.

ALIGNMENT
Allows you to set the alignment of your Read More buttons to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the Read More buttons at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

SIZE
You can opt to have your Read More buttons be Small, Standard or Large. This is applied to all Read More buttons throughout your Blog.

STYLE
Allows you to choose to use one of Foundry's built-in style presets, or choose a custom solid color or custom gradient for styling your Read More buttons manually.

BLOCK BUTTON
Enabling this feature will make your Read More buttons span the full width of whatever container it resides within.

ICON
This feature, when enabled, allows you to choose to add an icon to your Read More buttons.


Pagination

ALIGNMENT
Allows you to set the alignment of your Pagination controls for the Summaries and Categories views to the left, center or right. By clicking on the small (+) button you're given the ability to set an alignment for the at each individual breakpoint, allowing you a different alignment at each of the three responsive breakpoints.

INCLUDE TEXT
When enabled this feature allows you to add and customize the text for your Next and Previous buttons in your Pagination controls.


Go Back Link

GO BACK TEXT
Insert custom text for your Go Back buttons throughout your blog. The default is "Go Back" but this text can be whatever you like.

PLACEMENT
Choose whether to place your Go Back button at either the top or the bottom of the pages where it would be visible.

STYLE
Opt to have your Go Back link displayed as either a plain text link or a button.


Advanced

EXTEND IMAGES IN FULL POSTS
When enabled, if you are using the advanced code snippets for extending images within your blog posts, this feature will allow those images to extend outside the bounds of the blog entry content. This effect is applied to the extended images only on the Full Post view and only at the Desktop breakpoint.

CATEGORY ONLY MODE
Enabling this feature will allow you to have the Blog Entries stack display just posts from one specific category. This essentially turns the stack into a Categories only view.

DEBUG MODE
Used for troubleshooting if bugs happen to crop up. This is only really useful for Elixir support. Otherwise you will want to leave this feature disabled.

Alloy Stacks

Documentation on the settings and controls for each of the individual Alloy stacks:


Markdown

New to Markdown or just need a refreshed? We've got you covered with our Markdown Cheatsheet.


ADVANCED
Front Matter

We use YAML to create the Front Matter of our blog posts. That front matter contains important things like our post title, category and more. We've got a YAML cheatsheet of all the available options for reference.

Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!


Copyright (c) 2006- Elixir Graphics. Built using Foundry & Alloy.

RapidWeaver® is a Registered Trademark of Realmac Software Limited