Courtyard Theme Setup Instructions

Thank you for downloading our theme. This document will guide you to install theme and setup your website quick and easily. If any issue occurs during installation, please feel free to get support through our Support, we are here to help you.

Theme Installation & Activate

Installing a theme through WordPress is quite easy.

  • Upload the theme file

    1. Go to Appearance > Themes in the WordPress Dashboard.
    2. Click on the Add New button.
    3. Click on the Upload Theme button.
    4. Click Browse and select current version of courtyard.zip in your computer.
    5. Click Install Now.

    After theme installed successfully you can activate theme by clicking Activate on link as appear in your screen.

  • Manually activate theme.

    If you wish to activate manually.

    1. Go to Appearance Themes in the WordPress menu.
    2. Hover over the theme thumbnail and press the Activate button.

    [ Note: Find more information for theme installation at: Installing & Using Themes by WordPress ]

Menu Setup

add menu
  • Go to Appearance > Menus
  1. Click on create a new menu to add new menu.
  2. Give a suitable Menu Name
  3. Select Pages you wanted to be appeared in Menu.
  4. Customise added first level menu items.
  5. Create Dropdown menu item by dragging menu item under parent menu.
  6. Set checkbox to Primary Menu to show menu items in primary menu position.
  7. Click to Save Menu.

[ Note: Find more information at: Menus by WordPress ]

Home Page

After theme installation you will find some blog post on your front page. You can setup and customize to beautify front page by following steps.


Step 1: Create a Page with page template "Front Page"

Create a page Home
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title. For example name it: Home.
  2. Select a page template called Front Page from dropdown list .
  3. Publish to save and publish.

Step 2: Set a page "Home" ( recently created page ) as "Front page"

Set Home as front page
  • Go to Settings > Reading.
  1. Set radio button to A static page (select below).
  2. Select a page "Home" ( recently created page ).
  3. Save Changes

Step 3: Add widgets to Front Page

Build in widgets
  • Go to Appearance > Widgets.

You can see our built-in widgets along with WordPress built widgets. You can add widgets as your requirements.

  1. Highlighted widgets are pre built by our developers.
  2. Drag Widgets to Front Page - Home ( recently created & assigned to front page ). Each widgets have it's own settings, you can customize.

Theme Options

Basic Settings

Basic Settings
  • Go to Appearance > Customize > General > Basic
  1. Optimized Bootstrap, css framework with custom optimised version.
    Click on Toggle button to change, white circle with blue background is ON and with gray background is OFF.
  2. Click on Toggle button to change, white circle with blue background is ON and with gray background is OFF.
  3. Provide suitable Breadcrumbs Delimiter
  4. Save Changes Save & Publish.

Background Image

Background Image
  • Go to Appearance > Customize > Colors
  1. Click on Select Image, choose preferred image then click on Choose Image button ( bottom right corner ) then set background properties as follow.
  2. Preset background image properties list you can select quickly.
  3. Image Position you can set by clicking.
  4. Image Size you can select as your requirement.
  5. Repeat Background Image checkbox to set the background image repeat to fill whole page for long pages and for smaller images.
  6. Scroll with Page to set background image whether you want to be fixed or scroll as page is scrolled.
  7. Save Changes Save & Publish.

Site Title & Tagline

Site Title and Tagline
  • Go to Appearance > Customize > Header > Site Title & Tagline
  1. Click on Select Image, choose preferred logo image then click on Select button ( bottom right corner ), then crop image or skip cropping, its up to your requirements.
  2. Add suitable Site Title
  3. Add suitable Tagline, its like slogan that display below logo.
  4. Secondary Logo can be set which is shown on header for Home Page.
    Click on Select Image, choose preferred logo image then click on Choose Image button ( bottom right corner ).
  5. Display Site Title, click on Toggle button to change, white circle with blue background is ON and with gray background is OFF.
  6. Display Tagline, click on Toggle button to change, white circle with blue background is ON and with gray background is OFF.
  7. Site Icon (favicon), click on Select Image, choose preferred logo image then click on Select button ( bottom right corner ), then crop image or skip cropping, its up to your requirements.
  8. Save Changes Save & Publish.

Header Media

Header Media
  • Go to Appearance > Customize > Header > Header Media
  1. Select Video to upload and set header media or you can also add YouTube video link.
  2. Set Header Image, you can select image for header background, you can even set multiple header images and randomize uploaded header images on each time page load.
  3. Activate Image Link Back to Home can be set to by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  4. Save Changes Save & Publish.

Menus

  • Go to Appearance > Customize > Menus
  1. Click on Add a Menu.
  2. Add New Menu Name.
  3. Click button Create Menu.
  4. Click Add Items then select Page, Post, Category, Tags or create Custom links to add into Current Menu.
  5. Set Display Location where you would like to show menu.
  6. Set Menu Options as you preferred.
  7. Save Changes Save & Publish.

[ Note: You can also create Menus as described in Menu Setup section ]

Background Color

  • Go to Appearance > Customize > Colors > Background Color
  1. Click on Select Color.
  2. Adjust required color.
  3. Save Changes Save & Publish.

Theme Color

Theme Color
  • Go to Appearance > Customize > Colors > Theme Color
  1. Select predefined Color Scheme as your website main color.
  2. Primary Color can be set individually and will replace selected predefined color pallet.
  3. Secondary Color can be set individually and will replace selected predefined color pallet.
  4. Save Changes Save & Publish.

Font Page Widgets

  • Go to Appearance > Customize > Widgets > Font Page - Home
  1. Click on Add a Widget, select a widget and specify required data.
  2. Save Changes Save & Publish.

[ Note: You can also manage widgets & Sidebar from Widgets page ]

