Plexify

Plexify - Creative Agency Laravel Theme For W3CMS

Introduction -

Plexify - Creative Agency Laravel Theme For W3CMS

Plexify is a professionally designed Creative Agency Laravel theme created specifically for W3cms, a content management system (CMS) that provides a user-friendly platform for managing websites and digital content. This theme is fully compatible with the latest versions of both W3cms (2.5v) and Laravel (12.x).

W3cms a platform which can be extended in a manageable and structured way to develop large applications without reinventing extremely common functionality every time.

The integration of Plexify with W3cms and Laravel 11.x means users can take full advantage of Laravel's powerful routing, middleware, authentication, and data management features, while enjoying the flexibility of a theme that is easy to install and configure.

You can download the W3CMS package from the link below:

https://github.com/w3itexperts/w3cms

Installation -

Before beginning the installation process, ensure that you have already downloaded the theme ZIP file to your computer. The theme file is usually available from the theme provider’s website, either as a free or premium download. Once downloaded, the file will typically be in a compressed .zip format, which you’ll need to upload directly to your W3cms site during the installation process.

1.- Log in to Your W3cms Admin Dashboard

Open your web browser and navigate to your W3cms admin login page (usually yourdomain.com/admin).
Enter your username and password to log in to the W3cms dashboard.

2.- Go to the Themes Section

In the W3cms dashboard, look for the "Appearance" menu in the left-hand sidebar.
Click on "Themes" under the "Appearance" section.

3.- Add New Theme

On the Themes page, at the top of the page, click the "Add New" button. This will open the theme installation page.

4.- Upload the ZIP File

On the "Add Themes" page, click the "Upload Theme" button at the top of the page.
Click on the "Choose File" button and select the theme ZIP file you downloaded earlier from your computer.
After selecting the file, click the "Install Now" button.

5.- Activate the Theme

Once W3cms finishes installing the theme, you'll see a message that says "Theme installed successfully".
You can either click "Activate" to set the theme as the active theme on your website or click "All Themes" if you want to activate it later.

If you find something unclear, please watch the video below for a clearer explanation.

Theme Demo Import (Optional) -

Importing demo data is optional, and you can decide whether to include it based on your preference for starting with pre-built content or setting up your site manually.

In W3CMS, we offer three methods to import demo content, allowing you to choose the setup process that best suits your needs. Below, we describe how each option works, so you can select the one that best fits your requirements:

Note: it’s highly recommended to take a full backup of your website, ensuring that you can easily restore your site if anything goes wrong during the process.

1.- Log in to Your W3cms Admin Dashboard

Open your web browser and navigate to your W3cms admin login page (usually yourdomain.com/admin).
Enter your username and password to log in to the W3cms dashboard.

2.- Navigate to the "Themes" Page

In the W3cms dashboard, look for the "Appearance" menu in the left-hand sidebar.
Click on "Themes" under the "Appearance" section. This page will show all the themes installed on your site, including the active theme.

3.- Ensure Your Theme is Activated

Make sure the theme from which you want to import demo content is activated.
If it’s not activated, click on Activate under the theme thumbnail.

4.- Locate the "Import Demo" Button

After the theme is activated, you'll see the "Import Demo" button below the theme's image in its box.

5.- Click the "Import Demo" Button

Click the "Import Demo" button to trigger the import process. After clicking the "Import Demo" button, a popup modal will appear with three radio button options:
- Draft All Existing Content: This will draft your current Content Like posts, pages, comments, Custom Post Types, categories, and tags while importing the demo content. So that nothing will be lost and user can manage the data himself.
- Delete All Existing Data and Set Up New Theme: This will delete your existing data (Like posts, pages, comments, Custom Post Types, categories, and tags) and import the demo content, setting up the theme from scratch.
- Import Data Without Deleting Existing Data: This will import the demo content without deleting or modifying your existing data.
Choose the option that best suits your needs.

6.- Save Changes and Wait for the Import to Complete

