• Submit Ticket
  • My Tickets
Themeix Support Portal
  • Submit Ticket
  • My Tickets

Docs: Pidkast Ghost Theme

/Ghost Themes / Pidkast Ghost Theme /
  • Pidkast Ghost Theme Introduction
  • How to set up the Contact page
  • How to setup About page
  • How to disable themeix/ghost credit
  • How to setup footer social link
  • How to setup testimonial
  • How to setup home category post
  • How to change the gradient color in Pidkast
  • How to disable moving elements
  • How to add comment for the Ghost Blog?
  • How to add dynamic dropdown Navigation?
  • How to run gulp on the computer?
  • Ghost Theme Installation
  • Ghost Contact Page
  • Create Authors Page
  • Create Tags Page
  • Disqus Comments
  • Featured Post in ghost
  • Set up the Navigation menu in ghost

Pidkast Ghost Theme Introduction

Pidkast is a premium Ghost theme by Themeix. It is a modern, clean, and fully responsive Ghost theme that works on any device and screen size. It has a lot of features that other Ghost themes don’t have. All of the theme’s sections are responsive and adapt to any device and screen size. Pidkast also comes with a light and a dark theme.


Open in New Tab

How to set up the Contact page

Please follow the steps below to create a ghost contact page:

  • Create a page named what you want.
  • Now select this page to the contact template

Your contact page is ready to display.

Now you need to set up your own configuration to get contact mail from the user. Go to https://submit-form.com and create a free account and contact form. After creating the form, you will get the form id. Just add this ID in setting options

Uses


Open in New Tab

How to setup About page

  • Create a page named what you want.
  • Now select this page to the about template

Your page is ready to display.

Now you can set up your top section by below this code

<div class="about-area position-relative mt-7 mt-lg-10 mb-5 mb-md-8">
    <img src="/assets/images/main-round-circle.svg" alt="title" class="about-round-shape">
    <div class="container">
        <div class="row align-items-center mb-5 mb-lg-8">
            <div class="col-lg-6">
                <div class="about-image mb-5"><img src="/assets/images/about-image.jpg" alt="title"></div>
            </div>
            <div class="col-lg-6">
                <div class="about-content ms-lg-7">
                    <h2 class="display-5 mb-4 mb-md-7">We are working for the podcast industry</h2>
                    <p class="fs-5 mb-3">Concepts and of the their one have I the to a screen. Than your their was
                        were
                        sports. Evening slid generally next </p>
                    <ul class="m-0">
                        <li>For embarkation the which how container of a she work," </li>
                        <li>The hitting your the I by goals</li>
                        <li>Suspicious have ability assistant mountains</li>
                        <li>Ticking from so, freshlybrewed then if, more there on. </li>
                        <li>For embarkation the which how container of a she work</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-lg-6 order-lg-1">
                <div class="about-image right-shape mb-5"><img src="/assets/images/about-image2.jpg" alt="title">
                </div>
            </div>
            <div class="col-lg-6 order-lg-12">
                <div class="about-content me-lg-7">
                    <h2 class="display-5 mb-4 mb-lg-7">Our Mision & Vision</h2>
                    <p class="mb-3">A boss when having dressed they minutes should of with must picked and among a
                        the it
                        decelerate hall tower, her to the to concept and build and, the eye. Of first family room.
                        Intended
                        appointed rethoric the on bit who the is why to of headline times, </p>
                    <p class="m-0">always I human on seemed he'd text, spineless, of understand people name
                        stitching it how
                        such of you lots so the through sleep of feedback audience. To or be sports. With a would even a
                        there
                        better </p>

                    <div class="about-btn mt-4 mt-lg-7">
                        <a href="/contact" class="btn btn-primary text-white mb-2 me-2"><span class="me-1"><img
                                    src="/assets/images/about-contact-icon.svg" alt="title"></span> Contact
                            US</a>
                        <a href="/authors" class="btn btn-dark mb-2"><span class="me-1"><img
                                    src="/assets/images/about-meet-icon.svg" alt="title"></span> Meet the
                            Team</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Add this code as an HTML code snippet

Configure about feature section [Company Commitment]

First, create an internal tag named #feature. Now you can set up your testimonial easily. Here we are using the post as a testimonial. Create a post and select the internal # feature tag.

Output

You can control your Feature section from the site-wide setting option


Open in New Tab

How to disable themeix/ghost credit

Go to the homepage setting and scroll down to the bottom then you will find a toggle switch to disable the credit


Open in New Tab

How to setup footer social link

from the homepage setting, you can configure the footer social link


Open in New Tab

How to setup testimonial

First, create an internal tag named #testimonial. Now you can set up your testimonial easily. Here we are using the post as a testimonial. Create a post and select the internal #testimonial tag.

Output

You can control your testimonial section from the homepage setting option


Open in New Tab

How to setup home category post

First, create your post and set up your tag/category for that post. Now you are ready to display that tag/category posts. Go to homepage settings options and scroll down you will find Category slug name. Now just add your tag/category slug name here. Here Studio Updates is a tag name and studio is a tag slug.


Open in New Tab

How to change the gradient color in Pidkast

In the site wide settings area, there have 2 option to change the gradient color.

The first color needs to be written in RGBA and the second color should be the light shade of any color from the color picker.


Open in New Tab

How to disable moving elements

If you want to disable the moving elements from the theme then just check the option
Disable moving elements


Open in New Tab

How to add comment for the Ghost Blog?

