Banner for Pe Panels
Show your posts and pages in tabbed or collapsible way ! Wordpress Tutorial
Noted That:
  • To install correctly this pe-panels.zip .
  • Fisrt Download the pe-panels.zip to your computer
  • Extract/Open pe-panels.zip to Your Computer.
  • Then, Find readme.txt file inside pe-panels.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " pe-panels.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Pe Panels

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Pe Panels

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Pe Panels

Step-5 : Now, Browse " pe-panels.zip " Downloaded plugin from your computer, Where you downloaded " pe-panels.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Pe Panels

Step-6 : Now, Click on " Active Plugin "

Activate Pe Panels

Step-7 : Then, See left Side Menu. " Pe Panels " folder is added on left Side Menu. Now, Click on " Pe Panels " folder.

Noted that: If you do not see " Pe Panels " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Pe Panels Configurations and Settings or How to work " Pe Panels " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " PE Panels " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is PE Panels
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the ‘pe-panels’ folder to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Navigate to the ‘Widgets’ page found under the ‘Appearance’ menu item
  4. Drag an drope ‘PE Panels’ to the target widget area and choose your options

Configuration (see screenshot of backend):

  1. Widget title
  2. Type of view ( chose between 2 available views – tabbed and collapsed)
  3. Posts and Pages to show as panels
  4. Items ordering (depends on items chosen ordering)
  5. Content length limit
  6. Option to show ‘readmore’ link below content
  7. Option to show creation date in certain positions
  8. Option to show post thumbnail above content
  9. Thumbnail alignment ( to left, to right or center)
  10. Thumbnail size (you can chose from all theme sizes or set custom size – thumbnail will be generated automatically)
  11. Image width in pixels
  12. Image height in pixels
  13. Option to crop thumbnails (you can chose crop area).
  14. (Tabbed view) Option to resize panel headings to fill available space (each heading will have fixed width)
  15. (Tabbed view) Responsive break point (widget will switch desktop mobile layout in this respolution)
  16. (Collapsed view) Show or Hide first panel content
  17. (Collapsed view) Allow open more than one panel

Name