Variable header image
Your theme comes with the unique feature of variable header images, that allows you to customize your website even more.
First of all, you need to set a default image that will be displayed in all cases where a specific is not set or cannot be set. From Appearance -> CSSIgniter Settings, under the Display Options tab, find Upload a header image and enter a URL for an image or click on Upload Image. While the dialog is open, you may upload a new image or use another that you have uploaded before on your media library. Just select your image and click on “Use this image” button. You now have a default header image.
In order to have a unique header image in each post/page/room/etc, all you need to do is to assign a Featured Image to that post. That’s it!
Please note that header images are supposed to cover the full width of the browser window, and as such, images of 1920 pixels width or more should be used. Larger images will be automatically cropped to 1920px to fit, as this size covers the majority of screen resolutions.
Normal WordPress functionality. Writing normal posts, will be displayed blog style as usual. In case you have created a front page, you will need to create also a blog page where your posts will be displayed (see Front Page template with Slider below).
This feature applies to the home page. Please see section Front Page template with Slider for more information.
Your theme comes with a beautiful slider on the front page. To assign images to it, you need to create Slider Items. Each slider item represents one image in your slider, and gives you the opportunity to have it linked wherever you want.
To create a new slider item, go to Slider Items -> New Slider Item, give it a title and set a Featured Image. That image will be displayed on the slider.
Please note that the images on the slider are supposed to cover the full width of the browser window, and as such, images of 1920 pixels width or more should be used. Larger images will be automatically cropped to 1920px to fit, as this size covers the majority of screen resolutions.
You can use rooms custom post types to enter rental listings that you may have. Treat each property as a room. You can also change the names to listings, rentals or anything else that makes sense for your business. From your admin panel, go to Rooms -> New room and start writing what make this room unique. Once you’ve done that, upload one or more high quality photographs and set one to be the Featured Image. Next, go to the Room Details box and write the amenities that the property has, i.e. swimming pool, golf, dock, etc. You can add as many amenities to each property as you need by clicking add field link.
Don’t forget to show the room to your visitor, by using the -=CI Room=- widget, or the Rooms listing templates (2 or 3 columns. In the exact same way you can create photo galleries. Once you have created some photo galleries create a page template and select Gallery listing 2 or 3 columns in order to display your photo galleries in 2 or 3 columns respectively.
Booking / Contact form
An integral part of the theme, is the ability for your users to be able to contact you inquiring availability information. For that reason, we have created two very special booking/contact forms. First, on every page/post/room and also in your front page, you will find a gorgeous form that allows the visitor to quickly select check-in and check-out dates, and number of people. This form is included automatically. Once you hit the Check Availability button, you will be redirected to the second form, which includes the same information, along with personal info (name, email) and an area for comments. Once you hit the Send button, you will get an email with the details entered.
As mentioned above, the first -horizontal- form is shown automatically. You need to do two thing to get the second form to work:
- Create a page, name it “Booking form” or something similar, and assign it the Booking form template from the Page Attributes box. You can write some content if you want as well, such as your contact information, and it will appear on top of the contact form.
- From Appearance -> CSSIgniter Settings, under the Homepage Options find Select the Booking Form page and select the page you’ve just created. Hit Save Changes and you’re all set.
Front Page template with Slider
To set-up a front page, you need to create two pages. Name the first one “Blog”. Name the second one “Front Page” or something similar, and from the Page Attributes box assign it the Homepage template. Next, go to Settings -> Reading, on the Front page displays select A static page and on the following two drop-downs select first your Front Page and then your Blog page. Save your changes.
The front page consists of various sections to help you show in a glance the best aspects of your hotel/motel. In detail:
- Slider: The slider shows Slider Items that you have created, have assigned a featured image, and may or may have not linked to a page. See slider section above for more information.
- Booking form: The release with the latest release date is shown.
- Information area: In this area you can provide any kind of information you want. You see, it is widget enabled, so if you want some text, just drag a text widget to the Homepage sidebar. Or drag a -=CI Room=- widget, which displays the room you select along with it’s image.
- Newsletter form: A form that allows your visitors to subscribe to your newsletter. For customizing this form, please read CSSIgniter Settings – Newsletter Options below.
This theme supports widgets. There are four widget areas defined.
- Blog Sidebar, which appears on the right hand side of the blog posts and normal post listing pages only.
- Room Sidebar, which appears on the right hand side of all other pages.
- Page sidebar, which appears on the footer of all pages.
- Homepage, which appears only on the homepage.
- Rooms testimonial
- Galleries testimonial
- Homepage testimonial
This theme supports custom menus. There is one menu location defined, Main Menu, that appears on the top of each page.
There are two additional menu locations on the footer, Footer Menu #1 and Footer Menu #2, that display a pages menu by default, or your custom menus. In order to disable one or both, create a new empty menu named Empty and assign it to the location that you want disabled.
Rooms Listing Page Template
You can (and should) have a page that lists your rooms. All you need to do is to create a new page, name it “Rooms” or something similar, and assign the Rooms listing template from the Page Attributes box.
Full Width Page template
You may have any page displaying full-width, without a sidebar. All you need is to assign the Full Width, No Sidebar template from the Page Attributes box.
Archive page template
You can have an archive page displaying your posts based on the date. All you need is to create an empty page and assign the Archive template from the Page Attributes box.
Our custom options panel can be found under Appearance -> CSSIgniter Settings. Let’s have a look at each tab’s options:
From this tab you can set your site’s properties.
- Logo text: Textual logo – site title
- Upload your logo: Allows you to upload a logo image. You need to upload it to the correct size. Logo text is used as alternative logo description.
- Weather Code: Allows you to enter your City’s Yahoo Weather code and display the temperature on the top right corner.
- Weather Unit: The weather unit. c for Celcius f for Fahrenheit
Home Page Options
From this tab you set the properties of the home page.
- Booking Form page: Allows you to select the page you have created and assigned the Booking form page template.
Within the background options tab you can override the template’s background settings and set yours as needed. If don’t want that, just keep this tab disabled by checking the checkbox “Disable custom background”.
Various options that affect what your website displays.
- Upload a header image: Sets the default image that will be used on the header. It can be individually be overridden.
- Read More text: What will be displayed instead of the default Read More…
- Excerpt length (in words): Limits how many words the excerpt will be, and whether it should be linked to the post.
- Excerpt auto cut-off text: When a manual excerpt is not provided, WordPress generates one automatically from your post’s content, limiting the words according to the setting above. Because that may be mid-paragraph, the cut-off text is appended at the end to show that the text continues.
- Title separator: How the various elements of the <title> tag will be separated (dash, pipe, colon, etc)
- Show “Comments are closed” message: Allows you to hide/show the default “Comments are closed” message when comments are disabled.
These options affect the newsletter form that appears in the front page. Note that you need to use a plugin or a third-party online provider such as Campaign Monitor and MailChimp for the newsletter for to work. Please refer to their documentation for the correct settings of Action URL, field names and field IDs described below.
- Heading: The text that appears on top of the newsletter form.
- Description: The text that appears on the left of the form.
- Action URL: The URL that the newsletter form should point to. This may be some local URL in case of a plugin, or an external URL in the case of online providers. If blank, the form will be hidden.
- “Email” field name: The name property of the “Email” <input> field. If for example you are given the code
- Code: Select all
<input type="text" id="e_name" name="e_name" value="Enter your email" />
then e_name is what you should enter here.
- “Email” field ID: The ID property of the “Email” <input> field. If for example you are given the code
- Code: Select all
<input type="text" id="e_id" name="e_name" value="Enter your email" />
then e_id is what you should enter here.
These options control the behavior of the -=CI Social=- widget. The widget displays Social Media icons, depending on the services you have enabled and provided a link to your profile, in this page.
These options control the behavior of the Archive page (if you created one) with the Archive page template assigned.
- Google Analytics Code: Just copy paste your Google Analytics code exactly as given by their website, and you are all set for tracking visits.
- FeedBurner Feed URL: Paste the feed that FeedBurner provides you with, and it will be automatically be server to your users.
- FeedBurner Email URL: Paste the URL FeedBurner provides for registering to email updates.
Paste your custom css in the box, and it will override the theme’s styles, along with the Background Options.
Please post any questions or tech issues you maybe having under Aegean Resort Theme discussion threads in our tech support forum.