Starhotel

First of all, thank you for purchasing the Wordpress version of Starhotel. It took a lot of design and development hours to get Starhotel where it should be. Especially passion was the key ingredient to create a super flexible, user-friendly Wordpress theme. The fun thing is that it isn’t even finished, because it should be the best hotel theme out there and that’s why it’s getting updated all the time.

 

Keeping up-to-date with Starhotel

To receive updates follow these steps:

 

What’s in the download

Wordpress installation(beginners)

To install Wordpress it’s a wise idea that you read the official Wordpress documentation first, unless you’re an experienced administrator. 

Please check out the following documentation:  First Steps With Wordpress 

Or  Take a look at the WooCommerce instruction video

If you run into Wordpress trouble that is not theme related, please check the FAQ first: FAQ Wordpress for Beginners

The installation of the Starhotel theme can be done two ways. One, you can upload the theme ZIP file using the standard WordPress theme upload or two, extract the theme in the /themes/ folder of your Wordpress folder through an FTP client.

 

Wordpress Upload instructions

Please make sure that you extract the file "starhotel.zip" from the ThemeForest download ZIP first before you start uploading the theme. If you do upload the ThemeForest ZIP file directly it will give a "Missing Stylesheet" error. Please follow these steps to upload the theme.

  1. Login to the WordPress admin.
  2. Go to "Appearance > Themes" and click "Install Themes" tab
  3. At the top of the page, click "Upload", after that you can select the ZIP file
  4. Select "starhotel.zip", and click "Install Now"
  5. In the end you’ll receive a success message confirming your new installation
  6. Click the”Activate" link to activate the theme

 

FTP Upload

  1. Login to your FTP server and go to your Wordpress themes folder(wp-content/themes/)
  2. Extract the zipped theme on your computer
  3. Upload the ‘Starhotel’ folder to the themes directory
  4. When the uploading is complete, login to your Wordpress admin panel
  5. Go to “Appearance > Themes”
  6. Click “Activate” to activate Starhotel and activate the theme
  7. When the installation is complete, activate Starhotel by clicking the “Activate” link of Starhotel

 

Plug-ins(Important!)

Before you start to use Starhotel it is essential that you install the plugins first. Without these plugins the theme won’t function correctly.

  1. Go to “Plugin > Installed Plugins”
  2. Install the following: Contact Form 7, Meta Box, Revolution Slider, Starhotel plug-ins, WPBakery Visual Composer
  3. Activate the plugins after installation 

There are multiple demo data’s that you can import: Wordpress, Revolution Slider and Contact Form 7.

 

Wordpress

  1. Go to “Tools” > “Import” and select the option “Wordpress” 
  2. Download and install the Import tool if it’s not installed yet
  3. Select “Starhotel-demo-content.xml” from the package file
  4. Complete the installation process

 

Revolution Slider

  1. Make sure Revolution Slider is installed and activated first
  2. Go to “Revolution Slider”
  3. Click “Import Slider” 
  4. Select “Starhotel-revolution-slider.zip” from the package file

 

Contact Form 7

To use the Contact Form7 Starhotel style, simply replace the default mail code with:

<p><label><span class="required">*</span> Your Name</label><br />
    [text* your-name] </p>
<p><label><span class="required">*</span> E-mail</label><br />
    [email* your-email] </p>
<p><label><span class="required">*</span> Subject</label><br />
    [text your-subject] </p>
<p><label><span class="required">*</span> Your message</label><br />
    [textarea your-message] </p>
[submit class:btn class:btn-lg class:btn-primary]

Default homepage

When you’ve completed the installation it’s time to set the default homepage. By default the blog page is set as the homepage by Wordpress. To change this do as follow:

  1. Go to “Pages” > “Add new”
  2. Enter a page title and change the template to “Revolution Slider with Reservation Form”
  3. Click “Publish”
  4. Next go to “Settings” > “Reading”
  5. From “Front page displays” choose “A static page (select below)”
  6. Choose the page that you just created from the dropdown as “Front page”

 

Menu 

