Skip to Content

Changing Themes

Here’s the Step by Step guide on how to change themes in your WordPress project using GitLab. This guide assumes you have a basic understanding of Git and WordPress.

Step 1: Given that you have not cloned the existing repository yet.

terminal
git clone [email protected]:training/training-ap-panorama.git

Video link here

Step 2: Create a Branch

🚫
Important

Follow Naming Guidelines.

terminal
git checkout -b 'Branch_Name'

Step 3: Add new Theme via Composer

By running composer command, you can install or update a plugin.

terminal
composer require "aios-packages/parent_theme_name":"version" Require and install specific version.or
🚫
Important

Please check if theme is already in composer base if not just simply go to AIOS resources and download the theme and place it in the web/app/themes/ directory. Agentpro Lists

4: Download Child theme

Go to AIOS resources the and download the child theme. Place it in the web/app/themes/ directory.

6: Add parent theme to .gitignore

.gitignore
web/app/themes/parent_theme_name // example : agentpro-elevate, agentpro-panorama

Step 7: Edit vite.config.js

  • Go to web/vite.config.js and edit the following on line 12

Example:

vite.config.js
const themeName = 'agentpro-elevate-child';

Go to AIOS resources and download the child theme. Place it in the web/app/themes/ directory.

Step 8: Install AIOS Autopopulation via Composer

terminal
composer require "aios-packages/aios-autopopulation":"version"

Step 9: Commit the changes you’ve made.

terminal
git commit -m '<commit_message>'

Step 10: Push your changes.

terminal
git push origin 'Branch_Name'

Step 11: Create Merge Request.

terminal
https://gitlab.forge99.com/your_project_group/your_project_url

Step 12: Activate AIOS Autopopulation and Child Theme


Activating the Child Theme

Go to the WordPress admin panel, navigate to Appearance > Themes, and activate the child theme you just created.


Activating AIOS Autopopulation

Got to the WordPress admin panel, navigate to Plugins > Installed Plugins, and activate the AIOS Autopopulation plugin.

Step 13. Select the desired theme listed on supported themes.

Step 14. Navigate to wp-admin > AIOS All In One > Auto Population.

Step 15. In the settings, click “Generate.”

Step 16. Press “Proceed” button and wait until the “Visit Homepage” button is prompted.

Last updated on