166 lines
6.3 KiB
PHP
166 lines
6.3 KiB
PHP
<?php
|
|
defined('ABSPATH') || exit;
|
|
if (!class_exists('TGM_Plugin_Activation') || (isset($_GET['page']) && $_GET['page'] === 'tgmpa-install-plugins')) {
|
|
return;
|
|
}
|
|
|
|
$tgmpa = \TGM_Plugin_Activation::get_instance();
|
|
if (!isset($tgmpa->plugins['superb-blocks']) || $tgmpa->is_plugin_active('superb-blocks')) {
|
|
return;
|
|
}
|
|
|
|
$plugin_installed = $tgmpa->is_plugin_installed('superb-blocks');
|
|
$action = $plugin_installed ? 'update' : 'install';
|
|
$nonce_url = wp_nonce_url(
|
|
add_query_arg(
|
|
array(
|
|
'plugin' => 'superb-blocks',
|
|
'tgmpa-' . $action => $action . '-plugin',
|
|
),
|
|
$tgmpa->get_tgmpa_url()
|
|
),
|
|
'tgmpa-' . $action,
|
|
'tgmpa-nonce'
|
|
);
|
|
|
|
$theme_name = wp_get_theme()->name;
|
|
?>
|
|
|
|
<div class="notice notice-info is-dismissible <?php echo esc_attr($notice['unique_id']); ?>">
|
|
<span class="st-sa-notification-wrapper">
|
|
<span class="st-sa-notification-wrapper-info"><?php echo esc_html(sprintf(/* translators: %s is the theme name */__("Thank you for choosing %s", 'feather-magazine'), $theme_name)); ?></span>
|
|
<span class="st-sa-notification-wrapper-headline"><?php echo esc_html(sprintf(/* translators: %s is the theme name */__("Get Started with %s", 'feather-magazine'), $theme_name)); ?></span>
|
|
<span class="st-sa-notification-wrapper-paragraph"><?php echo esc_html(sprintf(/* translators: %s is the theme name */__("Install the %s companion plugin to unlock all theme features. This quick and free installation takes a few seconds and requires just one click.", 'feather-magazine'), $theme_name)); ?>
|
|
<span class="st-sa-notification-buttons-wrapper">
|
|
<a href="<?php echo esc_url($nonce_url); ?>" class="st-sa-notification-buttons-purple"><?php echo esc_html__("Install & Activate", 'feather-magazine'); ?></a>
|
|
</span>
|
|
</span>
|
|
<style>
|
|
.st-sa-notification-wrapper {
|
|
padding: 40px 400px 40px 30px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
background-size: contain;
|
|
}
|
|
|
|
|
|
.st-sa-notification-wrapper:before {
|
|
display: block;
|
|
width: 282px;
|
|
content: " ";
|
|
background-image: url(<?php echo esc_url(wp_get_theme()->get_screenshot()); ?>);
|
|
background-position: bottom left 127px;
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: -38px;
|
|
height: 212px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.st-sa-notification-wrapper:after {
|
|
display: block;
|
|
width: 266px;
|
|
content: " ";
|
|
background-image: url(<?php echo esc_url(get_template_directory_uri() . "/inc/superbthemes-info-content/admin-notice/notices/admin-notice-front-image.png"); ?>);
|
|
|
|
background-position: bottom center;
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: -38px;
|
|
height: 261px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.st-sa-notification-wrapper .st-sa-notification-wrapper-info {
|
|
background: #fff8e1;
|
|
color: #ff8f00;
|
|
font-weight: bold;
|
|
padding: 6px 10px;
|
|
border-radius: 30px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.st-sa-notification-wrapper .st-sa-notification-wrapper-headline {
|
|
width: 100%;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
color: #263238;
|
|
font-size: 32px;
|
|
line-height: 130%;
|
|
margin: 15px 0 20px;
|
|
}
|
|
|
|
.st-sa-notification-wrapper .st-sa-notification-wrapper-paragraph {
|
|
display: inline-block;
|
|
width: 100%;
|
|
color: #546e7a;
|
|
font-size: 18px;
|
|
line-height: 144%;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.st-sa-notification-buttons-wrapper {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
a.st-sa-notification-buttons-white,
|
|
a.st-sa-notification-buttons-white:hover,
|
|
a.st-sa-notification-buttons-white:active {
|
|
border: 1px solid #cfd8dc;
|
|
padding: 10px 15px;
|
|
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
|
|
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
|
|
color: #263238;
|
|
font-weight: 500;
|
|
margin-right: 15px;
|
|
text-decoration: none;
|
|
border-radius: 6px;
|
|
margin: 10px 10px 0 0;
|
|
}
|
|
|
|
a.st-sa-notification-buttons-purple,
|
|
a.st-sa-notification-buttons-purple:hover,
|
|
a.st-sa-notification-buttons-purple:active {
|
|
border: 1px solid #cfd8dc;
|
|
padding: 10px 20px;
|
|
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
|
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
|
|
color: #fff;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
margin-right: 15px;
|
|
text-decoration: none;
|
|
background: #00BC87;
|
|
border-radius: 6px;
|
|
border: 2px solid #00d096;
|
|
margin: 20px 10px 0 0;
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.st-sa-notification-wrapper {
|
|
padding: 30px 380px 30px 30px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1060px) {
|
|
.st-sa-notification-wrapper {
|
|
padding: 20px 0px 20px 20px;
|
|
background-image: none !important;
|
|
}
|
|
|
|
.st-sa-notification-wrapper:after,
|
|
.st-sa-notification-wrapper:before {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|
|
</div>
|