Swasthika

How To Use & Features

All Theme Settings:

Theme Installation

1. Go to the Appearance > Themes and click on the Add New button.
2. Click on the Upload Theme button.
3. Click on the Browse button and navigate to the unzipped theme package on your computer.
4. Look for a file called creazione-pro.zip. Click on it to select, then click OK.
5. Click on the Install Now button and wait until the installation is complete.
6. Click on the Activate link to activate the theme on your WordPress site

Plugin Installation

After installing the theme, you will see a warning message in the WordPress admin dashboard prompting you to install and activate the required plugins, such as Breadcrumb NavXT, Fluent Forms, and One Click Demo Import.

1. Click on "Begin installing plugins" from the admin dashboard notification.
   
   

   

2. You will see a list of required plugins.
3. You can install plugins individually or select multiple plugins to install at once.
4. To install all at once:
   1. Select all plugins using the checkbox.
   2. From the Bulk Actions dropdown at the top, choose Install.
   3. Click the Apply button to start the installation process.
      
      

      

5. After all plugins are installed, click on the "Return to Required Plugins Installer" link.
   
   

   

6. Then, select all plugins again and choose Activate from the Bulk Actions dropdown.
   
   

   

7. Click Apply to activate all the installed plugins.

Plugin Settings

1. Breadcrumb NavXT: Configure settings to remove the post category from the blog detail page breadcrumb.
   
   

   

1. Go to the Settings menu in the WordPress admin sidebar.
2. Click on Breadcrumb NavXT.
3. Navigate to the Post Types tab.
4. Under the Post Hierarchy section, select the Post Parent option.
5. Save the changes.
2. Fluent Form: We use Subscribe, Contact, and Book Appointment forms. To import the Book Appointment form, follow the steps below:
   
   

   

1. Go to your WordPress Dashboard.
2. Navigate to Fluent Forms → Tools.
3. Click on the Import tab.
4. Under the Import Forms section, click Choose File and upload the provided .json form file.
5. Click the Import button.
6. Once imported, you’ll see the form listed under Fluent Forms → All Forms.
3. One Click Demo Import: To import the demo content we have prepared:
1. Go to your WordPress Dashboard.
2. Navigate to Appearance → Import Demo Data.
3. Click the Import Demo Data button.
   
   

   

4. You will be redirected to the next screen.
5. Skip the three plugin installation prompts if they appear.
6. Click on the Continue & Import button.
   
   

   

7. The demo content will begin importing, which may take a few minutes.
   
   

   

8. Once complete, a success message will appear.
9. Click on the Visit Site button to view the imported demo content on your site.
   
   

   

Permalink Setting

Once the demo content has been imported, follow these steps to configure the permalink structure

• Navigate to Settings → Permalinks in your WordPress dashboard.
• Select the Post name option under Common Settings.
• Click the Save Changes button to apply the new permalink structure.

Header Settings

After activating the theme, you may need to make some changes to the header. By default, the navigation menu displays a list of all pages, so any new page you create will automatically appear in the header menu. However, if you have imported the demo content, there is no need to modify the menu.

1. Go to Appearance > Editor (Site Editor) in the WordPress dashboard.
   
   

   

2. In the left sidebar, click on Patterns.
   
   

   

3. Under the All Template Parts section, select Header.
   
   

   

4. You can manage the header logo and navigation menu.
   
   

   

5. Click on the header area where the Navigation block is placed.
6. Click Select Menu or Create New Menu.
7. Click the "+" (plus) button inside the menu block and select Page List.
   
   

   

8. To customize the menu, add or edit items as needed:
   • You can add individual Page links to create a custom menu.
     
     

     

9. Once done, click Save to apply your changes.
   
   

   

Adding a “Contact Us” Button Style in the Header Menu

1. Go to Appearance > Editor (Site Editor).
   
   

   