To add comments to your Ghost blog, you will need to enable commenting in the settings. Here is a step-by-step guide on how to do so:

  1. Log in to your Ghost admin panel.
  2. Click on the settings icon in the left sidebar.
  3. Select the ‘Membership’ tab.
  4. Scroll down to the ‘Commenting’ section.

Now select the comment option

Save your changes by clicking the ‘Save’ button.

Once commenting is enabled, comments will appear on your blog post , and your readers will be able to leave comments on your articles.


Open in New Tab

How to add dynamic dropdown Navigation?

In the newsfeed premium ghost theme, we added dynamic dropdown navigation.

You don’t need to edit any files to make the dropdown menu in the Newsfeed Ghost theme. Just add the menu items from ghost admin dashboard.

For example, you want to add dropdown Menu for Pages,

Example :

Pages [has_child]
Authors [subitem]
Tags [subitem]
Blog Details [subitem]

In the admin dashboard, it will look like that,

For the Parrent Item ( Pages ) we added an extra selector [has_child] , which meanch Pages have the child sub items. So under that we used [subitem] for Author, Tags, Blog Details

Its very simple. If you import the demo, you will get the navigation item included there as like our demo.

How to get Multi-Level Dropdown?

In the Newsfeed Ghost theme, it support 2 level dropdown. So you can make the multi-level dropdown like the example below:

Here is the admin dashboard screenshot which should follow:

For the first level, we need to add [-] and for the 2nd level [--] also the [subitem] is common there.

How to add mega menu in Ghost Theme ( Newsfeed )?
How to use regular menu items in the Newsfeed Ghost theme?


Open in New Tab

How to run gulp on the computer?

Have you install Gulp on NPM?. If not, do the following.

Install the gulp command line utility

npm install --global gulp-cli


Verify your gulp versions

gulp --version

Install NPM Packages

npm install

Now run Gulp command

gulp

If you see any error for node-sass or gulp-sass please install it, by using the following command npm install node-sass , npm install gulp-sass


Open in New Tab

Ghost Theme Installation

Here following the easy steps for the ghost theme installation :

1. At first login to the admin panel of your Ghost blog. If you dont have the blog ready then complete the ghost installation first.  

Now login  to your blog. Example URL: yourwebsite.com/ghost

2. Select the Settings option from the left side of your ghost admin panel  and then navigate to the themes section.

Ghost Theme Installation
Select Themes Option from the Settings

3.  Click on the Upload a Theme button.

4. An upload option should appear. Now drag the theme ( theme_file_name.zip ) file in that area. You should get that zip file from our downloaded package.

5. Once completed the theme upload, click on Activate Now button and then activate the theme.

Ghost theme installation is really easy task. But if you are unable to do that. Please feel free contact us. We would happy to help you free for Ghost theme installation.


Open in New Tab

Ghost Contact Page

Please follow the steps bellow to create ghost contact page :

  • Create a new story called Contact for example.
  • Now add your desire content in that page by using the ghost editor.
  • If you want to add functional contact form then i would recommend you 3 best options.
  1. Google Form
  2. Jotform
  3. Formspree.io
  • Google form or Jotform can be easily embeded  in your page as iframe.
  • For the formspree.io you have to add the following code in your page :
<form action="https://formspree.io/[email protected]" method="POST">
 <input type="text" name="your-name" placeholder="Your Name">
 <input type="email" name="_replyto" placeholder="Email" class="float-right">
  <textarea name='message' placeholder="Message"></textarea>
 <button type="submit" class="btn-c buttonfx curtainup">Send Message</button>
  <input class='btn-c buttonfx curtainup' type="submit" value="Send">
 </form>

Open in New Tab

Create Authors Page

Open the ghost admin dashboard and then create a new Page as Named Authors.

Now if you can see the custom template option at the bottom right of that page then simply select *authors and then save that page.

It will automatically pull all the authors data in that page.


Open in New Tab

Create Tags Page

Open the ghost admin dashboard and then create a new Page as Named Tags.

Now if you can see the custom template option at the bottom right of that page then simply select *tags and then save that page.

It will automatically pull all the tags data in that page.


Open in New Tab

Disqus Comments

Disqus allows you to embed comment threads within Ghost posts and pages, including additional functionality like upvoting and adding Emoji reactions. The platform is widely adopted and relatively easy to set up, so you’ve probably come across it before.

This theme comes with Disqus comments enabled. You may change it to other comments platform /plugin too. To change the disqus settings please open the file partials/disqus_comments.hbs and then change the value

https://xxx-themeix-1.disqus.com/embed.js

to your own disqus url (make sure you have the disqus account already) .

Here is the quick start guide for disqus.

That’s all you need to setup Disqus from the theme side. If you get any issue feel free contact us.


Open in New Tab

Featured Post in ghost

You can trun your general post to a featured post in ghost easily.

To set a post as featured, check the box next to “Feature this post” in the post settings menu. When a post is featured, a class of feature will be added to the  {{post_class}} in the HTML code for the post.


Open in New Tab

Set up the Navigation menu in ghost

To set up the navigation menu in ghost, open your Dashboard first.

The url of admin dashboard will be like https://yoursite.com/ghost

Now click the setting icon fom the bottom left panel.

You will get a screen where you can change your primary navigation menu items. Just setup navigation from there for your blog.

If you need any help to create custom style navigation in ghost, feel free to contact us


Open in New Tab

©2016 - 2021 Themeix. All Rights Reserved.
Loading...

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.