Setup Tutorials for Celestial Reloaded

Welcome to the Setup Tutorials for Celestial Reloaded. These are the standard guidelines to help you install, configure, and customize your newly downloaded theme. If you have any requests for additional tutorials relating to this theme, please contact me and I will review your suggestions. These tutorials are also based on the assumption you have a basic understanding of how WordPress works.

Create a Call to Action for the front page

This video in this series provides an overview of how to create a “Call to Action” notice on the front page of your website when using a widget based page template such as the front page of the live demo site is using. You can see this at the top of the page content, titled as “From Blogs to Business Websites” with some text below the title: Call to Action Demo Covered in this video: Introduction to the Call to Action. Getting the Call to Action snippet. Call to Action widget position. Previewing and saving your changes. Video

Create the four image columns like the live demo front page

This video in this series provides an overview of how to create the same four columns of images and content that you see on the live demo site of Celestial Reloaded: Front Page Covered in this video: Introduction to the demo site’s front page. Preparing your images. Assigning the template to your page. Introduction to the HTML Snippets for this tutorial. Creating each widget item Video

Create a Contact us page like the demo site

This video in this series provides an overview of how to setup a “Contact” page just like the Celestial Reloaded theme demo website. We will need a plugin called Contact Form 7. This is what we will be making:  Contact Page Covered in this video: Introduction to the Contact Form 7 plugin. Creating a contact page. Creating our contact form. Adding the form shortcode to our contact page. Previewing our contact page. Contact Form Code

Add Google Maps to your Contact page header

This video will show you how to get a header Google map showing, just like the live demo site of Celestial Reloaded has on its Contact Page: Google Map Demo Covered in this video: Introduction to the WP Google Maps plugin Installation of the plugin. Creating your own map with location. Using the Dynamic Widget settings to publish your widgets to select pages such as the Contact page. Video    

How to show any widget on specific pages

This video in this series provides an overview of how to assign widgets to select widget positions throughout your website. By default WordPress will publish your widget to “every” page that has the widget position you are using. The problem with this is that you do not get the flexibility of showing a widget (or widgets) on specific pages only. We will need a plugin called Dynamic Widgets because WordPress does not offer this capability. UPDATE: You may want to check out another plugin that appears to be easier, called Display Widgets To see what available widget positions you have available for this theme, you can check out the live demo website here: Widget Positions Covered in this video: Introduction to the available widget positions of Celestial Reloaded. Installation of the Dynamic Widgets plugin. Creating and assigning widgets to select positions. Using the Dynamic Widget settings to publish your widgets…    read more 

Disable Titles on Widgets for your Showcase, banners, and more

This tutorial will take you through the process of being able to disable widget titles without having to leave the widget title field empty. This comes in handy when you are loading an image, such as a header, or slider, into a widget position where you do not want a title showing. Covered in this video: Introduction to widget titles and how it looks on your pages. Installation of the Remove Widget Title plugin. Creating a widget and disabling the title. Video    

Setup a LayerSlider Slideshow like the Demo website

This video in this series provides an overview of how to setup the LayerSlider like you see on the Optional LayerSlider page of the Celestial Reloaded demo website. Please note that this slider plugin is not part of this theme, but it is an option you may want to consider because of it’s capabilities and responsive features, but having the different layers slide in and around is a nice showcase feature to have! Also, please note that this is a commercial plugin which means it’s a paid to download plugin, but well worth it. Here is a demo of it in action: LayerSlider Covered in this video: Introduction to the LayerSlider. Getting started with an import to give you the demo slider setup. Uploading the bonus Celestial Reloaded skin for LayerSlider (you get two) Reviewing the settings. Slider support and documentation. Video    

Setup a Widgetkit slideshow for the front page

This video in this series provides an overview of how to setup the Widgetkit slideshow that you see on the live demo front page. This is a free plugin that you can download and install with custom styling that I provided in the theme download package you got with Celestial Reloaded. Widgetkit Slideshow Covered in this video: Introduction to the Widgetkit plugin. Installing Widgetkit. Setting up the included template skin for your slider. Create slides Using the Widgetkit widget to display our slideshow. Video    

Introduction to HTML Snippets

This video provides an overview of available HTML code snippets that comes with the Celestial Reloaded theme. There are several snippets to choose from, but basically these are available instead of using shortcodes which are a little more difficult to manage if you ever need to make any modifications. With HTML, you can easily make changes with just a basic understanding of it, including CSS. Available Snippets: Alert – This is for alert boxes Content Columns – These are in-line columns for pages and posts Content Quotes – These are quotes that are styled for your page content Dividers – Simply put, these give you a separation of content Drop Cap – A styled first letter of your paragraph Focus Box – Box containers for presenting any kind of message to the viewer Form Elements – A few form based elements such as buttons Front Page Widgets – This gives…    read more 

Create a custom Gallery using WidgetKit Lite

This video in this series provides an overview of how to create a custom gallery using a plugin called “WidgetKit“. WidgetKit comes in two flavours, a Lite version (which is what we will use) and a full version which is a paid plugin. This widgetkit is of course optional, but because I am displaying it in the live demo, you may want to use this instead of the WordPress Gallery. To see this custom gallery in action, you can check out the demo website here for Celestial Reloaded:  Custom Gallery Code That we Need We will have some work to do here to get ourselves ready to build our special custom gallery. What I will do here is post a couple snippets of code that we will be using, although editing to our own needs, primarily the paths to our images. To Add a Spotlight to a Thumbnail – We…    read more