Umbrella is a free premium responsive WordPress theme from fabthemes.com. This theme is built on Foundation framework. This is a medical/hospital related WordPress theme. Ideal for clinics/ hospitals etc. This theme comes with features like custom menu, custom pages, custom post types, metaboxes, theme options etc.
The theme requires the following plugin to work as advertised. You will find a notification on the admin panel prompting you to install the required plugins. Please install and activate the plugins.
- CMB2 – This plugin is required for the metabox feature.
- Fontawesome Icon picker – This plugin is required for the fontawesome icon picker field for the CMB2 metabox.
۱٫ Installing theme
Download the theme zip file from Fabthemes.com. Open your WordPress admin panel and go to Appearance > Themes . Click Add new and then Upload the theme to your themes directory and activate it.
۲٫ Install plugins
After theme activation, you will find a notification that prompts you to install and activate the required plugin listed earlier. Please install and activate them.
۳٫ Saving theme options
The theme comes with an options page. You can save the options page with its default values to see how the content is laid out. Then you can customize the options as required for your site.
۴٫ Create Slider
Click on the “Slider” menu on the admin panel. Click on “Add new” and it will take you to a page where you can create a new slider. Give the slider a title. Below the title you will find a metabox for slider configuration. You can add multiple slide items via this metabox. Each slide item consists of Slide title, slide image, description, and slide link. Once you have added required number slide items to the slider, click publish to save the slider.
۵٫ Create Service
Click on the “Services” menu on the admin panel. Click on “Add new” and it will take you to a page where you can create a new service. Give the service a title. Add a featured image to the service and select an icon that is suitable from the service icon metabox. Hit publish to save the service item.
۶٫ Staff item
Click on the “Staff” menu on the admin panel. Click on “Add new” and it will take you to a page where you can create a new staff item. Enter the staff name as as title. Add the staff image as featured image. Fill the “Staff Details” metabox with staff description, job title, social media information.
۷٫ Testimonials Item
Click on the “Testimonial” menu on the admin panel. Click on “Add new” and it will take you to a page where you can add a testimonial item. Enter the person name as the title. Enter the testimony in the content area. Use the featured image for the person image.
۸٫ Creating the Services Page
Services page is the page that lists all your service items. Go to the “Pages” and click “Add new page”. Give the page a title , preferably “Our Services”. Then select the “Service page” template from the page template dropdown.
۹٫ Creating the Staff page
Staff page is the page that lists all your staff items. Go to the “Pages” and click “Add new page”. Give the page a title , preferably “Our Staff”. Then select the “Staffpage” template from the page template dropdown.
۱۰٫ Appointments page
This is the contact page. Create a new page and add a contact form using a contact form plugin.
۱۱٫ Setup Homepage and Blog page
Create a new page and name it Home. Select The Homepage template from the dropdown menu and publish the page. Similarly create a new page called “Blog’ and publish it. Then go to the reading tab under settings menu. For the ‘Front page shows’ option set static page. Select ‘Home’ for front page and ‘Blog’ for posts from the dropdown pages.
Theme comes with an options panel to customize its settings.
- ۱٫ Slider – Select the slider you want to display on the homepage. You will have a dropdwon list of the sliders you created from where you can select one.
- ۲٫ Blog page – Select the page set as your blog page.
- ۳٫ Appointments page – Select page set as Appointment/contact page.
- ۴٫ CTA text – There is a Call to action section on the homepage with the appointment button. You can customize the CTA text via this option.
- ۵٫ Services on homepage – Set the number of Service items to show on the homepage.
- ۶٫ Staff on homepage – Set the number of staff items to show on the homepage.
- ۷٫ Testimonials on homepage – Set the number of testimonial items on the homepage.
۲٫ Contact settings
- Use this options to enter the Phone numbers, email, address details etc of the company.
- You also have option to enter the google map embed code to display the map pointing to your company location.
- Use the “Working hours details” options to display the working times.
۳٫ Social settings
You have the option set various social media links and other contact informations like, email, phone, skype etc via theme options.
۴٫ Custom styling
Use this options to color customize your theme.
۵٫ Banner settings
Use this options to customize the banner ads on the sidebar.