Creating a Static Page
You can permanently pin any blog post to your blog's navigation bar (like an “About” or “Contact” page) by following these steps:
- Publish a post to your blog
- Go to your blog home page by clicking your blog name in the top-left corner
- Hover over the post
- Click Pin
That's it! You'll see a link to that post from every page on your blog.
Here's what it looks like in practice:
Types of Static Pages
Now that we know how pinning works, we can create static pages. But what kind of static pages should be on your blog? Much like a table of contents or index for a book, static pages act as a frame of reference for your blog. With that in mind, let's examine four static pages you could create
Your readers could be asking themselves, “What is this blog about?” This is the static page where people can learn more about the “what” and “who” of your blog. Be as specific or vague as you'd like – it is your blog. Choose who you want to be and what you want your blog to be about.
Once people learn more about you and your blog, perhaps they want to get in touch – to leave positive feedback or make a suggestion. How can they do that? This is the page where you can list the ways people can contact you, everything from an email address to a contact form.
This blog is just one part of your online presence. Where can others find you? Link to your social media, your videos, your code repos, anywhere else where readers can find you on the web.
Someone enjoys your blog and wants to subscribe to it. Create a static page that gives them the ways they can do that. Write.as already provides built-in methods for subscription:
- Provide a link to your RSS feed (simply add /feed to your blog's url).
- Share your blog's Fediverse handle so that people can follow your blog from Mastodon (learn about enabling Federation here).
- Enable email subscriptions so readers can receive beautiful emails of your posts. Just add the markup,
<form method="post" id="emailsub" action="/api/collections/how-to/email/subscribe"><input type="hidden" name="slug" value="creating-a-static-page" /><input type="hidden" name="web" value="1" /><div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="wYaHlOytMajpHFuuqw8B0raL0HfmbYAQbM0Holc" tabindex="-1" value="" /></div><input type="email" name="email" placeholder="firstname.lastname@example.org" /><input type="submit" id="subscribe-btn" value="Subscribe" /></form>to your page, generating an email subscription box for people to fill in. (learn more about enabling email subscription here).
Give the readers of your blog more context with static pages.