Starhotel makes use of the standard Wordpress setup to create your menu/navigation. To create your menu do as following:

  1. Go to “Appearances > Menus” 
  2. Click “Create menu”
  3. Make sure that “theme locations” is checked in the menu settings at the bottom
  4. Setup your menu
Tip: Want to add icons to the menu? Checkout: https://www.youtube.com/watch?v=-mxtT2Tw0VE

 

Footer and Sidebar

There are 5 widget area’s available in Starhotel, four of those widget area’s belong to the footer, the other one to the sidebar. The footer is always on a page, the sidebar is only available for the blog. You can drag all widgets into these area’s. To edit these area’s do as following:

  1. Go to “Appearances > Widgets”
  2. Drag you widget from the left into the area on the right
  3. Edit the widget to your wishes
Tip: To use the custom Starhotel widget: “Popular news” you should create create thumbnail images belonging to the blogposts. You can do this in the media library.

 

Starhotel Theme Options

The Theme options are easy to find at the bottom of the admin sidebar. Here you can set all options for Starhotel like: General, Typography, Colour Settings, Background, Header Settings, Footer Settings, Reservation Form, Google Maps Settings, Social Links, Custom Code and Import/Export.

 

Pretty URL’s

If you like to have pretty URL’s do as follow:

  1. Go to “Settings > Permalinks”
  2. Click on “Custom structure”
  3. Set Permalinks to: /%category%/%postname%/
  4. Save changes

Starhotel makes use of the following plug-ins: Visual Composer, Revolution Slider, Contact Form 7 and WPML (supported, not included). It’s essential that you install all plugins described in the “2.Install Starhotel” chapter, otherwise the theme won’t work. 

 

Visual Composer

Visual Composer is the content management tool that let’s you create pages/layouts without having any knowledge of HTML or other coding languages. It’s highly recommended to use, because the shortcodes (like reservation form, parallax image etc.) of Starhotel are mapped into Visual Composer.

Visual Composer is by default activated for pages only. You can activate Visual Composer as follow:

  1. Go to “Settings” > “Visual Composer”
  2. In “Content type” check Post, Page and/or Room
  3. Click “Save Changes”

To use the Visual Composer do as follow: 

  1. Go to a page, post or room 
  2. Click on an existing page, post or room, or create a new one
  3. Click on the “Back-end” or “Front-end” button
  4. From here click “Add element” or  “Add Element” and enjoy all the freedom that Visual Composer offers to you. Don’t forget to publish/update to preview your work.

 

Please visit: https://wpbakery.atlassian.net/wiki/display/VC/Introduction to read the full Visual Composer documentation.

Tip: To create full width elements, click the “edit this row” pencil of a row and select from “row stretch” > “Stretch row and content without spaces”and click “Save changes”.

 

Revolution Slider

Revolution Slider is pretty straight forward. To learn more about the Revolution Slider go to: http://revolution.themepunch.com/documentation/

You can use the Revolution Slider that you create at any page by selecting it in Visual Composer as an element or you can use the page template “Revolution Slider with Reservation Form” to display your slider.

Import the Starhotel Revolution slider if you want to use the Starhotel styles in the slider.

 

Contact Form 7

CF7 is ideal to create custom forms. It has got no connection with the reservation form.

  1. To create a contact form go to “Contact” > “Add New”
  2. Create a new contact form or use the Starhotel version:
    <p><label><span class="required">*</span> Your Name</label><br />
        [text* your-name] </p>
    <p><label><span class="required">*</span> E-mail</label><br />
        [email* your-email] </p>
    <p><label><span class="required">*</span> Subject</label><br />
        [text your-subject] </p>
    <p><label><span class="required">*</span> Your message</label><br />
        [textarea your-message] </p>
    [submit class:btn class:btn-lg class:btn-primary]
  3. Don’t forget to fill in your email address
  4. Click “Save” and create a new page or edit an existing one
  5. Use the Visual Composer to insert the Contact Form 7 form and publish/update your page

 

WPML (not included)

Starhotel supports the popular page/post translation plugin WPML that you can use to translate all pages individually. It’s not allowed for resell, so you’ll have to purchase it if you want to use it at: https://wpml.org/

