Magpage documentation
- Theme Installation
- Demo Setup
- Setup Menus
- Additional CSSPRO
- Disable Comments
- Layout SettingsPRO
- Front/ Home page posts categoriesPRO
- SliderPRO
- FontsPRO
- Inserting/Adding Patterns
- More Tutorial About Block Theme
- Templates & Patterns
- Contact Form
- Child Theme
-
Theme Installation:
- Download the theme file from WordPress.org
- Log in to your WordPress admin dashboard.
- Navigate to Appearance > Themes > Add New.
- Click the "Upload Theme" button at the top of the page.
- Select the theme file you downloaded in step 1 and click "Install Now."
- Wait for the theme to upload and install.
- Click "Activate" and your theme is ready to use.
Alternatively:
- Log in to your WordPress admin dashboard.
- Navigate to Appearance > Themes > Add New.
- Search for Led at right side of the page.
- Select the theme click "Install Now."
- Click "Activate" and your theme is ready to use.
Setup Plugin:
- Log in to your WordPress admin dashboard.
- Navigate to Plugins > Add New.
- Search for required plugins at right side of the page.
- Select the plugin click "Install Now."
- Click "Activate" and your plugin is ready to use.
-
Demo Setup:
Note: To import dummy content into your website, you may need to install all the recommended plugins. Install and activate all the recommended plugins.Download Theme Cany Demo Import plugin
This plugin is not suitable if your website already contains content. After the demo importer plugin has completed its task, you can easily remove the dummy importer plugins.
-
Setup Menus:
The Navigation Block allows you to edit your site's navigation menu and add a menu of links to any page for easy navigation. It works with block themes or themes that support template editing. In a block theme, you can create or add a Navigation to the template part with the Navigation block.
Screenshot:
-
Additional CSS:
- Navigate to Appearance > Customize > Additional CSS.
- Add your custom CSS code to the editor.
- Save your changes by clicking "Publish."
Screenshot:
-
Disable Comments:
- Navigate to individual Page/ Post.
- Click on screen options at top right part of the page
- Select Discussion Box if it is unchecked
- A discussion box appears at bottom right of the page editor
- Uncheck the Allow Comments box
- Save your changes by clicking "Publish."
Screenshot:
-
Layout Settings:
This theme offers multiple layouts such as Left Sidebar, Right Sidebar and Full Width for pages and posts.
Site Layout
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Layout Settings.
- Select layout to display on your choice
- Save your changes by clicking "Publish."
PROBoxed Layout/ Small Blog Image
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Layout Settings.
- Enable Box Layout/ Small Blog Image
- Save your changes by clicking "Publish."
Screenshot:
-
Front/ Home page posts categories:
Only selected category will display in home/front page. You can select multiple category by selecting multiple button.
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Theme Options > Front/ Home page posts categories.
- Enable or Disable on your choice
- Save your changes by clicking "Publish."
-
Slider:
There are a lots of slider settings available for this theme. You can setup the No of Slider, Slider Layout, Slider Text Position,Slideshow Speed, Animation Effect, Animation Speed and options to show Slider/ Header Image
Slider Settings:
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Slider Options (Pro) > Slider Settings.
- Select an options to setup the slider
- Save your changes by clicking "Publish."
Screenshot:
Upload Slider Image:
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Slider Options (Pro) > Upload Slider Image.
- Upload Image, Title, Description and Link
- Save your changes by clicking "Publish."
Note: The recommended Image size for slider is(1920 X 822 )
Screenshot:
-
Fonts:
There are a lots of font options available for this theme. You can change the theme Font Family for your site
Font Family:
- Log in to WordPress Dashboard.
- Navigate to Appearance > Customize > Font Options > Font Family.
- Select font family on your choice
- Save your changes by clicking "Publish."
Screenshot:
-
Inserting/Adding Patterns:
- Log in to your WordPress admin dashboard.
- Navigate to Editor > Toolbar (Top Left) > Patterns > Select MagPage from the dropdown menu > Add/Insert Patterns accordingly
Edit Patterns:
- Go to your WordPress dashboard and click on "Appearance" and then "Editor".
- Within the editor, select the "Theme Files" option located on the right-hand side of the screen, followed by "Template Parts" and then "list".
- Locate the specific file that contains the code for the numbered list pattern that you wish to modify.
- Modify style, font size or color.
- Click on Update
-
More Tutorial About Block Theme:
About Media Blocks? Click Here
About Text Blocks? Click Here
About Design Blocks? Click Here
About Embed Blocks? Click Here
About Widget Blocks? Click Here
About Theme Blocks? Click Here
Access Site Editor ? Click Here
-
Templates:
There are 10 templates in free and 13 templates in Pro version
- 404
- Archive
- Front Page
- Home Page
- Index
- Page
- Search
- Single
- Single Page Full Width
- Single Post Full Width
- Left Sidebar Template(Pro)
- Right Sidebar Template(Pro)
- Full Width Template(Pro)
Screenshot:
Patterns:
There are 9 patterns in free and 12 patterns in Pro version
- Feature News
- Feature post
- Footer
- Footer Three Column
- Header
- Header Banner Image
- Navigation >
- Latest News
- Sidebar
- Block Column(Pro)
- Call to Action(Pro)
- Logo Menu Center(Pro)
Screenshot:
-
Contact Form:
- Log in to your WordPress admin dashboard.
- Navigate to Plugins > Add New.
- Search for Contact Form 7 at right side of the page.
- Select the plugin click "Install Now."
- Click "Activate" and your plugin is ready to use.
Add for to your page/ post:
- Once plugin is activated, Create any post/ page to display form.
- Navigate to Contact from left side dashboard.
- Copy the generated Shortcode and paste in the specific post/ page.
- Save your changes by clicking "Publish."
-
Child Theme:
A child theme is like a modified version of a main theme for a website, which can be used to make changes without affecting the original theme. It is safe to use child theme and also you can upgrade to orginal theme without losing your customized code in your child theme.
Child Theme Sample Code:
- Create Led Folder inside wp-content (exact path where parent theme is available)
- Create two file style.css and functions.php file inside child theme folder
- Pase below code for style.css and functions.php
Add below code in style.css
/* Theme Name:MagPage Child Theme URI: https://themecanary.com/themes/magpage Author: Theme canary Author URI: https://themecanary.com Description: MagPage Child is the child theme of MagPage Theme. Version: 1.0 Text Domain: magpage-child Template: magpage License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: threaded-comments, right-sidebar, custom-background All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */
Add below code in functions.php
<?php add_action( 'wp_enqueue_scripts', 'magpage_enqueue_styles' ); function magpage_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>
Need more info about child theme? Click Here