Footer Widgets

  • Go to Appearance > Customize > Widgets > Footer Widgets ( positions )
  1. Click on Add a Widget, select a widget and specify required data.
  2. Save Changes Save & Publish.

[ Note: You can also manage widgets & Sidebar from Widgets page ]

Single Post Sidebar

Post Sidebar
  • Go to Appearance > Customize > Post Settings > Sidebar
  1. Select Post Sidebar Layout, Post with right sidebar, Post with left sidebar and post with no sidebar.
  2. Save Changes Save & Publish.

Post Meta

Post Meta
  • Go to Appearance > Customize > Post Settings > Meta
  1. Activate/Deactivate Post Author to show author info within single post.
  2. Activate/Deactivate Post Date to show posted date within single post.
  3. Activate/Deactivate Post Categories to show categories within single post.
  4. Activate/Deactivate Post Tags to show tags within single post.
  5. These settings can be set to by clicking toggle button, white circle with blue background is ON and with gray background is OFF.

  6. Save Changes Save & Publish.

Post Navigation

  • Go to Appearance > Customize > Post Settings > Navigation
  1. Activate Post Navigation to show under each post. Can be set to by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  2. Save Changes Save & Publish.

Blog Setting

Blog General Setting
  • Go to Appearance > Customize > Blog Settings > Settings
  1. Excerpt Length slide to manually input value for excerpt length.
  2. Set to Read More Button by clicking toggle button, white circle with blue background is ON and with gray background is OFF.
  3. Customize Read More Text by entering preferred test.
  4. Save Changes Save & Publish.

Blog Sidebar

Post Sidebar
  • Go to Appearance > Customize > Blog Settings > Sidebar
  1. Select Sidebar Layout, content with right sidebar, content with left sidebar and content with no sidebar.
  2. Save Changes Save & Publish.

Blog Meta

  • Go to Appearance > Customize > Blog Settings > Meta
  1. Activate/Deactivate Post Date to show posted date for each post.
  2. Activate/Deactivate Post Author to show author info within single post.
  3. These settings can be set to by clicking toggle button, white circle with blue background is ON and with gray background is OFF.

  4. Save Changes Save & Publish.

Static Front Page

By default Your latest posts is activated and shows 10 posts per page at front page of your site. If you want to set a static page as a front-page then you can follow those steps.

Static Front Page
  • Go to Appearance > Customize > Static Front Page
  1. Click on A static page to set a static page.
  2. Select a page from dropdown menu for Front Page.
  3. Select a page for posts page where your latest posts will be shown.
  4. Save Changes Save & Publish.

[ Note: Refer Home Page settings to create and manage beautiful front page as in demo ]

Back to Top

  • Go to Appearance > Customize > Footer > Back to Top
  1. Enable/Disable Got to Top Button by clicking toggle button, white circle with blue background is ON and with gray background is OFF.

Footer Widgets

Footer Widgets Layout
  • Go to Appearance > Customize > Footer > Footer Widgets
  1. Set number of Footer Widgets and Footer Layout.
  2. Save Changes Save & Publish.

Additional CSS

  • Go to Appearance > Customize > Additional CSS
  1. Add your custom style properties.
  2. Save Changes Save & Publish.

Widgets

Widgets

Drag Widgets to Widgets Positions and customize each widget as your requirements.


  • Go to Appearance > Widgets
  1. Available Widgets are listed along with some useful widgets built by our developers.
  2. Front Page - Home is widget position where you can add widgets to be displayed at Home Page.
  3. Sidebar widget position allows you to display widgets to the sidebar for single post and pages.
  4. Footer 1, Footer 2, Footer 3 and Footer 4 are widgets positions displayed at footer with 4 columns in a row.

Create a "Hero Image" Page

Hero Image Slider
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title.
  2. Add some description.
  3. Select a page template called Hero Image from dropdown list .
  4. Set Featured image.
  5. Publish to save and publish.

Create a "Single Room" Page

Add Single Room Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for Room page.
  2. Add content, images.
  3. Select a page template called Single Room from dropdown list.
  4. Set Featured image for room.
  5. Publish to save and publish.

Create "All Rooms Listing" Page

Rooms Listing Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for All Rooms Listing page.
  2. Select a page template called All Rooms Listing from dropdown list.
  3. Publish to save and publish.

Create a "Single Service" Page

Add Single Service Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for Service page.
  2. Add content, images.
  3. Select a page template called Single Service from dropdown list.
  4. Set Featured image for Service page.
  5. Publish to save and publish.

Create "All Services Listing" Page

Services Listing Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for All Services Listing page.
  2. Select a page template called All Services Listing from dropdown list.
  3. Publish to save and publish.

Create a "Single Package" Page

Add Single Package Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for Package page.
  2. Add content, images.
  3. Select a page template called Single Package from dropdown list.
  4. Set Featured image for Package page.
  5. Publish to save and publish.

Create "All Packages Listing" Page

Packages Listing Page
  • Create a new page, Go to Pages > Add New.
  1. Give a suitable title for All Packages Listing page.
  2. Select a page template called All Packages Listing from dropdown list.
  3. Publish to save and publish.

Blog Setup


Step 1: Create a Page with name "Blog"

Create a page Blog
  • Create a new page, Go to Pages > Add New.
  1. Give a name Blog.
  2. You can leave it Blank.
  3. Publish to save and publish.

Step 2: Set a Posts page

Set Blog as posts page
  • Go to Settings > Reading.
  1. Set radio button to A static page (select below).
  2. Select a page "Blog" ( recently created page ).
  3. Save Changes

Need Help?

Premium Ticket Support

Our support members are ready to help you out to setup your website. High priority support for member using premium themes. Ticket Support includes answering about theme and its features & functionality and fixing bugs.

Submit a Ticket