WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
01/08/2021 11:58:06 PM (5 years ago)
Author:
iandunn
Message:

wporg-main: Move hosting section above downloads for UX.

Most people install WP via a hosting provider, and many won't know what to do with a .zip file.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/page-download.php

    r10494 r10562  
    120120                    <?php
    121121                    printf(
    122                         /* translators: WordPress market share: 30 - Note: The following percent sign is '%%' for escaping purposes; */
     122                        /* translators: WordPress market share: 39 - Note: The following percent sign is '%%' for escaping purposes; */
    123123                        esc_html__( 'Use the software that powers over %s%% of the web.', 'wporg' ),
    124124                        esc_html( number_format_i18n( WP_MARKET_SHARE ) )
    … …  
    129129
    130130            <div class="entry-content row">
    131 
    132                 <div id="after-download" class="modal" role="dialog" aria-modal="true" tabindex="0">
    133                     <div role="document">
    134                         <header class="entry-header">
    135                             <h1 id="after-download-title" class="entry-title"><?php esc_html_e( 'Hooray!', 'wporg' ); ?></h1>
    136                             <p class="entry-description"><?php esc_html_e( 'You&#8217;re on your way with the latest WordPress!', 'wporg' ); ?></p>
    137                         </header>
    138                         <div>
    139                         <p>
    140                             <?php
    141                             printf(
    142                                 __( 'For help getting started, check out our <a href="%s">Documentation and Support Forums</a>.', 'wporg' ),
    143                                 esc_url( __( 'https://wordpress.org/support/', 'wporg' ) )
    144                             );
    145                             ?>
    146                         </p>
    147                         <p>
    148                             <?php
    149                             printf(
    150                                 /* translators: 1: URL to WordPress Meetup group, 2: URL to WordCamp Central */
    151                                 __( 'Meet other WordPress enthusiasts and share your knowledge at a <a href="%1$s">WordPress meetup group</a> or a <a href="%2$s">WordCamp</a>.', 'wporg' ),
    152                                 esc_url( __( 'https://www.meetup.com/pro/wordpress/', 'wporg' ) ),
    153                                 esc_url( __( 'https://central.wordcamp.org/', 'wporg' ) )
    154                             );
    155                             ?>
    156                         </p>
    157                         <p>
    158                             <?php
    159                             printf(
    160                                 __( 'To support education about WordPress and open source software, please donate to the <a href="%s">WordPress Foundation</a>.', 'wporg' ),
    161                                 esc_url( __( 'https://wordpressfoundation.org/donate/', 'wporg' ) )
    162                             );
    163                             ?>
    164                         </p>
    165                         </div>
     131                <p>
     132                    <?php printf(
     133                        wp_kses_data( __(
     134                            'There are several ways to get WordPress. The <strong>easiest</strong> is <a href="%1$s">through a hosting provider</a>, but sometimes <strong>tech-savvy</strong> folks prefer to <a href="%2$s">download and install</a> it themselves.',
     135                            'wporg'
     136                        ) ),
     137                        '#hosting',
     138                        '#download-install'
     139                    ); ?>
     140                </p>
     141
     142                <p>
     143                    <?php printf(
     144                        wp_kses_data( __( 'Either way, you can use your WordPress through a web browser and with <a href="%s">our mobile apps</a>.', 'wporg' ) ),
     145                        '#mobile'
     146                    ); ?>
     147                </p>
     148
     149                <section id="mobile" class="apps-mobile">
     150                    <span class="dashicons dashicons-smartphone"></span>
     151                    <h2><?php esc_html_e( 'Inspiration strikes anywhere, anytime', 'wporg' ); ?></h2>
     152                    <p class="subheading"><?php esc_html_e( 'Create or update content on the go with our mobile apps.', 'wporg' ); ?></p>
     153
     154                    <div class="web-stores">
     155                        <a href="http://appstore.com/WordPress" class="button-ios" >
     156                            <img src="<?php echo esc_url( get_theme_file_uri( 'images/badge-apple.png' ) ); ?>" alt="<?php esc_attr_e( 'Available in the Apple App Store', 'wporg' ); ?>" />
     157                        </a>
     158                        <a href="http://play.google.com/store/apps/details?id=org.wordpress.android" class="button-android">
     159                            <img src="<?php echo esc_url( get_theme_file_uri( 'images/badge-google-play.png' ) ); ?>"  alt="<?php esc_attr_e( 'Available in the Google Play Store', 'wporg' ); ?>" />
     160                        </a>
    166161                    </div>
    167                 </div>
    168 
    169                 <section class="download row gutters between">
     162                    <a href="https://apps.wordpress.com/mobile/" class="call-to-action"><?php esc_html_e( 'Learn more about our mobile apps', 'wporg' ); ?></a>
     163                </section>
     164
     165                <section id="hosting" class="hosting row gutters between">
     166                    <div class="parallelogram"></div>
     167                    <span class="dashicons dashicons-cloud"></span>
     168                    <h2><?php esc_html_e( 'WordPress Hosting', 'wporg' ); ?></h2>
     169                    <p class="subheading col-8"><?php esc_html_e( 'Choosing a hosting provider can be difficult, so we have selected a few of the best to get you started.', 'wporg' ); ?></p>
     170
     171                    <?php foreach ( array_rand( $hosts, 2 ) as $host ) : ?>
     172
     173                    <div class="host col-6">
     174                        <img src="<?php echo esc_url( get_theme_file_uri( $hosts[ $host ]['logo'] ) ); ?>" class="logo" alt="<?php
     175                            /* translators: %s: Name of hosting company */
     176                            printf( esc_attr__( '%s company logo', 'wporg' ), esc_html( $hosts[ $host ]['name'] ) );
     177                            ?>"
     178                        />
     179                        <p><?php echo esc_html( $hosts[ $host ]['description'] ); ?></p>
     180                        <a href="<?php echo esc_url( $hosts[ $host ]['url'] ); ?>">
     181                            <?php
     182                            /* translators: Name of hosting company */
     183                            printf( esc_html__( 'Visit %s', 'wporg' ), esc_html( $hosts[ $host ]['name'] ) );
     184                            ?>
     185                        </a>
     186                    </div>
     187                    <?php endforeach; ?>
     188
     189                    <a href="https://wordpress.org/hosting/" class="call-to-action col-12"><?php esc_html_e( 'See all of our recommended hosts', 'wporg' ); ?></a>
     190                </section>
     191
     192                <section id="download-install" class="download row gutters between">
    170193                    <h2><?php esc_html_e( 'Priceless, and also free', 'wporg' ); ?></h2>
    171194                    <p class="subheading"><?php esc_html_e( 'Download WordPress and use it on your site.', 'wporg' ); ?></p>
    … …  
    252275                </section>
    253276
    254                 <section class="hosting row gutters between">
    255                     <div class="parallelogram"></div>
    256                     <span class="dashicons dashicons-cloud"></span>
    257                     <h2><?php esc_html_e( 'WordPress Hosting', 'wporg' ); ?></h2>
    258                     <p class="subheading col-8"><?php esc_html_e( 'Choosing a hosting provider can be difficult, so we have selected a few of the best to get you started.', 'wporg' ); ?></p>
    259 
    260                     <?php foreach ( array_rand( $hosts, 2 ) as $host ) : ?>
    261 
    262                     <div class="host col-6">
    263                         <img src="<?php echo esc_url( get_theme_file_uri( $hosts[ $host ]['logo'] ) ); ?>" class="logo" alt="<?php
    264                             /* translators: %s: Name of hosting company */
    265                             printf( esc_attr__( '%s company logo', 'wporg' ), esc_html( $hosts[ $host ]['name'] ) );
    266                             ?>"
    267                         />
    268                         <p><?php echo esc_html( $hosts[ $host ]['description'] ); ?></p>
    269                         <a href="<?php echo esc_url( $hosts[ $host ]['url'] ); ?>">
    270                             <?php
    271                             /* translators: Name of hosting company */
    272                             printf( esc_html__( 'Visit %s', 'wporg' ), esc_html( $hosts[ $host ]['name'] ) );
    273                             ?>
    274                         </a>
     277                <div id="after-download" class="modal" role="dialog" aria-modal="true" tabindex="0">
     278                    <div role="document">
     279                        <header class="entry-header">
     280                            <h1 id="after-download-title" class="entry-title"><?php esc_html_e( 'Hooray!', 'wporg' ); ?></h1>
     281                            <p class="entry-description"><?php esc_html_e( 'You&#8217;re on your way with the latest WordPress!', 'wporg' ); ?></p>
     282                        </header>
     283                        <div>
     284                        <p>
     285                            <?php
     286                            printf(
     287                                __( 'For help getting started, check out our <a href="%s">Documentation and Support Forums</a>.', 'wporg' ),
     288                                esc_url( __( 'https://wordpress.org/support/', 'wporg' ) )
     289                            );
     290                            ?>
     291                        </p>
     292                        <p>
     293                            <?php
     294                            printf(
     295                                /* translators: 1: URL to WordPress Meetup group, 2: URL to WordCamp Central */
     296                                __( 'Meet other WordPress enthusiasts and share your knowledge at a <a href="%1$s">WordPress meetup group</a> or a <a href="%2$s">WordCamp</a>.', 'wporg' ),
     297                                esc_url( __( 'https://www.meetup.com/pro/wordpress/', 'wporg' ) ),
     298                                esc_url( __( 'https://central.wordcamp.org/', 'wporg' ) )
     299                            );
     300                            ?>
     301                        </p>
     302                        <p>
     303                            <?php
     304                            printf(
     305                                __( 'To support education about WordPress and open source software, please donate to the <a href="%s">WordPress Foundation</a>.', 'wporg' ),
     306                                esc_url( __( 'https://wordpressfoundation.org/donate/', 'wporg' ) )
     307                            );
     308                            ?>
     309                        </p>
     310                        </div>
    275311                    </div>
    276                     <?php endforeach; ?>
    277 
    278                     <a href="https://wordpress.org/hosting/" class="call-to-action col-12"><?php esc_html_e( 'See all of our recommended hosts', 'wporg' ); ?></a>
    279                 </section>
    280 
    281                 <section class="apps-mobile first-sm">
    282                     <span class="dashicons dashicons-smartphone"></span>
    283                     <h2><?php esc_html_e( 'Inspiration strikes anywhere, anytime', 'wporg' ); ?></h2>
    284                     <p class="subheading"><?php esc_html_e( 'Create or update content on the go with our mobile apps.', 'wporg' ); ?></p>
    285 
    286                     <div class="web-stores">
    287                         <a href="http://appstore.com/WordPress" class="button-ios" >
    288                             <img src="<?php echo esc_url( get_theme_file_uri( 'images/badge-apple.png' ) ); ?>" alt="<?php esc_attr_e( 'Available in the Apple App Store', 'wporg' ); ?>" />
    289                         </a>
    290                         <a href="http://play.google.com/store/apps/details?id=org.wordpress.android" class="button-android">
    291                             <img src="<?php echo esc_url( get_theme_file_uri( 'images/badge-google-play.png' ) ); ?>"  alt="<?php esc_attr_e( 'Available in the Google Play Store', 'wporg' ); ?>" />
    292                         </a>
    293                     </div>
    294                     <a href="https://apps.wordpress.com/mobile/" class="call-to-action"><?php esc_html_e( 'Learn more about our mobile apps', 'wporg' ); ?></a>
    295                 </section>
     312                </div>
    296313
    297314            </div><!-- .entry-content -->
Note: See TracChangeset for help on using the changeset viewer.