Making WordPress.org


Ignore:
Timestamp:
12/14/2017 11:30:48 PM (6 years ago)
Author:
coffee2code
Message:

W.org Showcase: Make theme responsive.

  • Changes left sidebar to hamburger menu slide-out for smaller viewports.
  • Removes slider for smaller viewports.
  • Updates jQuery Cycle slideshow library to Cycle2.
  • Various styling tweaks for responsiveness.

Props xkon, coffee2code.
Fixes #1173.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/page-home.php

    r2377 r6273  
    1111
    1212        <div class="wpsc-hero group">
    13             <div class="wpsc-hero-slide-container no-js">
     13            <div class="wpsc-hero-slide-container no-js cycle-slideshow" data-cycle-pager=".wpsc-slide-pager" data-cycle-fx="scrollHorz" data-cycle-auto-height="container" data-cycle-timeout="8000" data-cycle-slides="> div">
    1414
    1515                <?php while ( have_posts() ) : the_post(); ?>
     
    1717                    <div class="wpsc-hero-slide">
    1818                        <div class="wpsc-hero-slide-content">
     19                            <div class="wpsc-hero-slide-content-left">
    1920                            <a href="<?php the_permalink(); ?>" class="wpsc-hero-slide-img">
    2021                                <?php site_screenshot_tag( 457 ); ?>
    2122                            </a>
     23                            </div>
     24                            <div class="wpsc-hero-slide-content-right">
     25                                <div class="wpsc-hero-slide-content-right-wrapper">
    2226                            <h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
    2327
     
    3741                                <?php _e( 'Learn More &rarr;', 'wporg-showcase' ); ?>
    3842                            </a>
     43                                </div>
     44                            </div>
    3945                        </div><!-- .wpsc-hero-slide-content -->
    4046                    </div><!-- .wpsc-hero-slide -->
     
    4349
    4450            </div>
    45             <div class="wpsc-slide-nav"></div>
     51            <div class="wpsc-slide-nav"><div class="wpsc-slide-pager"></div></div>
    4652        </div> <!-- .wpsc-hero -->
    4753
     
    5359
    5460        <div class="col-7 main-content">
    55 
     61        <div class="maincontentwrapper">
    5662            <?php query_posts( array( 'cat' => 4, 'posts_per_page' => 3, 'tag' => 'business', 'orderby' => 'rand' ) ); ?>
    5763            <?php if ( have_posts() ) : ?>
     
    102108
    103109        </div>
     110        </div>
    104111    </div>
    105112</div>
Note: See TracChangeset for help on using the changeset viewer.