What does it do?

This stack will allow you to create a backend for your blog. This secured backend allows you to create, modify and delete blog posts directly from your website without needing to use your FTP software to upload blog posts.


Editor Tutorials

Below we look at using Alloy's new Editor stack for creating, editing and deleting your blog posts directly from your website. Using the Editor is easy and convenient and makes managing your blog a breeze.

Setting Up Editor

In this video we take a look at the initial setup of your Editor page for your blog. We walk through building the Editor page as well as configuring your secure password.

Working with Posts

We cover how to add, modify and delete blog posts using Alloy's Editor stack as well as taking a closer look at its Markdown tools and posts backup.

More Alloy Tutorials

We offer a wide variety of tutorials for Alloy with topics ranging from the basics of getting started to more advanced topics like using the Alloy Conditionals stack.


Credentials

This section, as well as the Password setup portion of the Editor's settings, are important in configuring your blog's backend. So much so that we've created a video below to get you started!

USER NAME
This is where you will configure the user name for your login.

HASHED PASSWORD
This is where you will paste your hashed password, which you will receive when you're using the Setup Password feature. PLEASE watch through the video above to see how this process is done. This hashed password system provides a secure method of verifying your login, keeping your password from being published to the site.


Password Setup

SETUP PASSWORD
Enabling this feature and then publishing your page will put the Alloy Editor into Password Setup mode. This allows you to created a secure hashed password. After creating your hashed password you will copy and paste it into the HASHED PASSWORD field above.

Once you've done so, disable this feature and once again republish your page. Your secure password has now been configured.

Please be sure to watch the Password Configuration video above.


Login

CUSTOM LOGO
Your user login screen features a logo above the User Name and Password fields. Normally it is the Alloy icon, but if you'd like you can enable this Custom Logo feature and provide your own logo. The logo must be no larger than 128 px tall. The Editor stack will scale down your image to be a max of 128 px tall. It is recommended to simply use a 128 px tall image though.

USER PLACEHOLDER
This field allows you to customize the placeholder text for the User Name field on the login screen.

PASSWORD PLACEHOLDER
This field allows you to customize the placeholder text for the Password field on the login screen.

LOGIN BUTTON LABEL
You can insert your own custom text for the Login Button text label here.

LOGIN BUTTON STYLE
Choose from one of Foundry's preset colors, or choose your own custom color, for the Login Button.

LOGOUT BUTTON LABEL
You can insert your own custom text for the Logout Button text label here.

LOGOUT BUTTON STYLE
Choose from one of Foundry's preset colors, or choose your own custom color, for the Logout Button.


Posts List

BLOG PAGE
Link to your blog page here. This will allow the Editor to know where your blog is located so that you can make use of the Editor's ability to view your posts right from the Posts List view.

ACTIVE POSTS
Allows you to choose how many active blog posts will be shown on each of the Posts View pages.

DATE FORMAT
Choose from several date configurations for how you wish the Posts List to display each post's date.

INVERSE LIST HEADERS
This is a purely aesthetic feature that will inverse the display of the Draft, Future and Active table headers.

HIGHLIGHT ROWS ON HOVER
Allows the rows within your Posts List view to highlight slightly when they are hovered over in the Posts List view.

DRAFTS, FUTURE & ACTIVE LABELS
Allows you to customize the labels for the Drafts, Future and Active posts lists for the Posts List view.


Add / Edit Post

ADD NEW LABEL
This label field allows you to customize the text for the Add New Post button.

ADD BUTTON STYLE
Choose from one of Foundry's preset colors, or choose your own custom color, for the Add New Post Button.

SPELL CHECKER
The Editor stack has a simple spell checker for the text field where you write the main body of your blog posts. This option allows you to toggle that setting on or off.

TOOLBAR
The toolbar for the text field where you write the main body of your blog posts can be customized to have specific functionality enabled or disabled. There are four rows of toggle buttons in the settings for the stack that allow you to choose which features you wish to have toolbar buttons displayed for.


Add / Edit Post Placeholder Text

FIELDS
This section allows you to customize the text for the various fields' placeholder text on the Add and Edit Post views. You can change the placeholder text for the following fields:

  • Post Title
  • Draft Post
  • Author Name
  • Category Name
  • Topper Image
  • Topper Image ALT Tag

Example Posts List

COLLAPSE EXAMPLE IN EDIT MODE
Allows you to hide the example Posts List view in edit mode.


Debug Mode

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.


Shortcut Keys

When adding and editing posts you can, as always, continue to use Markdown for the main body content of your blog posts. The Alloy Editor though takes things to the next level with both its toolbar (see above) that inserts Markdown code as well as its keyboard shortcuts. Below is a full list of all available keyboard shortcuts when writing in the main body content area of your blog posts:

cmd-' : Blockquote
cmd-b : Bold
cmd-i : Italicize
cmd-option-s : Strikethrough
cmd-, : Increase Heading Size
cmd-. : Decrease Heading Size
cmd-k : Insert Link
cmd-option-i : Insert Image
cmd-option-; : Insert Unordered List
cmd-option-l : Insert Ordered List
cmd-option-h : Insert Horizontal Rule
cmd-option-c : Insert Code Block
cmd-option-t : Insert Table
cmd-p : Preview
cmd-option-f : Full Screen
cmd-option-p : Side-By-Side View

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.


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-2019 Elixir Graphics. Built using Foundry & Alloy.

RapidWeaver® is a Registered Trademark of Realmac Software Limited