Post Modules

Post Modules for Wordpress by Xgenious

 

  1. Plugin Installation
  2. Create Post Modules
  3. Generate Post Modules Shortcode
  4. General Settings
  5. Styling Settings
  6. Typgraphy Settings
  7. Help Center
  8. Import Demo Content

 

 

Plugin Installation

  1. Unzip the donwloaded zip file
  2. Inside the zip file you find an folder named main-file here you find another zip file named xg-Post.zip.
  3. Log-in to your WordPress site
  4. Navigate to the Plugins Menu > Click Add New > Click the Upload link
  5. Click Choose File > Locate the "xg-posts.zip" file > Click Install Now
  6. Click Activate Plugin

Create Header Slider Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All Header Slider > Add new

01. General Settings

1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Slider Settings

1. Desktop Item: Dyou can set how many item you want to show in slider.
2. Loop: you can set on/off loop.
3. Autoplay: you can set on/off autoplay.
4. AutoplayTimeout: you can set autoplay timeout, time count in mili seconds.
5. Margin: you can set margin. no need to put px.
6. Nav: you can set on/off nav.
7. Nav Left Icon: you can set icon for nav.
8. Nav Right Icon: you can set icon for nav.
9. Dots: you can set on/off dots.
10. Dots Color: you can set dots color.
11. Nav Color: you can set nav color.
12. Nav Background Color: you can set nav background color.
13. Nav Active Color: you can set nav active color.
14. Nav Active Background Color: you can set nav active background color.

03. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

04. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

05. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Create Featured Grid Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All Featured Grid > Add new

01. General Settings

1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

03. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

04. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Create Full Width Grid Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All full width Grid > Add new

01. General Settings

1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

03. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

04. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Create Thumbnail Grid/Slider Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All thumbnail > Add new

01. General Settings

1. Type: select type grid/slider.
1. Column: select column for grid.
1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Slider Settings

1. Desktop Item: Dyou can set how many item you want to show in slider.
2. Loop: you can set on/off loop.
3. Autoplay: you can set on/off autoplay.
4. AutoplayTimeout: you can set autoplay timeout, time count in mili seconds.
5. Margin: you can set margin. no need to put px.
6. Nav: you can set on/off nav.
7. Nav Left Icon: you can set icon for nav.
8. Nav Right Icon: you can set icon for nav.
9. Dots: you can set on/off dots.
10. Dots Color: you can set dots color.
11. Nav Color: you can set nav color.
12. Nav Background Color: you can set nav background color.
13. Nav Active Color: you can set nav active color.
14. Nav Active Background Color: you can set nav active background color.

03. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

04. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

05. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Create Thumbnail Grid/Slider Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All thumbnail > Add new

01. General Settings

1. Type: select type grid/slider.
1. Column: select column for grid.
1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Slider Settings

1. Desktop Item: Dyou can set how many item you want to show in slider.
2. Loop: you can set on/off loop.
3. Autoplay: you can set on/off autoplay.
4. AutoplayTimeout: you can set autoplay timeout, time count in mili seconds.
5. Margin: you can set margin. no need to put px.
6. Nav: you can set on/off nav.
7. Nav Left Icon: you can set icon for nav.
8. Nav Right Icon: you can set icon for nav.
9. Dots: you can set on/off dots.
10. Dots Color: you can set dots color.
11. Nav Color: you can set nav color.
12. Nav Background Color: you can set nav background color.
13. Nav Active Color: you can set nav active color.
14. Nav Active Background Color: you can set nav active background color.

03. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

04. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

05. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Create Post Layouts/thumbnail Filter Shortcodes

  1. Log-in to your WordPress site
  2. Nivigate Post Modules Form left side and clcik xg post modules then click All thumbnail > Add new

01. General Settings

1. Theme Type: select type post layout / thumbnail.
1. Column: select column for grid.
1. Theme: select theme.
2. Total Posts: enter how many post you want to show, enter -1 for unlimited post.
3. Category: select category of posts, if you want all category post leave it blank
4. Order: Select Order.
5. OrderBy: Select OrderBy.

02. Filter Settings

1. Gutter: enable/disable gutter.
2. Menu: enable/disable menu.
3. Menu Style: select menu style.
4. Menu Alignment: select menu alignment.
5. Menu Background Color: select color.
6. Menu Active Backgrond Color: select color.
7. Menu Color: select color.
8. Menu Active Color: select color.
9. Menu Border Color: select color.
10. Menu Active Border Color: select color.
11. Menu Font Size: menu font size.
12. Menu line height: menu line height.
13. Menu Text Transform: menu text transform.

03. Styling Settings

1. Background Overlay Color: select color.
2. Background Color: select color.
3. Background Hover Color: select color.
4. Category Color: select color.
5. Cateogry Hover Color: select color.
6. Category Background Color: select color.
7. Category Background Hover Color: select color.
8. Title Color: select color.
9. Title Hover Color: select color.
10. Title Background Color: select color.
11. Title Background Hover Color: select color.
12. Description Color: select color.
13. Post Meta Color: select color.
14. Post Meta Hover Color: select color.
15. Post Meta Background Color: select color.
16. Post Meta Background Hover Color: select color.
17. Button Color: select color.
18. Button Hover Color: select color.
19. Button Background Color: select color.
20. Button Background Hover Color: select color.

04. Typography Settings

1. Title font size: enter font size.
2. Title line height: enter line height.
3. Category font size: enter font size.
4. Category line height: enter line height.
5. Post Meta font size: enter font size.
6. Post Meta line height: enter line height.
7. Description font size: enter font size.
8. Description line height: enter line height.
9. Button font size: enter font size.
10. Button line height: enter line height.

05. Settings

1. Category: show/hide category in frontend.
2. Post Meta: show/hide post meta in frontend.
3. Read More: show/hide readmore in frontend.
4. Read More Text: enter read more text.

Import Demo Content

To import the demo content as seen on the demo site , please see the following instructions.

  1. Log-in to your WordPress admin - Goto Tools ->Import ->Select WordPress.
  2. If required, download and active the WordPresss Importer plugin. Once activated you may need to repeat steps above.
  3. Locate and select the documentation/demo/demo.xml and for demo Tab. click the Upload File and Import button.
  4. Assign admin user to an existing user. e.g. admin ->select Download and Import file attachments.

Once again, thank you so much for purchasing this extension. As I said at the beginning, I'd be glad to help you if you have any questions relating to this extension and I'll do my best to assist. If you have any question you can send an e-mail via the profile page.

Regards
Xgenious