Once you've selected your preferred demo import option, click the Save Changes button to begin the import process.
W3cms will now import the demo content based on the option you've chosen. This may take a few minutes, depending on the size of the demo content.
Once the import is complete, check the Pages, Posts, and Appearance > Widgets sections to see the imported content.
You can now go to the front-end of your site to preview how it looks and make any further adjustments to match your style.

Theme Structure -

plexify
- includes
  - MagicEditor
    - ElementsClass.php
  - W3Options
    - BlogOptionsClass.php
    - PageOptionsClass.php
    - theme-options-data.php
- public
  - css
  - fonts
  - icons
  - images
  - js
  - scss
  - vendor
- resources
  - views
    - elements
      - ajax
        
        ajax_archive_blog_listing.blade.php
        
        ajax_author_blog_listing.blade.php
        
        ajax_blog_listing.blade.php
        
        ajax_category_blog_listing.blade.php
        
        ajax_index_blog_listing.blade.php
        
        ajax_search_blog_listing.blade.php
        
        ajax_search_page_listing.blade.php
        
        ajax_tags_blog_listing.blade.php
      - comingsoon
        
        comingsoon_1.blade.php
      - footer
        
        footer_template_1.blade.php
        
        footer_template_2.blade.php
      - header
        
        header_1.blade.php
        
        header_2.blade.php
        
        header_3.blade.php
      - maintinance
        
        maintenance_1.blade.php
      - page_listing
        
        page_listing_1.blade.php
      - post_listing
        
        post_listing_1.blade.php
        
        post_listing_2.blade.php
      - post_template
        
        post_audio.blade.php
        
        post_cornerimage.blade.php
        
        post_header_image.blade.php
        
        post_link.blade.php
        
        post_quote.blade.php
        
        post_slider_1.blade.php
        
        post_slider_2.blade.php
        
        post_standard.blade.php
        
        post_video.blade.php
      - author_block_element.blade.php
      - banner-inner.blade.php
      - blog_pagination_element.blade.php
      - child_comments.blade.php
      - comments_block.blade.php
      - footer_top_bar_1.blade.php
      - header_top_bar_1.blade.php
      - index_ajax_post_listing.blade.php
      - main-banner.blade.php
      - meta.blade.php
      - nav_menu.blade.php
      - pagination.blade.php
      - password_protected_block.blade.php
      - related_blog_element.blade.php
      - sidebar.blade.php
    - email_templates
      - contact_us.blade.php
    - errors
      - 404.blade.php
      - 503.blade.php
      - coming_soon.blade.php
    - layout
      - default.blade.php
      - fullwidth.blade.php
    - w3elements
      - pages
        
        blog_listing.blade.php
        
        blog_listing_2.blade.php
        
        contact_us_form_1.blade.php
        
        content_box_1.blade.php
        
        content_box_2.blade.php
        
        content_box_3.blade.php
        
        counter_1.blade.php
        
        map_1.blade.php
        
        portfolio_slider_1.blade.php
        
        post_slider_1.blade.php
        
        services_listing_1.blade.php
        
        services_listing_2.blade.php
        
        subscription_box_1.blade.php
        
        testimonial_slider_1.blade.php
      - widgets
        
        archives.blade.php
        
        categories.blade.php
        
        recent_posts.blade.php
        
        recent_posts_footer.blade.php
        
        search.blade.php
        
        tags.blade.php
        
        widget_about.blade.php
        
        widget_locations.blade.php
        
        widget_working.blade.php
    - archive.blade.php
    - author.blade.php
    - category.blade.php
    - contact.blade.php
    - index.blade.php
    - page.blade.php
    - search.blade.php
    - single.blade.php
    - tag.blade.php
- composer.json
- cryptozone.xml
- screenshot.png

Folder Directories -

includes

This folder contains all the Elements of pages and Widgets of Plexify theme with the Theme Options And theme data like how many headers, footers and other things this theme have .
public

