In the sector of writing and content creation, it's important to give credit where credit is deserved. One way to honor the authors behind the captivating content on your Ghost-powered website is by creating an author's page. An author's page serves as a dedicated space to showcase the talented individuals who contribute to your platform. In this blog post, we will talk about the process of creating an author's page in your Ghost theme, giving you to highlight your team and their valuable contributions.
Create Authors Page in Ghost Blog
An author page is very important for every blog website. It introduces your author to your valuable readers. Besides, on the author page readers easily find your popular author content. Today I will share very easy steps to create a custom author page in your ghost blog.
Step 1: Access your Ghost Theme Files
To create a ghost authors page, you need access to the files of your Ghost theme. You can do this by either downloading the theme files from the Ghost marketplace or accessing the theme files on your Ghost hosting provider.
Step 2: Create a new File
To create a new file called custom-authors.hbs
in your theme directory, you need to follow the below steps:
-
Open your theme directory.
-
Create a new file called
custom-authors.hbs
-
Copy the below code and paste the code into the newly created
custom-authors.hbs
file.
{{!< default}}
<header class="site-header">
<div class="outer site-nav-main">
<div class="inner">
{{> "site-nav"}}
</div>
</div>
</header>
{{#post}}
<main id="site-main" class="site-main outer" role="main">
<div class="inner">
<header class="post-full-header">
<h1 class="post-full-title">{{title}}</h1>
</header>
{{#get 'authors' limit='all' include='count.posts' order='count.posts desc'}}
<div class="post-feed">
{{#foreach authors}}
<article class="post-card {{#unless profile_image}} no-image{{/unless}}">
{{#if profile_image}}
<a class="post-card-image-link" href="{{url}}">
<div class="post-card-image" style="background-image: url({{profile_image}})"></div>
</a>
{{/if}}
<div class="post-card-content">
<a class="post-card-content-link" href="{{url}}">
<header class="post-card-header">
<h2 class="post-card-title">{{name}}</h2>
</header>
<section class="post-card-excerpt">
<p>{{bio}}</p>
</section>
</a>
</div>
</article>
{{/foreach}}
</div>
{{/get}}
</div>
</main>
{{/post}}
In the provided code, the #get helper is utilized to fetch the blog users. The include attribute are used to retrieve the number of posts associated with each user. The order attribute is employed to arrange the users' list based on the number of posts attached to them.
Following that, the foreach helper is implemented to iterate through each author and generate a list displaying the author's profile image, name, URL, and bio. It's important to remember that after making these changes, you might need to restart your server. This step ensures that the Template dropdown appears in the subsequent stage effectively.
Step 3: Create the Authors Static Page
If you want to create a static page in your ghost blog, then you need to follow the following the below steps-
-
Create a new page and name it authors.
-
In the page setting select the author template.
-
Click Publish to publish the page.
This serves as an initial example of what you can do with the Authors page. To enhance it further, you have the opportunity to incorporate additional functionalities. For instance, you can extend the code to include the author's social media accounts, location information, cover image, and even display their post count. The possibilities for customization and expansion are vast, allowing you to create a comprehensive and engaging Authors page.
Conclusion:
Creating an author's page in your Ghost theme is a meaningful way to recognize and showcase the talented individuals behind your platform's content. By following the steps outlined in this blog post, you can customize your Ghost theme, design an author's page layout, incorporate dynamic author's data, and link it to your theme. Embrace the power of personalization and give your readers the opportunity to connect with your authors on a deeper level. Happy blogging!