Back to top

Celestino Free Documentation

Thank you so much for downloading

Celestino Free Wordpress theme!

This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document if you are experiencing any difficulties.

Get started!


 

Getting started

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Installation

Upload via ftp:

First, unzip the zip archive you downloaded on your computer. Search the folder named celestino.zip. Open this archive and upload the celestino folder to your server via ftp to the   /themes/ directory on your Wordpress installation. (wp-content > themes)

Upload via Wordpress admin:

Go to your Wordpress admin, and in the Appearance-panel, choose Add New Themes. Click Add new. Upload the celestino.zip. Do not upload the zip archive you downloaded. Upload only the celestino.zip file. If you have a "missing stylesheet" issue you are uploading the wrong file!

Installing WordPress  http://codex.wordpress.org/Installing_WordPress

Basic Settings

General Settings (logo, favicon & more)

In Celestino > Theme options > General tab you can set the basic settings of the theme:

  • Turn on/off the responsive layout: I suggest you to active the responsive layout to have a theme that works fine with the mobile devices.
  • Upload your custom favicon: a 16px square image for your url bar
  • Turn on/off the custom logo: if you enable the custom logo, you have to upload your logo image. If you turn off the custom logo, you have to enter a text for your logo in Settings > General.
  • Turn on/off the description under the logo: you can enter a tagline text in Settings > General.


Set the footer layout and content

You can use a footer with centered-align text or with text on the right/left side.

In our demo we are using the 2 columns footer.

The footer can be customized in Celestino > Theme options > General > Footer.

Set the Top bar

In this theme is available a Header sidebar, that you can find in Appearance > Widgets.

Setting up pages and posts

Common settings

On each page, below the page content, there is a Page settings table that allows you to set interesting settings on the page.

Settings tab

In settings tab you're able to configure if you'd like to show page title or breadcrumbs and the layout type choosing from (left sidebar, right sidebar, no sidebar). If you select a layout with sidebar, you will be able also to choose the sidebar to use.

Header tab

Header tab enables you to select a static image for the page.

Body Background tab

Body background tab can be used to select background image or background color for the page. This means you can select different background settings for each page of your site!

Setting up the home page

To start with Celestino Theme you have to create a new page for your home page.

It's important that Wordpress is set up to display a static page as home page. You can set this in Settings > Reading. Choose 'static page' and select the page you created for the home in the select menu.


Each home page makes use of Home template so, before you customize the page, you need to select that template from the right side menu. The image below shows the right way to choose the template.

Note: for a correct representation of our home pages, it is highly recommended to activate HTML editor instead of Visual Editor like on the image below.

Setting up the services page

You can use this page to show your services. On the left side of your wordpress panel, find the "Services" panel. Click on "Add New" to add a new services.

Enter the text and the info for the service:

  • Enter the name of the service in the title field;
  • Enter the description in the editor;
  • Upload the image using the "featured image" panel (do not insert the image in the editor, but use it as "featured image" after the upload)

Now create a new page and click on the "Shortcode" button:

Click on "Section" tab and then on "Services" icon. A new window will be opened.

Choose how many items you want to display, an optional title and description and the other settings before you click on "Insert shortcode" button.

A new shortcode will be added to your content area:

Setting up the blog page

  1. Go to Page > Add new to create a new page
  2. Give it a title, for example "Blog"
  3. Select the Blog template from the Template menu on the right side
  4. Click publish

You do not need to enter any content on this page. This will be your blog index page, and will list your blog posts in chronological order. You can create your posts in Posts > Add New.

You can customize the layout and appearance of the blog page in Celestino > Theme options > Blog > Settings:

  • Exclude categories: set which categories of posts you want to hide from the "categories" widget in the sidebar (if you use this widget) and from the blog page.
  • Show featured image: Select if you want to show the featured image of the post.
  • Show featured image detail: Select if you want to show the featured image of the post when on single page.
  • Show date: Select if you want to show the date of the post.
  • Show author: Select if you want to show the author of the post.
  • Show comments: Select if you want to show the comments number of the post.
  • Show read more button: Select if you want to show the read more button below the post.