2. Click on the Header area to open and edit the navigation menu.
3. Select the “Contact Us” menu item.
   
   

   

4. In the block settings panel (on the right sidebar or toolbar):
   • Expand the Advanced section.
   • Add the Additional CSS classes: is-style-shadow is-style-fill.

     

Footer Settings

1. Go to Appearance > Editor (Site Editor) in the WordPress dashboard.
   
   

   

2. In the left sidebar, click on Patterns.
   
   

   

3. Under the All Template Parts section, select Footer.
   
   

   

4. You can manage the footer logo, description, subscription form, navigation menu, and copyright text.
   • Logo
     
     

     

   • Description
     
     

     

   • Subscription
     
     

     

   • Navigation
     
     

     

   • Copyright<
     
     

     

5. To manage the footer menu, click on the footer area where the Navigation block is placed.
6. Click Select Menu or Create New Menu.
7. Click the "+" (plus) button inside the menu block and select Page List.
8. To customize the menu, add or edit items as needed:
   • You can add individual Page links to create a custom menu.
     
     

     

     
     
     

     

     
     
     

     

9. Once done, click Save to apply your changes.

Typography Settings

You can manage the font family, elements, and font sizes from the Site Editor.

1. Go to Appearance > Editor (Site Editor).

   

2. Click on the Styles icon (usually a half-filled circle in the top-left corner).
3. On the right-side Styles Settings panel, click on Typography.

   

4. From here, you can customize:
   • Font Family
   • Font Size
   • Line Height
   • Letter Spacing: for different elements like text, headings, and links.

     

5. Make your changes and click Save to apply them.

Color Settings

You can manage global colors like background, text, and link colors from the Site Editor.

1. Go to Appearance > Editor (Site Editor)

   

.
2. Click the Styles icon (a half-filled circle in the top-left corner).
3. On the Styles Settings panel (right side), click on Colors.

   

4. You’ll see options to set colors for:
   • Text
   • Background
   • Links
   • Buttons
   • And other elements (depending on your theme)

     

5. You can also manage color palettes and create your custom colors.
6. Once done, click Save to apply your changes.

All Page Setup

Home Page

You can customize the homepage patterns, such as Hero Banner, Fifty-Fifty Left Image, Our Services, Patient Reviews, and Blog Highlight, by following these steps:

1. Go to Appearance > Editor (Site Editor) in your WordPress dashboard.

   

2. Click on the Templates option from the left panel.

   

3. Select the Front Page template to open it.

   

4. Click on any pattern (e.g., Hero Banner, Our Services) to edit its content, layout, or style as needed.

   

5. After making your changes, click Save to apply them to the homepage.

Hero Banner Pattern

You can manage the following elements:

• Background Image

  

• Heading

  

• Description

  

• Call-to-Action (CTA) Button

  

Fifty Fifty Left Image Pattern

You can manage the following elements:

• Image

  

• Heading

  

• Description
• Call-to-Action (CTA) Button

  

Our Services Pattern

You can manage the following elements:

• Heading
• Description
• CTA Button
• Icon
• Title
• Short Description

Patient Reviews Pattern

You can manage the following elements:

• Heading
• Description
• CTA Button
• Quote
• Image
• Title

Blog Highlight Pattern

You can manage the following elements:

• Heading
• Description
• CTA Button
• Query Loop

About Page

You can customize the About Page patterns...

About Banner Pattern

• Image
• Heading
• Sub-heading
• List
• CTA Button

Our Mission Pattern

• Heading
• Paragraph

Treatment Philosophy Pattern

• Image
• Heading
• Paragraph
• List

Availability Pattern

• Heading
• Image
• Paragraph
• Button

Service Listing Page

Inner Banner Pattern

• Title

Our Services V2 Pattern

• Image
• Heading
• Paragraph

Three Column Service Pattern

• Image
• Heading
• Paragraph

CTA Pattern

• Background Image
• Heading
• Paragraph
• Button