1065 lines
41 KiB
PHP
1065 lines
41 KiB
PHP
|
<?php
|
|||
|
|
/**
|
|||
|
|
* Theme Wizard
|
|||
|
|
*
|
|||
|
|
* @package Ocean_Extra
|
|||
|
|
* @category Core
|
|||
|
|
* @author OceanWP
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
// Exit if accessed directly.
|
|||
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( ! class_exists( 'Ocean_Extra_Theme_Wizard' ) ) :
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Start Class Ocean_Extra_Theme_Wizard.
|
|||
|
|
*/
|
|||
|
|
class Ocean_Extra_Theme_Wizard {
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Current step
|
|||
|
|
*
|
|||
|
|
* @var string
|
|||
|
|
*/
|
|||
|
|
private $step = '';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Steps for the setup wizard
|
|||
|
|
*
|
|||
|
|
* @var array
|
|||
|
|
*/
|
|||
|
|
private $steps = array();
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* __construct
|
|||
|
|
*
|
|||
|
|
* @return void
|
|||
|
|
*/
|
|||
|
|
public function __construct() {
|
|||
|
|
$this->includes();
|
|||
|
|
add_action( 'admin_menu', array( $this, 'add_ocean_wizard_menu' ) );
|
|||
|
|
add_action( 'admin_init', array( $this, 'ocean_wizard_setup' ), 99 );
|
|||
|
|
add_action( 'wp_loaded', array( $this, 'remove_notice' ) );
|
|||
|
|
add_action( 'admin_print_styles', array( $this, 'add_notice' ) );
|
|||
|
|
add_action( 'add_second_notice', array( $this, 'install' ) );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Install.
|
|||
|
|
*
|
|||
|
|
* @return void
|
|||
|
|
*/
|
|||
|
|
public static function install() {
|
|||
|
|
if ( ! get_option( 'owp_wizard' ) ) {
|
|||
|
|
update_option( 'owp_wizard', 'un-setup' );
|
|||
|
|
( wp_safe_redirect( admin_url( 'admin.php?page=owp_setup' ) ) );
|
|||
|
|
} else {
|
|||
|
|
// first run for automatic message after first 24 hour.
|
|||
|
|
if ( ! get_option( 'automatic_2nd_notice' ) ) {
|
|||
|
|
update_option( 'automatic_2nd_notice', 'second-time' );
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
// clear cronjob after second 24 hour.
|
|||
|
|
wp_clear_scheduled_hook( 'add_second_notice' );
|
|||
|
|
delete_option( 'automatic_2nd_notice' );
|
|||
|
|
delete_option( '2nd_notice' );
|
|||
|
|
delete_option( 'owp_wizard' );
|
|||
|
|
wp_safe_redirect( admin_url() );
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Clear cronjob when deactivate plugin.
|
|||
|
|
*
|
|||
|
|
* @return void
|
|||
|
|
*/
|
|||
|
|
public static function uninstall() {
|
|||
|
|
wp_clear_scheduled_hook( 'add_second_notice' );
|
|||
|
|
delete_option( 'automatic_2nd_notice' );
|
|||
|
|
delete_option( '2nd_notice' );
|
|||
|
|
delete_option( 'owp_wizard' );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
public function remove_notice() {
|
|||
|
|
if ( isset( $_GET['owp_wizard_hide_notice'] ) && $_GET['owp_wizard_hide_notice'] == 'install' ) { // WPCS: input var ok, CSRF ok.
|
|||
|
|
// when install is finished.
|
|||
|
|
delete_option( 'owp_wizard' );
|
|||
|
|
// clear cronjob when install is finished.
|
|||
|
|
wp_clear_scheduled_hook( 'add_second_notice' );
|
|||
|
|
delete_option( '2nd_notice' );
|
|||
|
|
if ( isset( $_GET['show'] ) ) {
|
|||
|
|
wp_safe_redirect( home_url() );
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
} elseif ( isset( $_GET['owp_wizard_hide_notice'] ) && $_GET['owp_wizard_hide_notice'] == '2nd_notice' ) { // WPCS: input var ok, CSRF ok.
|
|||
|
|
// when install is skipped.
|
|||
|
|
delete_option( 'owp_wizard' );
|
|||
|
|
if ( ! get_option( '2nd_notice' ) ) {
|
|||
|
|
update_option( '2nd_notice', 'second-time' );
|
|||
|
|
$timezone_string = get_option( 'timezone_string' );
|
|||
|
|
if ( ! $timezone_string ) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
date_default_timezone_set( $timezone_string );
|
|||
|
|
|
|||
|
|
// set time for next day.
|
|||
|
|
$new_time_format = time() + ( 24 * 60 * 60 );
|
|||
|
|
// add "add_second_notice" cronjob.
|
|||
|
|
if ( ! wp_next_scheduled( 'add_second_notice' ) ) {
|
|||
|
|
wp_schedule_event( $new_time_format, 'daily', 'add_second_notice' );
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// clear cronjob when wizard is skipped for the second time.
|
|||
|
|
wp_clear_scheduled_hook( 'add_second_notice' );
|
|||
|
|
}
|
|||
|
|
if ( isset( $_GET['show'] ) ) {
|
|||
|
|
wp_safe_redirect( home_url() );
|
|||
|
|
exit;
|
|||
|
|
} else {
|
|||
|
|
wp_safe_redirect( admin_url() );
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Add notice.
|
|||
|
|
*
|
|||
|
|
* @return void
|
|||
|
|
*/
|
|||
|
|
public function add_notice() {
|
|||
|
|
if ( current_user_can( 'administrator' ) ) {
|
|||
|
|
if ( ( get_option( 'owp_wizard' ) == 'un-setup' ) && ( empty( $_GET['page'] ) || 'owp_setup' !== $_GET['page'] ) ) {
|
|||
|
|
if ( ! get_option( '2nd_notice' ) && ! get_option( 'automatic_2nd_notice' ) ) {?>
|
|||
|
|
<div class="updated notice-success owp-extra-notice">
|
|||
|
|
<div class="notice-inner">
|
|||
|
|
<div class="notice-content">
|
|||
|
|
<p><?php esc_html_e( '<strong>Welcome to OceanWP</strong> - Are you ready to create an amazing website?', 'ocean-extra' ); ?></p>
|
|||
|
|
<p class="submit">
|
|||
|
|
<a href="<?php echo esc_url( admin_url( 'admin.php?page=owp_setup' ) ); ?>" class="btn button-primary"><?php esc_html_e( 'Run the Setup Wizard', 'ocean-extra' ); ?></a>
|
|||
|
|
<a class="btn button-secondary" href="<?php echo esc_url( ( add_query_arg( 'owp_wizard_hide_notice', '2nd_notice' ) ) ); ?>"><?php esc_html_e( 'Skip setup', 'ocean-extra' ); ?></a>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
.owp-extra-notice {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.wp-admin .owp-extra-notice {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.wp-admin > .owp-extra-notice {
|
|||
|
|
margin-left: 180px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.folded > .owp-extra-notice {
|
|||
|
|
margin-left: 56px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.owp-extra-notice.updated { border-color: #13aff0; }
|
|||
|
|
.owp-extra-notice .button-primary { background: #13aff0; border-color: #1e9bd0; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 0 #1e9bd0; color: #fff; text-shadow: 0 -1px 1px #1e9bd0, 1px 0 1px #1e9bd0, 0 1px 1px #1e9bd0, -1px 0 1px #1e9bd0; }
|
|||
|
|
|
|||
|
|
.owp-extra-notice.owp-contest-notice { position: relative; border: none; padding: 0; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice:after { content: ''; display: block; visibility: hidden; clear: both; zoom: 1; height: 0; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice { position: relative; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice span.icon-side { color: #fff; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-size: 30px; width: 60px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice span.dashicons-heart { background-color: #13aff0; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice { padding: 10px 40px 15px 74px; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice p { font-size: 14px; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice p:first-child { margin-top: 0; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice p:last-child { margin-bottom: 0; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a { text-decoration: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a.btn { height: auto; font-size: 12px; line-height: 1; background-color: #13aff0; color: #fff; border: 1px solid #13aff0; padding: 10px 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; text-shadow: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a.btn:hover { background-color: #0b7cac; border-color: #0b7cac; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a.btn.button-secondary { background-color: #f2f2f2; color: #666; border-color: #dadada; margin-left: 10px; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a.btn.button-secondary:hover { background-color: #e6e6e6; border-color: #e6e6e6; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice a.dismiss { position: absolute; top: 10px; right: 10px; text-decoration: none; color: #13aff0; -webkit-box-shadow: none !important; box-shadow: none !important; }
|
|||
|
|
|
|||
|
|
/* Rating notice */
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice span.dashicons-star-filled { background-color: #ffb900; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice p:last-child { margin-top: 20px; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a.btn { background-color: #ffb900; border-color: #ffb900; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a.btn:hover { background-color: #e6a803; border-color: #e6a803; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a.btn.button-secondary { background-color: #f2f2f2; color: #666; border-color: #dadada; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a.btn.button-secondary:hover { background-color: #e6e6e6; border-color: #e6e6e6; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a span { vertical-align: middle; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a span.dashicons { font-size: 1.4em; padding-right: 5px; height: auto; }
|
|||
|
|
.owp-extra-notice.oe-rating-notice.owp-contest-notice a.dismiss { color: #ffb900; }
|
|||
|
|
|
|||
|
|
body.rtl .owp-extra-notice.owp-contest-notice span.dashicons-heart { right: 0; left: auto; }
|
|||
|
|
body.rtl .owp-extra-notice.owp-contest-notice { padding-right: 74px; padding-left: 40px; }
|
|||
|
|
body.rtl .owp-extra-notice.owp-contest-notice a.btn.button-secondary { margin-right: 10px; margin-left: 0; }
|
|||
|
|
body.rtl .owp-extra-notice.owp-contest-notice a.dismiss { left: 10px; right: auto; }
|
|||
|
|
|
|||
|
|
@media screen and ( max-width: 480px ) {
|
|||
|
|
.owp-extra-notice.owp-contest-notice span.dashicons-heart { display: none; }
|
|||
|
|
.owp-extra-notice.owp-contest-notice { padding-left: 14px; }
|
|||
|
|
body.rtl .owp-extra-notice.owp-contest-notice { padding-right: 14px; }
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private function includes() {
|
|||
|
|
require_once OE_PATH . '/includes/wizard/classes/QuietSkin.php';
|
|||
|
|
require_once OE_PATH . '/includes/wizard/classes/WizardAjax.php';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
public function add_ocean_wizard_menu() {
|
|||
|
|
add_dashboard_page( '', '', 'manage_options', 'owp_setup', '' );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
public function ocean_wizard_setup() {
|
|||
|
|
if ( ! current_user_can( 'manage_options' ) ) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if ( empty( $_GET['page'] ) || 'owp_setup' !== $_GET['page'] ) { // WPCS: CSRF ok, input var ok.
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
$default_steps = array(
|
|||
|
|
'welcome' => array(
|
|||
|
|
'name' => __( 'Welcome', 'ocean-extra' ),
|
|||
|
|
'view' => array( $this, 'ocean_welcome' ),
|
|||
|
|
),
|
|||
|
|
'demo' => array(
|
|||
|
|
'name' => __( 'Choosing Demo', 'ocean-extra' ),
|
|||
|
|
'view' => array( $this, 'ocean_demo_setup' ),
|
|||
|
|
),
|
|||
|
|
'customize' => array(
|
|||
|
|
'name' => __( 'Customize', 'ocean-extra' ),
|
|||
|
|
'view' => array( $this, 'ocean_customize_setup' ),
|
|||
|
|
),
|
|||
|
|
'ready' => array(
|
|||
|
|
'name' => __( 'Ready', 'ocean-extra' ),
|
|||
|
|
'view' => array( $this, 'ocean_ready_setup' ),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
$this->steps = apply_filters( 'owp_setup_wizard_steps', $default_steps );
|
|||
|
|
$this->step = isset( $_GET['step'] ) ? sanitize_key( $_GET['step'] ) : current( array_keys( $this->steps ) ); // WPCS: CSRF ok, input var ok.
|
|||
|
|
// CSS.
|
|||
|
|
wp_enqueue_style( 'owp-wizard-style', plugins_url( '/assets/css/style.min.css', __FILE__ ) );
|
|||
|
|
|
|||
|
|
// RTL.
|
|||
|
|
if ( is_RTL() ) {
|
|||
|
|
wp_enqueue_style( 'owp-wizard-rtl', plugins_url( '/assets/css/rtl.min.css', __FILE__ ) );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// JS.
|
|||
|
|
wp_enqueue_script( 'owp-wizard-js', plugins_url( '/assets/js/wizard.min.js', __FILE__ ), array( 'jquery', 'wp-util', 'updates' ) );
|
|||
|
|
|
|||
|
|
wp_localize_script(
|
|||
|
|
'owp-wizard-js',
|
|||
|
|
'owpDemos',
|
|||
|
|
array(
|
|||
|
|
'ajaxurl' => admin_url( 'admin-ajax.php' ),
|
|||
|
|
'demo_data_nonce' => wp_create_nonce( 'get-demo-data' ),
|
|||
|
|
'owp_import_data_nonce' => wp_create_nonce( 'owp_import_data_nonce' ),
|
|||
|
|
'content_importing_error' => esc_html__( 'There was a problem during the importing process resulting in the following error from your server:', 'ocean-extra' ),
|
|||
|
|
'button_activating' => esc_html__( 'Activating', 'ocean-extra' ) . '…',
|
|||
|
|
'button_active' => esc_html__( 'Active', 'ocean-extra' ),
|
|||
|
|
)
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
global $current_screen, $hook_suffix, $wp_locale;
|
|||
|
|
if ( empty( $current_screen ) ) {
|
|||
|
|
set_current_screen();
|
|||
|
|
}
|
|||
|
|
$admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
|
|||
|
|
|
|||
|
|
ob_start();
|
|||
|
|
?>
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html <?php language_attributes(); ?>>
|
|||
|
|
<head>
|
|||
|
|
<meta name="viewport" content="width=device-width" />
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title><?php esc_html_e( 'OceanWP › Setup Wizard', 'ocean-extra' ); ?></title>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
addLoadEvent = function (func) {
|
|||
|
|
if (typeof jQuery != "undefined")
|
|||
|
|
jQuery(document).ready(func);
|
|||
|
|
else if (typeof wpOnload != 'function') {
|
|||
|
|
wpOnload = func;
|
|||
|
|
} else {
|
|||
|
|
var oldonload = wpOnload;
|
|||
|
|
wpOnload = function () {
|
|||
|
|
oldonload();
|
|||
|
|
func();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var ajaxurl = '<?php echo admin_url( 'admin-ajax.php', 'relative' ); ?>',
|
|||
|
|
pagenow = '<?php echo $current_screen->id; ?>',
|
|||
|
|
typenow = '<?php echo $current_screen->post_type; ?>',
|
|||
|
|
adminpage = '<?php echo $admin_body_class; ?>',
|
|||
|
|
thousandsSeparator = '<?php echo addslashes( $wp_locale->number_format['thousands_sep'] ); ?>',
|
|||
|
|
decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
|
|||
|
|
isRtl = <?php echo (int) is_rtl(); ?>;
|
|||
|
|
</script>
|
|||
|
|
<?php
|
|||
|
|
// include demos script.
|
|||
|
|
wp_print_scripts( 'owp-wizard-js' );
|
|||
|
|
|
|||
|
|
// include custom scripts in specifiec steps.
|
|||
|
|
if ( $this->step == 'demo' || $this->step == 'welcome' || $this->step == 'customize' ) {
|
|||
|
|
wp_print_styles( 'themes' );
|
|||
|
|
wp_print_styles( 'buttons' );
|
|||
|
|
wp_print_styles( 'dashboard' );
|
|||
|
|
wp_print_styles( 'common' );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( $this->step == 'customize' ) {
|
|||
|
|
wp_print_styles( 'media' );
|
|||
|
|
wp_enqueue_media();
|
|||
|
|
wp_enqueue_style( 'wp-color-picker' );
|
|||
|
|
wp_enqueue_script( 'wp-color-picker' );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// add admin styles.
|
|||
|
|
do_action( 'admin_print_styles' );
|
|||
|
|
|
|||
|
|
do_action( 'admin_head' );
|
|||
|
|
?>
|
|||
|
|
</head>
|
|||
|
|
<body class="owp-setup wp-core-ui">
|
|||
|
|
<?php $logo = apply_filters( 'oceanwp_setup_wizard_logo', '<a href="https://oceanwp.org/?utm_source=dash&utm_medium=wizard&utm_campaign=logo">OceanWP<span class="circle"></span></a>' ); ?>
|
|||
|
|
<div id="owp-logo"><?php echo $logo; ?></div>
|
|||
|
|
<?php
|
|||
|
|
$this->setup_wizard_steps();
|
|||
|
|
$this->setup_wizard_content();
|
|||
|
|
_wp_footer_scripts();
|
|||
|
|
do_action( 'admin_footer' );
|
|||
|
|
?>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
<?php
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Output the steps.
|
|||
|
|
*/
|
|||
|
|
public function setup_wizard_steps() {
|
|||
|
|
$output_steps = $this->steps;
|
|||
|
|
?>
|
|||
|
|
<ol class="owp-setup-steps">
|
|||
|
|
<?php
|
|||
|
|
foreach ( $output_steps as $step_key => $step ) {
|
|||
|
|
$is_completed = array_search( $this->step, array_keys( $this->steps ), true ) > array_search( $step_key, array_keys( $this->steps ), true );
|
|||
|
|
|
|||
|
|
if ( $step_key === $this->step ) {
|
|||
|
|
?>
|
|||
|
|
<li class="active"><?php echo esc_html( $step['name'] ); ?></li>
|
|||
|
|
<?php
|
|||
|
|
} elseif ( $is_completed ) {
|
|||
|
|
?>
|
|||
|
|
<li class="done">
|
|||
|
|
<a href="<?php echo esc_url( add_query_arg( 'step', $step_key, remove_query_arg( 'activate_error' ) ) ); ?>"><?php echo esc_html( $step['name'] ); ?></a>
|
|||
|
|
</li>
|
|||
|
|
<?php
|
|||
|
|
} else {
|
|||
|
|
?>
|
|||
|
|
<li><?php echo esc_html( $step['name'] ); ?></li>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
</ol>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Output the content for the current step.
|
|||
|
|
*/
|
|||
|
|
public function setup_wizard_content() {
|
|||
|
|
echo '<div class="owp-setup-content">';
|
|||
|
|
if ( ! empty( $this->steps[ $this->step ]['view'] ) ) {
|
|||
|
|
call_user_func( $this->steps[ $this->step ]['view'], $this );
|
|||
|
|
}
|
|||
|
|
echo '</div>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Get Next Step
|
|||
|
|
*
|
|||
|
|
* @param type $step
|
|||
|
|
* @return string
|
|||
|
|
*/
|
|||
|
|
public function get_next_step_link( $step = '' ) {
|
|||
|
|
if ( ! $step ) {
|
|||
|
|
$step = $this->step;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$keys = array_keys( $this->steps );
|
|||
|
|
if ( end( $keys ) === $step ) {
|
|||
|
|
return admin_url();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$step_index = array_search( $step, $keys, true );
|
|||
|
|
if ( false === $step_index ) {
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return add_query_arg( 'step', $keys[ $step_index + 1 ], remove_query_arg( 'activate_error' ) );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Get Previous Step
|
|||
|
|
*
|
|||
|
|
* @param type $step
|
|||
|
|
* @return string
|
|||
|
|
*/
|
|||
|
|
public function get_previous_step_link( $step = '' ) {
|
|||
|
|
|
|||
|
|
if ( ! $step ) {
|
|||
|
|
$step = $this->step;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$keys = array_keys( $this->steps );
|
|||
|
|
|
|||
|
|
$step_index = array_search( $step, $keys, true );
|
|||
|
|
|
|||
|
|
if ( false === $step_index ) {
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
$url = false;
|
|||
|
|
|
|||
|
|
if ( isset( $keys[ $step_index - 1 ] ) ) {
|
|||
|
|
$url = add_query_arg( 'step', $keys[ $step_index - 1 ], remove_query_arg( 'activate_error' ) );
|
|||
|
|
}
|
|||
|
|
return $url;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Helper method to retrieve the current user's email address.
|
|||
|
|
*
|
|||
|
|
* @return string Email address
|
|||
|
|
*/
|
|||
|
|
protected function get_current_user_email() {
|
|||
|
|
$current_user = wp_get_current_user();
|
|||
|
|
$user_email = $current_user->user_email;
|
|||
|
|
|
|||
|
|
return $user_email;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Step 1 Welcome.
|
|||
|
|
*/
|
|||
|
|
public function ocean_welcome() {
|
|||
|
|
// Image.
|
|||
|
|
$img = plugins_url( '/assets/img/jack.png', __FILE__ );
|
|||
|
|
|
|||
|
|
// Button icon.
|
|||
|
|
if ( is_RTL() ) {
|
|||
|
|
$icon = 'left';
|
|||
|
|
} else {
|
|||
|
|
$icon = 'right';
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="owp-welcome-wrap owp-wrap">
|
|||
|
|
<h2><?php esc_html_e( 'Setup Wizard', 'ocean-extra' ); ?></h2>
|
|||
|
|
<h1><?php esc_html_e( 'Welcome!', 'ocean-extra' ); ?></h1>
|
|||
|
|
<div class="owp-thumb">
|
|||
|
|
<img src="<?php echo esc_url( $img ); ?>" width="425" height="290" alt="Jack the Shark" />
|
|||
|
|
</div>
|
|||
|
|
<p><?php esc_html_e( "Thank you for choosing OceanWP, in this quick setup wizard we'll take you through the 2 essential steps for you to get started building your dream website. Make sure to go through it to the end, where we also included a little bonus as well.", 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="owp-wizard-setup-actions">
|
|||
|
|
<a class="skip-btn continue" href="<?php echo esc_url( $this->get_next_step_link() ); ?>"><?php esc_html_e( 'Get started', 'ocean-extra' ); ?><i class="dashicons dashicons-arrow-<?php echo esc_attr( $icon ); ?>-alt"></i></a>
|
|||
|
|
</div>
|
|||
|
|
<a class="owp-setup-footer-links" href="<?php echo esc_url( ( add_query_arg( array( 'owp_wizard_hide_notice' => '2nd_notice' ), admin_url() ) ) ); ?>"><?php esc_html_e( 'Skip Setup Wizard', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Step 2 list demo.
|
|||
|
|
*/
|
|||
|
|
public function ocean_demo_setup() {
|
|||
|
|
// Button icon.
|
|||
|
|
if ( is_RTL() ) {
|
|||
|
|
$icon = 'left';
|
|||
|
|
} else {
|
|||
|
|
$icon = 'right';
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="owp-demos-wrap owp-wrap">
|
|||
|
|
<div class="demo-import-loader preview-all"></div>
|
|||
|
|
<div class="demo-import-loader preview-icon"><i class="custom-loader"></i></div>
|
|||
|
|
|
|||
|
|
<div class="owp-demo-wrap">
|
|||
|
|
<h1><?php esc_html_e( 'Selecting your demo template', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p>
|
|||
|
|
<?php
|
|||
|
|
echo sprintf(
|
|||
|
|
__( 'Clicking %1$sLive Preview%2$s will open the demo in a new window for you to decide which template to use. Then %1$sSelect%2$s the demo you want and click %1$sInstall Demo%2$s in the bottom.', 'ocean-extra' ),
|
|||
|
|
'<strong>',
|
|||
|
|
'</strong>'
|
|||
|
|
);
|
|||
|
|
?>
|
|||
|
|
</p>
|
|||
|
|
<div class="theme-browser rendered">
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
// Vars.
|
|||
|
|
$demos = OceanWP_Demos::get_demos_data();
|
|||
|
|
$el_demos = $demos['elementor'];
|
|||
|
|
$gu_demos = '';
|
|||
|
|
$el_cat = OceanWP_Demos::get_demo_all_categories( $el_demos );
|
|||
|
|
|
|||
|
|
// If Gutenberg.
|
|||
|
|
if ( ! empty( $demos['gutenberg'] ) ) {
|
|||
|
|
$gu_demos = $demos['gutenberg'];
|
|||
|
|
$gu_cat = OceanWP_Demos::get_demo_all_categories( $gu_demos );
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="owp-header-bar">
|
|||
|
|
<nav class="owp-navigation">
|
|||
|
|
<?php
|
|||
|
|
if ( ! empty( $gu_demos ) ) {
|
|||
|
|
?>
|
|||
|
|
<ul class="owp-demo-linked">
|
|||
|
|
<li class="active"><a href="#" class="owp-elementor-link"><?php esc_html_e( 'Elementor', 'ocean-extra' ); ?></a></li>
|
|||
|
|
<li><a href="#" class="owp-gutenberg-link"><?php esc_html_e( 'Gutenberg', 'ocean-extra' ); ?></a></li>
|
|||
|
|
</ul>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
if ( ! empty( $el_cat ) ) {
|
|||
|
|
?>
|
|||
|
|
<ul class="elementor-demos">
|
|||
|
|
<li class="active"><a href="#all" class="owp-navigation-link"><?php esc_html_e( 'All', 'ocean-extra' ); ?></a></li>
|
|||
|
|
<?php foreach ( $el_cat as $key => $name ) { ?>
|
|||
|
|
<li><a href="#<?php echo esc_attr( $key ); ?>" class="owp-navigation-link"><?php echo esc_html( $name ); ?></a></li>
|
|||
|
|
<?php } ?>
|
|||
|
|
</ul>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
if ( ! empty( $gu_demos )
|
|||
|
|
&& ! empty( $gu_cat ) ) {
|
|||
|
|
?>
|
|||
|
|
<ul class="gutenberg-demos" style="display: none;">
|
|||
|
|
<li class="active"><a href="#all" class="owp-navigation-link"><?php esc_html_e( 'All', 'ocean-extra' ); ?></a></li>
|
|||
|
|
<?php foreach ( $gu_cat as $key => $name ) { ?>
|
|||
|
|
<li><a href="#<?php echo esc_attr( $key ); ?>" class="owp-navigation-link"><?php echo esc_html( $name ); ?></a></li>
|
|||
|
|
<?php } ?>
|
|||
|
|
</ul>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="themes wp-clearfix elementor-items">
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
// Loop through all demos.
|
|||
|
|
foreach ( $el_demos as $demo => $key ) {
|
|||
|
|
|
|||
|
|
// Vars.
|
|||
|
|
$item_categories = OceanWP_Demos::get_demo_item_categories( $key );
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="theme-wrap" data-categories="<?php echo esc_attr( $item_categories ); ?>" data-name="<?php echo esc_attr( strtolower( $demo ) ); ?>">
|
|||
|
|
|
|||
|
|
<div class="theme owp-open-popup" data-demo-id="<?php echo esc_attr( $demo ); ?>" data-demo-type="elementor" >
|
|||
|
|
|
|||
|
|
<div class="theme-screenshot">
|
|||
|
|
<img src="<?php echo esc_url( OWP_Install_Demos::img_url( $demo ) ); ?>" />
|
|||
|
|
|
|||
|
|
<div class="demo-import-loader preview-all preview-all-<?php echo esc_attr( $demo ); ?>"></div>
|
|||
|
|
|
|||
|
|
<div class="demo-import-loader preview-icon preview-<?php echo esc_attr( $demo ); ?>"><i class="custom-loader"></i></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="theme-id-container">
|
|||
|
|
|
|||
|
|
<h2 class="theme-name" id="<?php echo esc_attr( $demo ); ?>"><span><?php echo esc_html( ucwords( $demo ) ); ?></span></h2>
|
|||
|
|
|
|||
|
|
<div class="theme-actions">
|
|||
|
|
<a class="button button-primary" href="https://<?php echo esc_attr( $demo ); ?>.oceanwp.org/" target="_blank"><?php esc_html_e( 'Live Preview', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
if ( ! empty( $gu_demos ) ) {
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="themes wp-clearfix gutenberg-items" style="display: none;">
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
// Loop through all demos.
|
|||
|
|
foreach ( $gu_demos as $demo => $key ) {
|
|||
|
|
|
|||
|
|
// Vars.
|
|||
|
|
$item_categories = OceanWP_Demos::get_demo_item_categories( $key );
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="theme-wrap" data-categories="<?php echo esc_attr( $item_categories ); ?>" data-name="<?php echo esc_attr( strtolower( $demo ) ); ?>">
|
|||
|
|
|
|||
|
|
<div class="theme owp-open-popup" data-demo-id="<?php echo esc_attr( $demo ); ?>" data-demo-type="gutenberg">
|
|||
|
|
|
|||
|
|
<div class="theme-screenshot">
|
|||
|
|
<img src="<?php echo esc_url( OWP_Install_Demos::img_url( $demo ) ); ?>" />
|
|||
|
|
|
|||
|
|
<div class="demo-import-loader preview-all preview-all-<?php echo esc_attr( $demo ); ?>"></div>
|
|||
|
|
|
|||
|
|
<div class="demo-import-loader preview-icon preview-<?php echo esc_attr( $demo ); ?>"><i class="custom-loader"></i></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="theme-id-container">
|
|||
|
|
|
|||
|
|
<h2 class="theme-name" id="<?php echo esc_attr( $demo ); ?>"><span><?php echo esc_html( ucwords( $demo ) ); ?></span></h2>
|
|||
|
|
|
|||
|
|
<div class="theme-actions">
|
|||
|
|
<a class="button button-primary" href="https://<?php echo esc_attr( $demo ); ?>.oceanwp.org/" target="_blank"><?php esc_html_e( 'Live Preview', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="owp-wizard-setup-actions">
|
|||
|
|
<button class="install-demos-button disabled" disabled data-next_step="<?php echo esc_url( $this->get_next_step_link() ); ?>"><?php esc_attr_e( 'Install Demo', 'ocean-extra' ); ?></button>
|
|||
|
|
<a class="skip-btn" href="<?php echo esc_url( $this->get_next_step_link() ); ?>"><?php esc_html_e( 'Skip Step', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="owp-wizard-setup-actions wizard-install-demos-buttons-wrapper final-step">
|
|||
|
|
<a class="skip-btn continue" href="<?php echo esc_url( $this->get_next_step_link() ); ?>"><?php esc_html_e( 'Next Step', 'ocean-extra' ); ?><i class="dashicons dashicons-arrow-<?php echo esc_attr( $icon ); ?>-alt"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Step 3 customize step.
|
|||
|
|
*/
|
|||
|
|
public function ocean_customize_setup() {
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['save_step'] ) && ! empty( $_POST['save_step'] ) ) {
|
|||
|
|
$this->save_ocean_customize();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Button icon.
|
|||
|
|
if ( is_RTL() ) {
|
|||
|
|
$icon = 'left';
|
|||
|
|
} else {
|
|||
|
|
$icon = 'right';
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="owp-customize-wrap owp-wrap">
|
|||
|
|
<form method="POST" name="owp-customize-form">
|
|||
|
|
<?php wp_nonce_field( 'owp_customize_form' ); ?>
|
|||
|
|
<div class="field-group">
|
|||
|
|
<?php
|
|||
|
|
$custom_logo = get_theme_mod( 'custom_logo' );
|
|||
|
|
$display = 'none';
|
|||
|
|
$url = '';
|
|||
|
|
|
|||
|
|
if ( $custom_logo ) {
|
|||
|
|
$display = 'inline-block';
|
|||
|
|
if ( ! ( $url = wp_get_attachment_image_url( $custom_logo ) ) ) {
|
|||
|
|
$custom_logo = '';
|
|||
|
|
$display = 'none';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
<h1><?php esc_html_e( 'Logo', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your logo below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<img src="<?php echo esc_url( $url ); ?>" width="115px" height="115px" id="ocean-logo-img" style="display:<?php echo esc_attr( $display ); ?>;"/>
|
|||
|
|
<div>
|
|||
|
|
<input type="hidden" name="ocean-logo" id="ocean-logo" value="<?php echo esc_attr( $custom_logo ); ?>" />
|
|||
|
|
<button type="submit" data-name="ocean-logo" class="upload_image_button button"><?php esc_html_e( 'Upload', 'ocean-extra' ); ?></button>
|
|||
|
|
<button style="display:<?php echo esc_attr( $display ); ?>;" type="submit" data-name="ocean-logo" class="remove_image_button button">×</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
$ocean_retina_logo = get_theme_mod( 'ocean_retina_logo' );
|
|||
|
|
$display = 'none';
|
|||
|
|
$url = '';
|
|||
|
|
|
|||
|
|
if ( $ocean_retina_logo ) {
|
|||
|
|
$display = 'inline-block';
|
|||
|
|
$url = wp_get_attachment_image_url( $ocean_retina_logo );
|
|||
|
|
if ( ! ( $url = wp_get_attachment_image_url( $ocean_retina_logo ) ) ) {
|
|||
|
|
$ocean_retina_logo = '';
|
|||
|
|
$display = 'none';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
<h1><?php esc_html_e( 'Retina Logo', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Retina Logo below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<img src="<?php echo esc_url( $url ); ?>" width="115px" height="115px" id="ocean-retina-logo-img" style="display:<?php echo esc_attr( $display ); ?>;"/>
|
|||
|
|
<div>
|
|||
|
|
<input type="hidden" name="ocean-retina-logo" id="ocean-retina-logo" value="<?php echo esc_attr( $ocean_retina_logo ); ?>" />
|
|||
|
|
<button type="submit" data-name="ocean-retina-logo" class="upload_image_button button"><?php esc_html_e( 'Upload', 'ocean-extra' ); ?></button>
|
|||
|
|
<button style="display:<?php echo esc_attr( $display ); ?>;" type="submit" data-name="ocean-retina-logo" class="remove_image_button button">×</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Site Title', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Site Title below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<input type="text" name="ocean-site-title" id="ocean-site-title" class="ocean-input" value="<?php echo esc_attr( get_option( 'blogname' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Tagline', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Tagline below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<input type="text" name="ocean-tagline" id="ocean-tagline" class="ocean-input" value="<?php echo esc_attr( get_option( 'blogdescription' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
|
|||
|
|
<?php
|
|||
|
|
$favicon = get_option( 'site_icon' );
|
|||
|
|
$display = 'none';
|
|||
|
|
$url = '';
|
|||
|
|
|
|||
|
|
if ( $favicon ) {
|
|||
|
|
$display = 'inline-block';
|
|||
|
|
$url = wp_get_attachment_image_url( $favicon );
|
|||
|
|
if ( ! ( $url = wp_get_attachment_image_url( $favicon ) ) ) {
|
|||
|
|
$favicon = '';
|
|||
|
|
$display = 'none';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
?>
|
|||
|
|
<h1><?php esc_html_e( 'Site Icon', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. Upload one here! Site Icons should be square and at least 512 × 512 pixels.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<img src="<?php echo esc_url( $url ); ?>" width="115px" height="115px" id="ocean-favicon-img" style="display:<?php echo esc_attr( $display ); ?>;"/>
|
|||
|
|
<div>
|
|||
|
|
<input type="hidden" name="ocean-favicon" id="ocean-favicon" value="<?php echo esc_attr( $favicon ); ?>" />
|
|||
|
|
<button type="submit" data-name="ocean-favicon" class="upload_image_button button"><?php esc_html_e( 'Upload', 'ocean-extra' ); ?></button>
|
|||
|
|
<button style="display:<?php echo esc_attr( $display ); ?>;" type="submit" data-name="ocean-favicon" class="remove_image_button button">×</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Primary Color', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Primary Color below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<input name="ocean-primary-color" id="ocean-primary-color" class="color-picker-field" value="<?php echo esc_attr( get_theme_mod( 'ocean_primary_color' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Hover Primary Color', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Hover Primary Color below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<input name="ocean-hover-primary-color" id="ocean-hover-primary-color" class="color-picker-field" value="<?php echo esc_attr( get_theme_mod( 'ocean_hover_primary_color' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Main Border Color', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Main Border Color below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<input name="ocean-main-border-color" id="ocean-main-border-color" class="color-picker-field" value="<?php echo esc_attr( get_theme_mod( 'ocean_main_border_color' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Links Color', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Links Color below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<input name="ocean-links-color" id="ocean-links-color" class="color-picker-field" value="<?php echo esc_attr( get_theme_mod( 'ocean_links_color' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="field-group">
|
|||
|
|
<h1><?php esc_html_e( 'Links Hover Color', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p><?php esc_html_e( 'Please add your Links Hover Color below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="upload">
|
|||
|
|
<input name="ocean-links-hover-color" id="ocean-links-hover-color" class="color-picker-field" value="<?php echo esc_attr( get_theme_mod( 'ocean_links_color_hover' ) ); ?>">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="owp-wizard-setup-actions">
|
|||
|
|
<input type="hidden" name="save_step" value="save_step"/>
|
|||
|
|
<button class="continue" type="submit" ><?php esc_html_e( 'Continue', 'ocean-extra' ); ?><i class="dashicons dashicons-arrow-<?php echo esc_attr( $icon ); ?>-alt"></i></button>
|
|||
|
|
<a class="skip-btn" href="<?php echo esc_url( $this->get_next_step_link() ); ?>"><?php esc_html_e( 'Skip Step', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Save Info In Step3
|
|||
|
|
*/
|
|||
|
|
public function save_ocean_customize() {
|
|||
|
|
|
|||
|
|
if ( current_user_can( 'manage_options' ) && isset( $_REQUEST['_wpnonce'] ) && wp_verify_nonce( $_REQUEST['_wpnonce'], 'owp_customize_form' ) ) {
|
|||
|
|
if ( isset( $_POST['ocean-logo'] ) ) {
|
|||
|
|
set_theme_mod( 'custom_logo', $_POST['ocean-logo'] );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-retina-logo'] ) ) {
|
|||
|
|
set_theme_mod( 'ocean_retina_logo', $_POST['ocean-retina-logo'] );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-site-title'] ) ) {
|
|||
|
|
$site_title = wp_filter_nohtml_kses( $_POST['ocean-site-title'] );
|
|||
|
|
}
|
|||
|
|
$this->removeElementorUpdateOptionAction( 'blogname' );
|
|||
|
|
update_option( 'blogname', esc_html( $site_title ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-tagline'] ) ) {
|
|||
|
|
$site_tagline = wp_filter_nohtml_kses( $_POST['ocean-tagline'] );
|
|||
|
|
}
|
|||
|
|
$this->removeElementorUpdateOptionAction( 'blogdescription' );
|
|||
|
|
update_option( 'blogdescription', esc_html( $site_tagline ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-favicon'] ) ) {
|
|||
|
|
update_option( 'site_icon', $_POST['ocean-favicon'] );
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-primary-color'] ) ) {
|
|||
|
|
$primary_color = sanitize_hex_color( $_POST['ocean-primary-color'] );
|
|||
|
|
}
|
|||
|
|
set_theme_mod( 'ocean_primary_color', esc_html( $primary_color ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-hover-primary-color'] ) ) {
|
|||
|
|
$primary_color_hover = sanitize_hex_color( $_POST['ocean-hover-primary-color'] );
|
|||
|
|
}
|
|||
|
|
set_theme_mod( 'ocean_hover_primary_color', esc_html( $primary_color_hover ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-main-border-color'] ) ) {
|
|||
|
|
$main_border_color = sanitize_hex_color( $_POST['ocean-main-border-color'] );
|
|||
|
|
}
|
|||
|
|
set_theme_mod( 'ocean_main_border_color', esc_html( $main_border_color ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-links-color'] ) ) {
|
|||
|
|
$links_color = sanitize_hex_color( $_POST['ocean-links-color'] );
|
|||
|
|
}
|
|||
|
|
set_theme_mod( 'ocean_links_color', esc_html( $links_color ) );
|
|||
|
|
|
|||
|
|
if ( isset( $_POST['ocean-links-hover-color'] ) ) {
|
|||
|
|
$links_color_hover = sanitize_hex_color( $_POST['ocean-links-hover-color'] );
|
|||
|
|
}
|
|||
|
|
set_theme_mod( 'ocean_links_color_hover', esc_html( $links_color_hover ) );
|
|||
|
|
|
|||
|
|
wp_safe_redirect( $this->get_next_step_link() );
|
|||
|
|
exit;
|
|||
|
|
} else {
|
|||
|
|
print 'Your are not authorized to submit this form';
|
|||
|
|
exit;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Step 4 ready step
|
|||
|
|
*/
|
|||
|
|
public function ocean_ready_setup() {
|
|||
|
|
$user_email = $this->get_current_user_email();
|
|||
|
|
?>
|
|||
|
|
|
|||
|
|
<div class="owp-ready-wrap owp-wrap">
|
|||
|
|
<h2><?php esc_attr_e( 'Your website is ready', 'ocean-extra' ); ?></h2>
|
|||
|
|
<h1 style="font-size: 30px;"><?php esc_attr_e( 'Get the extension bundle for free!', 'ocean-extra' ); ?></h1>
|
|||
|
|
<p style="font-size: 14px;"><?php esc_attr_e( 'Win the Core Extension Bundle by entering our giveaway. Every month we randomly draw 5 people that get the full suite of pro extensions for free. Enter with your email below.', 'ocean-extra' ); ?></p>
|
|||
|
|
<div class="owp-newsletter">
|
|||
|
|
<p><?php esc_attr_e( 'Input your email below to get the chance to win.', 'ocean-extra' ); ?></p>
|
|||
|
|
|
|||
|
|
<form id="owp_email_signup" class="klaviyo_styling klaviyo_gdpr_embed_J7zjRA" action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" novalidate="novalidate">
|
|||
|
|
<input type="hidden" name="g" value="J7zjRA">
|
|||
|
|
<input type="hidden" name="$fields" value="owp_use">
|
|||
|
|
|
|||
|
|
<div class="klaviyo_field_group">
|
|||
|
|
<input class="" type="email" value="<?php echo esc_attr( $user_email ); ?>" name="email" id="k_id_email" placeholder="<?php esc_attr_e( 'Email address', 'ocean-extra' ); ?>"/>
|
|||
|
|
|
|||
|
|
<div class="klaviyo_field_group klaviyo_form_actions klaviyo_form_checkboxes">
|
|||
|
|
<div class="klaviyo_helptext"><?php esc_html_e( 'What’s your intended use of OceanWP?', 'ocean-extra' ); ?></div>
|
|||
|
|
|
|||
|
|
<label for="consent-ecommerce"><input type="checkbox" name="owp_use" id="consent-ecommerce" value="ecommerce"><?php esc_html_e( 'E-Commerce', 'ocean-extra' ); ?></label>
|
|||
|
|
<label for="consent-agency"><input type="checkbox" name="owp_use" id="consent-agency" value="agency"><?php esc_html_e( 'Agency', 'ocean-extra' ); ?></label>
|
|||
|
|
<label for="consent-blog"><input type="checkbox" name="owp_use" id="consent-blog" value="blog"><?php esc_html_e( 'Blog', 'ocean-extra' ); ?></label>
|
|||
|
|
<label for="consent-other"><input type="checkbox" name="owp_use" id="consent-other" value="other"><?php esc_html_e( 'Other', 'ocean-extra' ); ?></label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="klaviyo_form_actions">
|
|||
|
|
<button type="submit" class="klaviyo_submit_button"><?php esc_html_e( 'Enter Now', 'ocean-extra' ); ?></button>
|
|||
|
|
|
|||
|
|
<div class="klaviyo_helptext klaviyo_gdpr_text">
|
|||
|
|
<?php
|
|||
|
|
echo sprintf(
|
|||
|
|
esc_html__( 'By entering your email, you agree to our %1$sTerms of Services%2$s and %3$sPrivacy Policy%4$s.', 'ocean-extra' ),
|
|||
|
|
'<a href="https://oceanwp.org/terms-and-conditions/" target="_blank">',
|
|||
|
|
'</a>',
|
|||
|
|
'<a href="https://oceanwp.org/privacy-policy/" target="_blank">',
|
|||
|
|
'</a>'
|
|||
|
|
);
|
|||
|
|
?>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="klaviyo_messages">
|
|||
|
|
<div class="success_message" style="display:none;"><?php esc_html_e( 'Thank you for participating!', 'ocean-extra' ); ?></div>
|
|||
|
|
<div class="error_message" style="display:none;"></div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
KlaviyoSubscribe.attachToForms('#owp_email_signup', {
|
|||
|
|
custom_success_message: true,
|
|||
|
|
success: function ($form) {
|
|||
|
|
jQuery('.owp-wizard-setup-actions a').attr('href', "
|
|||
|
|
<?php
|
|||
|
|
echo esc_url(
|
|||
|
|
( add_query_arg(
|
|||
|
|
array(
|
|||
|
|
'owp_wizard_hide_notice' => 'install',
|
|||
|
|
'show' => '1',
|
|||
|
|
),
|
|||
|
|
admin_url()
|
|||
|
|
) )
|
|||
|
|
);
|
|||
|
|
?>
|
|||
|
|
")
|
|||
|
|
},
|
|||
|
|
extra_properties: {
|
|||
|
|
$source: '$embed',
|
|||
|
|
$method_type: "Klaviyo Form",
|
|||
|
|
$method_id: 'embed',
|
|||
|
|
$consent_version: 'Embed default text'
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="owp-wizard-setup-actions">
|
|||
|
|
<a class="button button-next button-large" href="
|
|||
|
|
<?php
|
|||
|
|
echo esc_url(
|
|||
|
|
( add_query_arg(
|
|||
|
|
array(
|
|||
|
|
'owp_wizard_hide_notice' => '2nd_notice',
|
|||
|
|
'show' => '1',
|
|||
|
|
),
|
|||
|
|
admin_url()
|
|||
|
|
) )
|
|||
|
|
);
|
|||
|
|
?>
|
|||
|
|
"><?php esc_html_e( 'View Your Website', 'ocean-extra' ); ?></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<?php
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Define cronjob
|
|||
|
|
*/
|
|||
|
|
public static function cronjob_activation() {
|
|||
|
|
$timezone_string = get_option( 'timezone_string' );
|
|||
|
|
if ( ! $timezone_string ) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
date_default_timezone_set( $timezone_string );
|
|||
|
|
$new_time_format = time() + ( 24 * 60 * 60 );
|
|||
|
|
if ( ! wp_next_scheduled( 'add_second_notice' ) ) {
|
|||
|
|
wp_schedule_event( $new_time_format, 'daily', 'add_second_notice' );
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Delete cronjob
|
|||
|
|
*/
|
|||
|
|
public static function cronjob_deactivation() {
|
|||
|
|
wp_clear_scheduled_hook( 'add_second_notice' );
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Remove Elementor Update Option
|
|||
|
|
*/
|
|||
|
|
private function removeElementorUpdateOptionAction( $option_name ) {
|
|||
|
|
$action_name = 'update_option_' . $option_name;
|
|||
|
|
global $wp_filter;
|
|||
|
|
if ( isset( $wp_filter[ $action_name ] ) ) {
|
|||
|
|
foreach ( $wp_filter[ $action_name ]->callbacks as $priority => $callbacks ) {
|
|||
|
|
foreach ( $callbacks as $callback_key => $callback_data ) {
|
|||
|
|
unset( $wp_filter[ $action_name ]->callbacks[ $priority ][ $callback_key ] );
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
new Ocean_Extra_Theme_Wizard();
|
|||
|
|
|
|||
|
|
register_activation_hook( OE_FILE_PATH, 'Ocean_Extra_Theme_Wizard::install' );
|
|||
|
|
// when deactivate plugin.
|
|||
|
|
register_deactivation_hook( OE_FILE_PATH, 'Ocean_Extra_Theme_Wizard::uninstall' );
|
|||
|
|
// when activate plugin for automatic second notice.
|
|||
|
|
register_activation_hook( OE_FILE_PATH, array( 'Ocean_Extra_Theme_Wizard', 'cronjob_activation' ) );
|
|||
|
|
register_deactivation_hook( OE_FILE_PATH, array( 'Ocean_Extra_Theme_Wizard', 'cronjob_deactivation' ) );
|
|||
|
|
endif;
|