Setting up a testimonials page

Set a testimonial posts

  • Create a new post by going to Testimonials > Add New;
  • Enter a title;
  • Enter content in the wysiwyg editor;
  • Select the image of the testimonial using the featured image panel;
  • Optional: enter the url and the label of the testimonial's site;
  • Publish post.

Creating a testimonial page

  1. Create a new page by going to Page > Add New;
  2. Give the page a title;

 

Now create a new shortcode by clicking on the "Shortcode" button:

Click on "Post types" tab and then on "Testimonials" icon. A new window will be opened.

Choose how many items you want to display (leave -1 to show all) and click on "Insert shortcode" button.

A new shortcode will be added to your content area:

Shortcodes

This is a list of some shortcodes of this theme. Insert this code in the editor of your page.

Widgets

Testimonial slider

Sidebar

In this theme you'll find 5 preset sidebars:

  1. Default sidebar
  2. Header sidebar
  3. Blog sidebar
  4. 404 sidebar
  5. Footer sidebar

 

The default sidebar is the preset sidebar that you can find in your pages when you set a page with "sidebar right or left" layout without to select a sidebar to assign. Put a widget in the default sidebar to display it on your page instead of the static wordpress sidebar with blogroll, search and so on.

You can also create unlimited sidebar:

  1. Go to Celestino > Sidebars > Custom Sidebars > Add New
  2. Enter a name for your custom sidebar
  3. Click "Add" button
Then go to Appearance > Widget. Here you will find the new sidebar, and you can drag/drop the widgets.

 

Custom widgets

4 custom widgets are provided with the theme. These are:

  1. Last Tweets: show a section with your last tweets;
  2. Testimonials: slider with latest testimonials;
  3. Almost all categories: hide some categories from the blog;
  4. Contact Info: display your contact info in the sidebar;

Localization

This theme is ready for localization via .po/.mo files, and works with the WPML plugin.

If you are not familiar with translating Wordpress themes, I recommend you reading this article: http://codex.wordpress.org/Translating_WordPress

Change the language of Celestino for dummies

  1. Check the values of your wp-config, the language of this file must match to your translation;
  2. Find the folder languages of the theme
  3. Duplicate default.po
  4. Rename your copy of default.po example: fr_FR.po for France, en_EN.po for English, he_HE.po for hebraic, and so on.
  5. Download POEdit
  6. Open your file with the POEdit software
  7. Translate your file
  8. In File click on Preferences and tick Automatically generate mo
  9. Save your file
  10. Send the new .mo and .po via FTP to your server, in the folder languages of the theme

Setting up the menu

This theme uses wp-nav-menu for building menus. You find this in Appearance > Menus.

For more info on how to setup your menu in WordPress see http://codex.wordpress.org/Appearance_Menus_SubPanel

 

Building the menu

  1. Go to Appearance > Menus
  2. Enter a name for your menu
  3. Click on Create Menu


  4. Now in the Theme Location select the menu you just created
  5. Click on Save


  6. Now tick the pages you want to add to menu and click Add to Menu

When you add all pages to your menu, you can drag/drop and order pages.


Version 1.7.2 - Released on Oct 21, 2014

  1. Added: Support to WP 4.0

Version 1.7.1 - Released on Feb 06, 2014

  1. Various Bugfix

Version 1.7.0 - Released on Jan 10, 2014

  1. Added support to Wordpress 3.8

Version 1.6.2

  1. Fixed: Language files supported also in the child theme
  2. Fixed: Error with Last tweets widget. Replaced user name with user id

Version 1.6.1

  1. Added: support with Wordpress 3.6
  2. Fixed: Last tweets widget, error on multiple lines

Version 1.6.0

  1. Initial release.