Changeset 1001 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php

Timestamp:

11/21/2014 10:04:40 AM (10 years ago)

Author:

obenland

Message:

WP.org Themes: Bring theme installer goodies to the front-end.

This brings most of the Backbone and Themes API-based functionality
from the admin's theme install screen to the front-end.

There are of course still loads of things to do, but it works
decently enough to share it with the world and give an idea of where
this is headed.

See ​https://make.wordpress.org/meta/2014/11/20/theme-repository-theme/
See #745.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/content-single.php

@@ -1 +1 @@
 <?php
-global $post;
-$theme = new Repo_Theme_Package($post);
+include_once ABSPATH . '/wp-admin/includes/theme.php';
+$theme = themes_api( 'theme_information', array( 'slug' => get_post()->post_name ) );
 ?>
-<div <?php post_class('single-theme'); ?> id="post-<?php the_ID(); ?>">
-    <div class="theme-overlay">
-        <div class="theme-about">
-            <div class="theme-screenshots">
-                <div class="screenshot"><?php the_post_thumbnail(); ?></div>
+
+<div class="theme-backdrop"></div>
+<div class="theme-wrap">
+    <div class="theme-header">
+        <button class="left dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Show previous theme' ); ?></span></button>
+        <button class="right dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Show next theme' ); ?></span></button>
+        <button class="close dashicons dashicons-no"><span class="screen-reader-text"><?php _e( 'Close overlay' ); ?></span></button>
+    </div>
+    <div class="theme-about">
+        <div class="theme-screenshots">
+            <div class="screenshot"><?php the_post_thumbnail(); ?></div>
+        </div>
+
+        <div class="theme-info">
+            <h3 class="theme-name"><?php the_title(); ?><span
+                    class="theme-version"><?php printf( __( 'Version: %s' ), $theme->version ); ?></span>
+            </h3>
+            <h4 class="theme-author"><?php printf( __( 'By %s' ), $theme->author ); ?></h4>
+
+            <p class="theme-description"><?php the_content(); ?></p>
+
+            <div class="rating rating-<?php echo round( $theme->rating, -1 ); ?>">
+                <span class="one"></span>
+                <span class="two"></span>
+                <span class="three"></span>
+                <span class="four"></span>
+                <span class="five"></span>
+
+                <p class="votes"><?php printf( __( 'Based on %s ratings.' ), $theme->num_ratings ); ?></p>
             </div>
-            <div class="theme-info">
-                <h3 class="theme-name"><?php the_title(); ?>
-                    <span class="theme-version">Version: <?php echo $theme->version; ?></span>
-                </h3>
-                <h4 class="theme-author">By <a href="<?php echo $theme->authorurl; ?>"> TODO the WordPress team</a></h4>
-                <p class="theme-description">
-                    <?php the_content(); ?>
+
+            <div class="theme-stats">
+                <div><strong><?php _e( 'Last updated:' ); ?></strong> <?php echo $theme->last_updated; ?></div>
+                <div><strong><?php _e( 'Downloads:' ); ?></strong> <?php echo $theme->downloaded; ?></div>
+                <div><a href="<?php echo esc_url( $theme->homepage ); ?>"><?php _e( 'Theme Homepage &raquo;' ); ?></a></div>
+            </div>
+
+                <p class="theme-tags">
+                    <span><?php _e( 'Tags:' ); ?></span>
+                    <?php echo implode( ', ', $theme->tags ); ?>
                 </p>
-                <p class="theme-tags"><span>TODO Tags:</span> black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready</p>
-                
-            </div>
         </div>
     </div>
+
+    <div class="theme-actions">
+        <a href="<?php echo esc_url( '//downloads.wordpress.org/theme/' . $theme->slug . '.' . $theme->version . '.zip' ); ?>" class="button button-primary"><?php _e( 'Download' ); ?></a>
+        <a href="<?php echo esc_url( $theme->preview_url ); ?>" class="button button-secondary"><?php _e( 'Preview' ); ?></a>
+    </div>
 </div>