first-run.php — WP STAGING – WordPress Backups, Restore, Migration & Clone 4.11.0

wp-staging / views / onboarding / first-run.php

wp-staging / views / onboarding Last commit date

backup-next.php 1 week ago capability-icon.php 1 day ago first-run.php 1 day ago next-step.php 1 day ago open-staging-site.php 1 week ago pre-consent.php 1 day ago progress.php 1 day ago update-protection.php 1 day ago

first-run.php

134 lines

1	<?php
2
3	/**
4	* The three-card first-run action selector.
5	*
6	* @see \WPStaging\Framework\Onboarding\FreeOnboarding
7	*
8	* @var \WPStaging\Framework\Onboarding\FreeOnboarding $onboarding
9	*/
10
11	use WPStaging\Framework\Language\Language;
12	use WPStaging\Framework\Onboarding\OnboardingJourney;
13
14	$competitorName = $onboarding->getBackupPluginsDetector()->getCompetitorName();
15	$isHostedOnWpCom = $onboarding->isHostedOnWordPressCom();
16	?>
17	<div
18	id="wpstg-onboarding"
19	class="wpstg-onboarding"
20	data-wpstg-onboarding
21	data-staging-url="<?php echo esc_url($adminUrl . 'wpstg_clone'); ?>"
22	data-backup-url="<?php echo esc_url($adminUrl . 'wpstg_backup'); ?>"
23	>
24	<h1 class="wpstg-onboarding__headline"><?php esc_html_e('What would you like to do first?', 'wp-staging'); ?></h1>
25	<p class="wpstg-onboarding__lede"><?php esc_html_e('Start with one. You can use all three anytime.', 'wp-staging'); ?></p>
26
27	<?php require WPSTG_VIEWS_DIR . 'onboarding/update-protection.php'; ?>
28
29	<div class="wpstg-onboarding__cards">
30
31	<div class="wpstg-onboarding-card wpstg-onboarding-card--staging <?php echo $isHostedOnWpCom ? 'wpstg-hidden' : ''; ?>">
32	<div class="wpstg-icon-box wpstg-icon-box-blue wpstg-onboarding-card__icon">
33	<?php
34	$capability = OnboardingJourney::CAPABILITY_STAGING;
35	include WPSTG_VIEWS_DIR . 'onboarding/capability-icon.php';
36	?>
37	</div>
38	<h2 class="wpstg-onboarding-card__title"><?php esc_html_e('Create a Staging Site', 'wp-staging'); ?></h2>
39	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Test updates and changes safely before touching your live site.', 'wp-staging'); ?></p>
40	<button
41	type="button"
42	class="wpstg-btn wpstg-btn-lg wpstg-btn-primary wpstg-onboarding-card__cta"
43	data-wpstg-onboarding-action="staging"
44	data-busy-label="<?php esc_attr_e('Starting…', 'wp-staging'); ?>"
45	>
46	<?php esc_html_e('Create Staging Site', 'wp-staging'); ?>
47	</button>
48
49	<?php
50
51
52	?>
53	<button
54	type="button"
55	class="wpstg-onboarding-card__customize"
56	data-wpstg-onboarding-action="staging"
57	data-wpstg-onboarding-customize
58	>
59	<?php esc_html_e('Customize settings', 'wp-staging'); ?>
60	</button>
61	</div>
62
63	<div class="wpstg-onboarding-card wpstg-onboarding-card--backup">
64	<div class="wpstg-icon-box wpstg-icon-box-green wpstg-onboarding-card__icon">
65	<?php
66	$capability = OnboardingJourney::CAPABILITY_BACKUP;
67	include WPSTG_VIEWS_DIR . 'onboarding/capability-icon.php';
68	?>
69	</div>
70	<h2 class="wpstg-onboarding-card__title">
71	<?php esc_html_e('Back Up This Website', 'wp-staging'); ?>
72	<span class="wpstg-badge wpstg-badge-green wpstg-onboarding-card__badge"><?php esc_html_e('Quick start', 'wp-staging'); ?></span>
73	</h2>
74	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Create a complete backup of your files and database.', 'wp-staging'); ?></p>
75
76	<?php if ($competitorName !== '') : ?>
77	<div class="wpstg-onboarding-card__aside">
78	<p class="wpstg-onboarding-card__aside-lead">
79	<?php
80	printf(
81	/* translators: %s: name of the backup plugin already active on the site, e.g. UpdraftPlus. */
82	esc_html__('Already using %s for backups?', 'wp-staging'),
83	esc_html($competitorName)
84	);
85	?>
86	</p>
87	<p class="wpstg-onboarding-card__aside-text">
88	<?php esc_html_e('Try a WP STAGING backup and see how quickly it completes on your own website.', 'wp-staging'); ?>
89	</p>
90	</div>
91	<?php endif; ?>
92
93	<button
94	type="button"
95	class="wpstg-btn wpstg-btn-lg wpstg-btn-primary wpstg-onboarding-card__cta"
96	data-wpstg-onboarding-action="backup"
97	data-busy-label="<?php esc_attr_e('Starting backup…', 'wp-staging'); ?>"
98	>
99	<?php esc_html_e('Create Backup Now', 'wp-staging'); ?>
100	</button>
101	</div>
102
103	<div class="wpstg-onboarding-card wpstg-onboarding-card--desktop">
104	<div class="wpstg-icon-box wpstg-icon-box-slate wpstg-onboarding-card__icon">
105	<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
106	<rect x="3" y="4" width="18" height="12" rx="2.5"></rect>
107	<path d="M2 20h20"></path>
108	</svg>
109	</div>
110	<h2 class="wpstg-onboarding-card__title"><?php esc_html_e('Work Locally', 'wp-staging'); ?></h2>
111	<p class="wpstg-onboarding-card__text"><?php esc_html_e('Create a local copy of this WordPress site on macOS, Windows or Linux.', 'wp-staging'); ?></p>
112	<a
113	href="<?php echo esc_url(Language::getDesktopUrl('onboarding_desktop')); ?>"
114	target="_blank"
115	rel="noopener noreferrer"
116	class="wpstg-btn wpstg-btn-lg wpstg-btn-outline wpstg-onboarding-card__cta"
117	data-wpstg-onboarding-action="desktop"
118	>
119	<?php esc_html_e('Get WP STAGING Desktop', 'wp-staging'); ?>
120	<svg class="wpstg-btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
121	<path d="M15 3h6v6"></path>
122	<path d="M10 14 21 3"></path>
123	<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
124	</svg>
125	</a>
126	</div>
127
128	</div>
129
130	<button type="button" class="wpstg-onboarding__skip" data-wpstg-onboarding-finish>
131	<?php esc_html_e('Skip for now', 'wp-staging'); ?>
132	</button>
133	</div>
134