If you have it installed and want to use it you’ll have to set it up in the “Theme Options” > Enable “Top Header: WPML Language”.

Starhotel is translate ready, meaning you can use a translation application to change text strings. Here you can find out how:

  1. Login to your FTP where Starhotel is installed
  2. Go to 'starhotel/languages/'
  3. Copy the ‘default.po’ file to your desktop
  4. Open the ‘default.po' file with Poedit which you can download (if you don’t have it yet) for free at: https://poedit.net
  5. When opened you’ll see a list with all various text strings which you can translate in Starhotel
  6. Next click strings you want to translate (take note that some of them are only for CMS and some of the text strings are for the front-end, so you don’t have to translate them all)
  7. Fill in your translation and please make sure you do it in the ‘translation' box.
  8. The translation will show up on the overview as well (Translation - Language)
  9. Once you’re done translating your strings, you’ll have to save the file. You need to save the file in a specific way to make sure Wordpress will pick up the translation file later on.  To define the correct filename we use a language code + a country code. - First you need to find your language code at: https://www.gnu.org/software/gettext/manual/html_node/Usual-Language-Codes.html - Next find your country code at https://www.gnu.org/software/gettext/manual/html_node/Country-Codes.html - Combine these two codes and save it as a PO file (Example nl_NL.po for Dutch or en_EN for English).
  10. Finally upload this file back into the language folder by FTP: 'starhotel/languages/'
  11. Now you still have to activate your language. Go to Wordpress Dashboard > Settings - General > Select the Site Language of the file that you’ve just uploaded to your server and hit ’Save Changes’.
Tip: Use shortcut ctrl+f (Windows) or cmd+f (Mac) to search and find strings.

Please take not that some string might be double in the translation file and all need to be translated.

 

Update the translation file

Whenever Starhotel has had an update, it could come along that new strings have been added and that you’ll have to update your PO file to translate these strings.

You can do this as follow:

  1. Login into your FTP where Starhotel is installed
  2. Go to 'starhotel/languages/'
  3. Copy the new ‘default.pot’ and your own translation file(s) to your desktop
  4. Open it with PoEdit which you can download for free at:https://poedit.net
  5. Go to ‘Catalog > Update from pot file’
  6. Select the newest ‘default.pot’ that came along together with the update.
  7. Save your file and upload this file back into the language folder by FTP: 'starhotel/languages/‘.
Tip: Please take note that it’s always a good plan to backup the PO file before updating it. 

There are two options when it comes to updating Starhotel to the latest version: Wordpress upload or FTP upload.

 

Update by Wordpress upload

  1. Download the latest version of Starhotel from Themeforest
  2. Unzip the main Starhotel file to your computer
  3. Login to Wordpress and go to “Appearance” > “Themes”
  4. Activate a default Wordpress theme like “Twenty Fifteen”
  5. “Delete” the old “Starhotel" theme
  6. Install and activate your latest version of Starhotel  

 

Update by FTP

  1. Download the latest version of Starhotel from Themeforest
  2. Unzip the main Starhotel file to your computer
  3. From this unzipped folder, unzip the Stahotel.zip theme
  4. Open your FTP application of choice and connect to your server.
  5. Navigate to your “themes” directory: /wp-content/themes/
  6. Replace the unzipped starhotel theme folder and overwrite all files.
  7. Login to Wordpress and go to “Appearance” > “Themes” and make sure your latest version is installed and activated

 

2 basic PSD files are included into this download. The following pages were designed:

Please note that all PSD files are layered and organised into folders. The grid is based upon the Twitter Bootstrap grid. And all icons were used from fontAwesome.

Wordpress Plugins

 

jQuery Plug-ins

 

CSS Plug-ins

 

Images

Images in the demo are downloaded from: http://www.photodune.net and www.thinkstockphotos.com Please contact if you want to purchase a specific image used in the preview version.

 

Icons

 

Fonts

 

HTML/CSS Framework

 

Once again, thank you for purchasing this theme. Starhotel has been a huge project and has been tested on all kind of browsers, devices, people, but off course you can run into problems. If that is the case please contact us, so help can be provided! If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Slashdown