Changeset 5399 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php

Timestamp:

04/20/2017 04:12:08 PM (8 years ago)

Author:

Otto42

Message:

Plugin Directory: The return of tabs.

Change single-plugin view to have tabbed design. Eliminates read-more on all sections except developers and changelog, adds tabs back to interface using CSS to switch between them. Tabs control both main display as well as widgets.

Known issues: Changelog read-more not working (js issue), developers section is currently split using CSS, future change will split this section into two separate sections.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php

@@ -118 +118 @@
     </header><!-- .entry-header -->
 
+<?php if ( ! get_query_var( 'plugin_advanced' ) ) { ?>
+    <span id="description"></span>
+    <span id="reviews"></span>
+    <span id="installation"></span>
+    <span id="developers"></span>
+    <ul class="tabs clear">
+        <li id="tablink-description"><a href='#description'><?php _e( 'Details', 'wporg-plugins' ); ?></a></li>
+        <li id="tablink-reviews"><a href='#reviews'><?php _e( 'Reviews', 'wporg-plugins' ); ?></a></li>
+<?php if ( isset( $content[ 'installation' ] ) ) { ?>
+        <li id="tablink-installation"><a href='#installation'><?php _e( 'Installation', 'wporg-plugins' ); ?></a></li>
+<?php } ?>
+        <li id="tablink-support"><a href='https://wordpress.org/support/plugin/<?php echo $post->post_name; ?>'><?php _e( 'Support', 'wporg-plugins' ); ?></a></li>
+        <li id="tablink-developers"><a href='#developers'><?php _e( 'Development', 'wporg-plugins' ); ?></a></li>
+    </ul>
+<?php } ?>
     <div class="entry-content">
         <?php
@@ -125 +140 @@
             $plugin_sections = Template::get_plugin_sections();
 
-            foreach ( array( 'description', 'screenshots', 'faq', 'reviews', 'changelog', 'developers' ) as $section_slug ) :
+            foreach ( array( 'description', 'screenshots', 'installation', 'faq', 'reviews', 'developers', 'changelog' ) as $section_slug ) :
                 if ( ! isset( $content[ $section_slug ] ) ) {
                     continue;
@@ -138 +153 @@
                 $section = array_pop( $section );
 
-                $section_no_read_mores = array( 'screenshots', 'reviews' );
+                $section_no_read_mores = array( 'description', 'screenshots', 'installation', 'faq', 'reviews' );
                 // If the FAQ section is the newer `<dl>` form, no need to do read-more for it.
                 if ( false !== stripos( $section_content, '<dl>' ) ) {