* @package WPSEO\Admin\Views
* @uses string $cornerstone_guide The link to the cornerstone guide.
* @uses string $cornerstone_upsell The link to buy premium from the cornerstone workout.
if ( ! defined( 'WPSEO_VERSION' ) ) {
header( 'Status: 403 Forbidden' );
header( 'HTTP/1.1 403 Forbidden' );
$button_copy = __( 'Finish this step', 'wordpress-seo' );
$finished_button_copy = __( 'Revise this step', 'wordpress-seo' );
<div id='wpseo-workouts-container'>
<?php esc_html_e( 'SEO Workouts', 'wordpress-seo' ); ?>
'Getting your site in shape and keeping it SEO fit can be challenging. Let us help you get started by taking on the most common SEO challenges, with these step by step SEO workouts.',
<h2><?php esc_html_e( 'The cornerstone approach', 'wordpress-seo' ); ?></h2>
<h3><?php esc_html_e( 'Rank with articles you want to rank with', 'wordpress-seo' ); ?></h3>
/* translators: %1$s expands to <em>, %2$s expands to </em>. */
'On your site you have a few articles that are %1$sthe%2$s most important. You want to rank highest in Google with these articles. At Yoast, we call these articles cornerstone articles. Take the following 6 steps in order to start ranking with your cornerstone articles!',
/* translators: %1$s expands to <em>, %2$s expands to <a>, %3$s expands to </a>, %4$s expands to </em>. */
'%1$sNeed more guidance? We\'ve covered every step in more detail in our %2$sCornerstone practical guide%3$s%4$s.',
'<a href="' . esc_url( $cornerstone_guide ) . '" target="_blank">',
<ol class='workflow yoast'>
<h4><?php esc_html_e( 'Start: Choose your cornerstones!', 'wordpress-seo' ); ?></h4>
<div class='workflow__grid'>
'Your site might not feel that SEO fit just yet. But that\'s just a matter of time. Let\'s start this workout by choosing your cornerstones.',
/* translators: %1$s expands to <em>, %2$s expands to </em>. */
'With which articles do you want to rank highest? Which are the most complete, which are the best explainers, which are %1$sthe%2$s most important? Check out your own website and choose the pages and posts you want to be your cornerstone articles!',
src="<?php echo esc_url( plugin_dir_url( WPSEO_FILE ) . 'images/seo_fitness_assistants_unfit.svg' ); ?>"
<button class='yoast-button'><?php echo esc_html( $button_copy ); ?></button>
<h4><?php esc_html_e( 'Mark these articles as cornerstone content', 'wordpress-seo' ); ?></h4>
/* translators: %1$s expands to <em>, %2$s expands to </em>. */
'Surf to each one of your cornerstones on your own website. Hit %1$sedit post%2$s and go to the WordPress Backend. Mark them as cornerstones in the SEO tab of the metabox or the sidebar of Yoast SEO.',
src="<?php echo esc_url( plugin_dir_url( WPSEO_FILE ) . 'images/stale-cornerstone-content-in-yoast-seo.png' ); ?>"
alt="The cornerstone toggle as shown in the Yoast SEO metabox."
style="border: 1px solid rgb(204, 204, 204);"
<button class='yoast-button'><?php echo esc_html( $button_copy ); ?></button>
<li class="yoast-fadeout">
<h4><?php esc_html_e( 'Want to continue?', 'wordpress-seo' ); ?></h4>
<div class='workflow__grid'>
'Finish this workout and make sure the right pages are ranking with Yoast SEO Premium.',
<a class='yoast-button-upsell' href='<?php echo esc_url( $cornerstone_upsell ); ?>'>
<?php esc_html_e( 'Get Yoast SEO Premium', 'wordpress-seo' ); ?>
src="<?php echo esc_url( plugin_dir_url( WPSEO_FILE ) . 'images/seo_fitness_assistants_fit.svg' ); ?>"
<script type="text/javascript">
jQuery( 'li > button' ).click( function() {
jQuery( this ).parent( 'li' ).toggleClass( 'finished' );
jQuery( this ).text() === '<?php echo esc_html( $button_copy ); ?>' ? '<?php echo esc_html( $finished_button_copy ); ?>' : '<?php echo esc_html( $button_copy ); ?>'