This folder have assets files like js, images and css etc.
resources

This folder contains all the View files of Plexify Theme.
plexify.xml

This File contains all the theme demo data in XML Format.

Theme Options -

Theme Options

Now we have added a newly created W3options(Theme Options) Module system. This makes theme more Customizable with newly added options for theme like custom Header, Footer, Banner and more options for a particular page or blog. User can change almost everything in frontend site theme for a particular page or post.

So How it Work ?

its very easy to change any thing just go to the 'Theme Option' in admin under the 'Appearence' Menu, there is multiple options. these options are showing by the loop of theme options array in the theme's includes directory.

Note : Different themes have different theme options related to their designs. but below there some common theme options are mentiond to understand the working.

General Settings -

General Setting have many options related to general settings of theme like Website Status (the frontend site status), Logo Type (type of logo for frontend), Social Icon (enable or disable social icons in frontend), Phone Number(Show in header top), Email(Show in header top) etc.

Logo Settings -

Logo Setting have options related to logo settings of theme like logo (for main logo of site), Other Logo (for other logo like white logo), Favicon (Favicon for frontend site), Logo Text (text for when logo type text), Email(Show in header top) and etc.

Header Settings -

Header Setting have options related to Header settings of theme like Header Style (select a style of header for frontend), Choose icons for this Header (icons seen only when user fill url in Social Settings), Sticky Header (make header Sticky), Button Text (if header have button then fill title of button), Button Url (if header have button then fill url of button) and etc, for a particullar header style.

Footer Setting -

'Footer Setting' have options related to Footer settings of theme like Footer (for enable or disable footer), Footer Template (select style for footer), Copyright Text (Write footer copyright text) and etc.

Post Setting -

General Setting: The 'General Setting' have options related to post's genaral settings of theme like Single Post Layout (Select a layout for post detail page),Featured Image (enable or disable), Date (enable or disable), Comment Count (enable or disable), Author Box (enable or disable), Post Banner (enable or disable), Post Banner Image (Choose image for post banner) and etc.
Post Collage/Listing Setting: The 'Post Collage/Listing' have options related to post's Collage/Listing settings of theme like Post Listing Template (Select a listing template/style for post listing),Post Title Length Type (for post listing's title length can be measured by either word or character count), Post Title Length (for the total length of title, in words or characters), Post Excerpt Length Type (for post listing's description length can be measured by either word or character count) and etc.

Page Setting -

General Setting: The 'General Setting' have options related to Page's genaral settings of theme like Page Banner (enable or disable Page Banner), Page Banner Height (Choose the height for page banner), Page Banner Image (Choose banner image for the page) and etc.
Author Page Setting: The 'Author Page' have options related to author's blogs listing page, it has similar page options like page general settings but separate if user want to change some setting for only author page.
Category Page Setting: The 'Category Page' have options related to Category's blogs listing page, it has similar page options like page general settings but separate if user want to change some setting for only Category page.
Search Page Setting: The 'Search Page' have options related to Search's blogs listing page, it has similar page options like page general settings but separate if user want to change some setting for only Search page.
Archive Page Setting: The 'Archive Page' have options related to Archive's blogs listing page, it has similar page options like page general settings but separate if user want to change some setting for only Archive page.
Tag Page Setting: The 'Tag Page' have options related to Tag's blogs listing page, it has similar page options like page general settings but separate if user want to change some setting for only Tag page.
404 Page Setting: The '404 Page' have options related to 404 Page settings of theme like Page Title (Title for 404 page), 404 Template ( choose style for 404 page), 404 Page Text (description for 404 page), 404 Page Button Text (Text for the Button in 404 page) and etc.

Social Setting -

Social Link Setting: The 'Social Link' have options related to theme's social icons and urls like theme like Choose Social Link Target and multiple social platforms url input box.
Social Sharing Setting: The 'Social Sharing' have options related to theme's social icons and urls like theme like Enable Social Shaing On Post and Page for enable or desable sharing button.