You can see available widgets on the left side and 4 sidebars belonging to Footer: Noo – Footer Column #1, Noo – Footer Column #2, Noo – Footer Column #3 and Noo – Footer Column #4.
Drag Noo Apartment and 2 Text widgets to Department Sidebar> click the triangle icon on the right side of the widgets> Complete options of Noo Apartment: Title (Enter a title) and number of posts to show ( a number entered here is equal to the number of posts will be shown)> Save
Drag Search, Latest Posts, Categories, Tag Cloud, Recent Tweets to this sidebar> click on the triangle icon on the right side of these widgets> complete options> Save.
Learn more about Woocommerce pages:
Yet if it is unfortunate that those pages are not automatically created, you can do the following steps to build them:
Firstly we would love to send our great thanks to you for purchasing Medicus. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all section before you go on. If you still have to cope with any problem around, get our quick support at NooTheme Support Center.
Thanks again and enjoy building your website with Medicus.
Before installing this theme, please make sure you have a working WordPress version already installed. For further guide to install WordPress, please find in below useful links:
When purchasing successfully our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:
How to install Medicus via WordPress
Note: If you see this message “Are You Sure You Want To Do This” when installing noo-medicus.zip file via WordPress, it means that you have an upload max file size limit. Try to install the theme via FTP instead, or contact your host to increase the limit.
How to install Medicus via FTP
Here is list of plugins that will come together with our theme when you activated it. You are recommended to install and activate these plugins base on your own need:
After installation Medicus theme, you will see a notification message to activate the required & recommended plugins. Follow the steps to install and activate each plugin.
If you want to install another WordPress plugin that doesn’t include in our theme. Please following these steps:
How to Import Medicus Demo Content
Note: If you have not installed Deme Importer Plugin, you may see the notification message to install the plugin. Click Install Now to install and move on.
See guide to import a sample content into a WordPress blog in WordPress Codex.
Note: Not all the content in our demo will be included. Those files might be excluded from the content you can import:
To use Medicus theme, you must be running WordPress 3.6 or higher, PHP 5.6 or higher, and MySQL 5 or higher. Follow below checklist to ensure your host can work well with Medicus theme:
First way: Manual update
There are 3 methods to update the theme:
Second way: Automatic Update
Please follow these steps to update theme:
Note: Auto update is available from version 1.0.2 and above
If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo. It’s because some basic settings is needed on WordPress site. If you know what the problem is and how to fix it, please skip this section.
To set up home page, please follow these steps:
Please go to Appearance–> Menus then find Menu Settings–> Theme Locations at the bottom. Check the Primary Menu then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme. You can see more detail at: http://codex.wordpress.org/Appearance_Menus_Screen
Please go to Permalinks setting: Settings–> Permalinks then change the Common settings to Post name. You can see more detail at: http://codex.wordpress.org/Using_Permalinks. After doing these steps, your site will look like our demo, you can move on to process to build your content.
Making some changes in this section will have some impacts on Post list and each post on Blog page
Blog Layout: The layout of Post list is Full-width , With Right Sidebar or With Left Side bar. Choose the first style if you do not want sidebar to be displayed on Blog page. In contrast, the last ones will let sidebar be shown on the page
Blog Sidebar: choose a sidebar that will be shown on Blog page
Heading Title: enter a title
Heading Background image: Upload, change or remove Heading background image here
Excerpt Length: Excerpt is a short paragraph or an extract taken from the blog post. The number you enter here is corresponding to the number of words included in this excerpt.
Show Readmore Link/ Post Meta: Tick boxes to show these items
Enable Page Heading: Page Heading will appear on the header of page. When you enable this option, you will have header background image on blog page, shop page or another page…
Enable Mailchimp subscribe: Turn off this button, Mailchimp subscribe part in Footer will disappear. If you turn on it then you will have an extra option, Mailchimp settings, to enter API key.
Smooth Scrolling: Enable this button so that the scrolling can be smooth.
Our Theme customizer works as the original WordPress customizer feature but be much more versatile. All our theme options can be changed in our Customizer on the left side and live previewed instantly on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.
To start using Customizer in Admin Panel, navigate to Customizer, you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save & Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.
Primary Color: you can change primary color by this option. There is table of color, which allows you to select color you want or enter your color code on box.
You can customize your Typography settings here. Medicus integrated all Google Fonts. See font preview at Google Fonts.
Customize settings for Heading including Navigation Bar, Logo and NavBar Alignment.
This section adjusts settings for Navigation Bar. You also can customize some settings for the Toggle Button on Mobile in this section.
Medicus allows to add image file or use text for logo. You will see button to turn On/Off Use Image for Logo.
If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.
If On, you will have two logo images to upload. The first one is for standard desktop while the second one is for retina ready devices (optional). Click the Upload button and select your logo file. Upload your logo image and retina one (a larger image, with double the amount of pixels that your image will be displayed at). Enter your image height you want to display on navigation bar and we will do the calculation part for you to make it look great on all screen size.
Adjust height of navigation bar, space between links and size of mobile navigation button.
Top Bar lays on top of your site, above Navigation Bar. It is suitable for placing contact information and social media link. Enable to controls its layout and content.
In Medicus we used this Custom Content:
<i class=”fa fa-phone”></i>
Enable Top Footer: This option will help you to turn On/Off Top Footer section. To turn on Top Footer you need to configure some option below:
This option allows to set the footer column number from drop-down list. Number of columns can be from 1 to 4. You also can select None to leave it blank (no footer content).
This section enables you to add and customize Widgets on you preview site. It includes number of Footer Columns due to setting in above section: Footer settings.
Footer Column #i: You will see number of footer columns corresponding to footer settings. Add text, image or other widget by hitting Add a Widget button.
Choose Layout settings for your Post List.
This section will help you to configure Departments Listing page. Firstly, assign a page as Department page from dropdown list. Once you choose a page as Department Listing page, its slug will be your Department Listing’s main slugs.
Single Department Layout: Choose Single Department same as Department Listing by checking the boxes beside options or uncheck to choose another layout.
This section will help you to configure Doctor Page. Firstly, assign a page as Doctor Page from dropdown list. Once you choose a page as Doctor Page, its slug will be your Doctor’s main slugs.
In Medicus theme, we use this custom HTML:
<h3>Want to meet our doctors for medication?</h3>
Our receptionist will arrange appointment for you
All themes from NooTheme share the same theme settings structure so you can export then import setting from one theme to another conveniently with our any problem.
To add “make an appointment” button on main menu. Add new menu, select menu type: page (you need to choose page same as Make an appointment page). Then add CSS Classes (optional): make-an-appointment for your menu. You can see image:
Medicus allows you to add image file or use text for logo. For the image file, you can upload at any size and it will be adjusted to fit into the menu. There is an option for you to upload a retina logo to keep your logo retina ready.
If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.
If On, you will have two logo images to upload. The first one is for standard desktop while the second one is for retina ready devices (optional). Click the Upload button and select your logo file.
Medicus supports custom WordPress menu, this is one area where you can assign a menu: Main Menu. Following the guide below to learn how to create new menu on Medicus Theme.
♣ It has a Row shortcode whose style is one column
♣ The column contains 2 Tab shortcodes.
♣ The first tab comprises a Contact Form 7 shortcode
♣ The first column includes 2 Text Block shortcode
♣ The second one contains a Single Image shortcode
Please follow these steps to create your pages:
If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.
Here is a screenshot that shows you the various areas and descriptions of the page settings described above:
We have built some specific Medicus page templates for you. Here is the list and their short description:
We have created some specific Medicus page settings which will help you to build splendid pages for your site. Following the list of options below to see how they work:
Follow these steps below to create a blog post:
If you need detailed guide about post settings in WordPress, please find in WordPress Codex.
Please follow these steps to add a new doctor:
To set up a page as Timetable page to show all department schedules, simply create a new page then add Department Timetable shortcode (you can easily find this shortcode in Medicus shortcode list). You can select departments you want to show schedule of department and choose the filter style including Tabs, Filter or Hide filter on Timetable page.
To set up a page as Department Listing Page to show all departments, create a new page. From admin panel, navigate to Customizer–> Department tab. Here you can find your page from dropdown list to set as Department Listing page.
In this section, you can enter your department information, including some options below:
Timetable Color: You can choose color for timetable of department that will be used to distinguish between different departments in timetable.
Add Timetable: You can setup schedule of department by hitting Add timetable. There are some information you need to fill in: Timetable day (You can choose one day from dropdown list), Start Hour, End Hour (Time when department opened/closed) and Doctor (The doctor who is responsible for resolving cases on that shift. You can choose doctor of that department from dropdown list).
To add new department category, you can follow these steps:
Follow these steps to add new department from backend:
This shortcode is used to create Timetable Page
Select Departments: Choose Depatments whose timetable will be shown
Filter Type: There are 3 kinds of Filter
Instead of writing lines of code to build elements, we built Medicus with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips. By installing Visual Composer (the page builder plugin integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually before your eyes and easily generated in several clicks. In addition to Default Visual Composer shortcodes, Medicus comes with 6 specific shortcodes. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Medicus tab to find a shortcode you want to use. You can add those shortcode to any pages or posts for your own use.
There are 10 custom Medicus Shortcodes. Below are list 10 shortcodes and their attributes:
Use this shortcode if you want to build Blog masonry page.
This shortcode allows latest post displayed on your site.
Use this shortcode if you want to show all departments on frontend.
Use this shortcode to build MailChimp Subscribe form.
This shortcode will help you show all testimonials as slider.
This shortcode has the same options as Noo Classic Testimonial with a different layout. Here is frontend of this shortcode:
This shortcode allows you to show list doctor as slider.
Use this shortcode if you want to have a slider as in Home Service Slider.
After configuring general option of your slider, you need to add each Department Slide item and here is setting for it:
This shortcode is used to create a timeline for about us page.
After general configuration, you need to add each Noo Timeline Item for your page and here is setting for each item:
Use this shortcode if you want to build department schedule page.
This shortcode is used to show services on About us page.
In addition to default WordPress widgets, Medicus included Noo Department, Noo Doctor Categories and Noo MailChimp widgets. You can add any widget and any number of widgets into your sidebar. All widgets are accessible from Appearanceà Widgets and easily dragged and dropped into your sidebar.
To have Top Footer look like in our demo site, you need to go to Dashboard–>Customizer–> Footer–> Click Enable Top Footer option to turn on Top Footer. In addition, you can enter your content on Top Footer Content or turn on social media you want. That includes Facebook, Twitter, Google+. You can enter social link and select color for each social link.
To add new social for Top Footer, you need to go to Dashboardà Customizerà Footer and turn on Enable Top Footer option. After that you can add Custom HTML Content for Top Footer.
You can add many social media for top footer and you need to remember this structure:
In Medicus theme, we use this Custom HTML :You can reach us on [facebook], [twitter]
If you want to add Google Plus for footerà Please add this code:
You can reach us on [facebook], [twitter], [google-plus]
If you add widget in Appearance –>Widgets, you will see Noo – Footer Column #i widget section on the right hand side. Your widgets are located on the left hand side. Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side.
Noo-Footer Column #1, we used Text widget with Custom HTML below:
<li><i class=”fa fa-phone”></i> <span>(+844) 8882888</span> </li>
<li><i class=”fa fa-envelope”></i> <span> [email protected]</span> </li>
<li><i class=”fa fa-globe”></i> <a href=”#” class=”text-primary”>www.medicus.com</a></li>
<li><i class=”fa fa-map-marker”></i> <span>Honey Business 24 Fifth st., Los Angeles, USA</span> </li>
Noo-Footer Column #2, we used Custom Menu widget and select Patient Guide menu.
Noo Footer Column #3, we used Text widget with Custom HTML:
<li><span>Monday to Friday</span>
<span>8:00am – 17:00pm</span></li>
<span>9:00am – 19:00pm</span></li>
<span>9:00am – 20:00pm</span></li>
Noo Footer Column #4, we used Text widget with Custom HTML:
<div class=”copyright”>2015 Medicus.<br/>
Designed with <i class=”fa fa-heart-o text-primary”> </i> by NooTheme.
Widgets are frequently used to create sidebar or footer. Beside default WordPress widgets, Medicus added some sidebar widgets. To view all Widgets, navigate to Appearance–>Widgets. You can drag and drop widgets from left sidebar list into footer columns or sidebars as you want. Here is the list of Medicus Custom Widget you may want to use to have sidebar and footer like in our demo site.
This widget is used to show all departments. It can be displayed on Single Department page.
Use this widget if you want to show all doctor categories. It can be displayed on Doctor Listing and Doctor Profile page.
This widget will help you to add subscribe form. It can be displayed on Blog page.