marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hosting tab and improve UI

Browse Source 
- Added new Hosting tab with styled panels for Closte, Cloudron, Hostinger, Hetzner Cloud, and SimpleHost
- Sorted Pro Plugins alphabetically for better navigation
- Added Go Pro button for Kadence theme in the theme section
- Improved styling for hosting providers with responsive grid layout
This commit is contained in:
Marcus Quinn
2025-03-16 23:00:56 +00:00
parent 0db22d8b1b
commit f22b2db23d
1 changed files with 41 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
admin/settings.php
View File

@ -696,6 +696,9 @@ function wp_allstars_ajax_get_themes() {
<a class="button button-secondary preview install-theme-preview" href="<?php echo esc_url($theme_data->preview_url); ?>" target="_blank"> <a class="button button-secondary preview install-theme-preview" href="<?php echo esc_url($theme_data->preview_url); ?>" target="_blank">
<?php esc_html_e('Preview'); ?> <?php esc_html_e('Preview'); ?>
</a> </a>
<a class="button button-primary" href="https://www.kadencewp.com/kadence-theme/" target="_blank">
<?php esc_html_e('Go Pro'); ?>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -1005,12 +1008,44 @@ function wp_allstars_settings_page() {
</div> </div>
<?php elseif ($active_tab == 'hosting'): ?> <?php elseif ($active_tab == 'hosting'): ?>
<div class="tab-content" id="hosting"> <div class="tab-content" id="hosting">
<div class="wpa-pro-plugins"> <style>
.wpa-hosting-providers {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.wpa-hosting-provider {
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.wpa-hosting-provider h3 {
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.wpa-hosting-provider p {
min-height: 80px;
margin-bottom: 20px;
}
.wpa-hosting-provider .button-group {
display: flex;
gap: 10px;
}
</style>
<div class="wpa-hosting-providers">
<?php <?php
$hosting_providers = wp_allstars_get_hosting_providers(); $hosting_providers = wp_allstars_get_hosting_providers();
// Sort providers alphabetically by name
uasort($hosting_providers, function($a, $b) {
return strcmp($a['name'], $b['name']);
});
foreach ($hosting_providers as $provider) { foreach ($hosting_providers as $provider) {
?> ?>
<div class="wpa-pro-plugin"> <div class="wpa-hosting-provider">
<h3><?php echo esc_html($provider['name']); ?></h3> <h3><?php echo esc_html($provider['name']); ?></h3>
<p><?php echo esc_html($provider['description']); ?></p> <p><?php echo esc_html($provider['description']); ?></p>
<?php if (isset($provider['button_group'])): ?> <?php if (isset($provider['button_group'])): ?>
@ -1092,6 +1127,10 @@ function wp_allstars_settings_page() {
<div class="wpa-pro-plugins"> <div class="wpa-pro-plugins">
<?php <?php
$pro_plugins = wp_allstars_get_pro_plugins_config(); $pro_plugins = wp_allstars_get_pro_plugins_config();
// Sort plugins alphabetically by name
uasort($pro_plugins, function($a, $b) {
return strcmp($a['name'], $b['name']);
});
foreach ($pro_plugins as $plugin) { foreach ($pro_plugins as $plugin) {
?> ?>
<div class="wpa-pro-plugin"> <div class="wpa-pro-plugin">