WordPress.org

Making WordPress.org

Opened 19 months ago

Closed 19 months ago

Last modified 9 months ago

#1719 closed task (fixed)

Plugin Directory Theme

Reported by: obenland Owned by: obenland
Milestone: Priority: normal
Component: Plugin Directory Keywords:
Cc:

Description

Let's go ahead and make the Plugin directory look like @mapk's mockups:

Homepage: http://codepen.io/mapk/pen/jqxqbo
Search results: http://codepen.io/mapk/pen/KzGQKv
Single: http://codepen.io/mapk/pen/YqJezm

Change History (154)

#1 @obenland
19 months ago

  • Owner set to obenland
  • Status changed from new to accepted

#2 @obenland
19 months ago

In 3183:

Plugin Directory: Only show support stats if there are any.

See #1719.

#3 follow-up: @obenland
19 months ago

In 3184:

Plugin Directory: Introduce a Meta widget.

It will display meta information about the plugin, like install count or when
it was updated last.

See #1719.

#4 @obenland
19 months ago

In 3185:

Plugin Directory: Use the same markup for rating descriptions.

See #1719.

#5 @obenland
19 months ago

In 3186:

Plugin Directory: Add a way to retreive plugin banner HTML.

See #1719.

#6 @obenland
19 months ago

In 3187:

Plugin Directory: Add a template tag to show a ratings overview.

See #1719.

#7 in reply to: ↑ 3 @dd32
19 months ago

Replying to obenland:

In 3184:

Plugin Directory: Introduce a Meta widget.

It will display meta information about the plugin, like install count or when
it was updated last.

See #1719.

That looks suspiciously like the existing Meta Widget, should've probably combined them, no?

#8 @obenland
19 months ago

It does, I didn't even notice it there for some reason

#9 @obenland
19 months ago

In 3190:

Plugin Directory: Merge the two Meta widgets.

H/t dd32.
See #1719.

#10 @obenland
19 months ago

In 3191:

Plugin Directory: Don;t register the widget removed in [3190].

See #1719.

#11 @obenland
19 months ago

In 3193:

Plugin Directory: Paint roller work is done, let's bring out the brushes.

Props mapk, hugobaeta.
See #1719.

#12 @obenland
19 months ago

In 3194:

Plugin Directory: Separate WP blue from link color blue.

H/t samuelsidler.

See #1719.

#13 @obenland
19 months ago

In 3196:

Plugin Directory: Bring Customizer enhancements into the namespace.

See #1719.

#14 @obenland
19 months ago

In 3198:

Plugin Directory: Continue to use old styles for download button in global header.

See #1719.

#15 @obenland
19 months ago

In 3199:

Plugin Directory: Remove Safari default styles for search field.

See #1719.

#16 @obenland
19 months ago

In 3200:

Plugin Directory: Tighten up Widget setup and styles.

  • Removes the use of dynamic sidebars and makes information strings translatable.
  • Unifies widget styles across front page and single plugin pages.

See #1719.

#17 @obenland
19 months ago

In 3201:

Plugin Directory: Add schema.org info to meta widget.

See #1719.

#18 @obenland
19 months ago

In 3202:

Plugin Directory: Make Support widget seatup available to Widgets API.

Lets the title to be overwritable and adheres to widget args for
heading markup.

See #1719.

#19 @obenland
19 months ago

In 3203:

Plugin Directory: Make Ratings widget setup available to Widgets API.

Allows for the title to be overwritten and adheres to widget args for heading
markup. Also replaces the rating dingus with a simpler button for now.

See #1719.

#20 @obenland
19 months ago

In 3204:

Plugin Directory: Define widget args at top of file.

Also uses widget args now for widgets on plugin-single.

See #1719.

#21 @obenland
19 months ago

In 3205:

Plugin Directory: Let the plugin rating break down shine.

Adds syles to show the breakdown of ratings by star level.

See #1719.

#22 @obenland
19 months ago

In 3206:

Plugin Directory: Swap arguments so the message makes sense again.

See #1719, [3183].

#23 @obenland
19 months ago

In 3207:

Plugin Directory: Chack for $rating rather than $ratings.

$ratings can be truthy when it's populated with 0 amounts of ratings per
star level.

See #1719.

#24 @obenland
19 months ago

In 3208:

Plugin Directory: Populate the three featured plugin groups.

See #1719.

#25 @dd32
19 months ago

In 3209:

Plugin Directory: Add the flushing functions correctly.

See #1719.

#26 @obenland
19 months ago

In 3218:

Plugin Directory: Cache front page queries for a day.

The results of featured and beta plugins don't change very often, the results
of popular plugins can change on each reload as there are more than four
plugins with 1 million+ installs, and it decreases db lookups.

See #1719.

#27 @obenland
19 months ago

In 3219:

Plugin Directory: Add shortcode to display developer information.

Will display all contributors to a plugin, as well as trac and svn links, etc.

See #1719.

#28 @obenland
19 months ago

In 3220:

Plugin Directory: Add a linnk to GP in Developers section.

H/t samuelsidler.

See #1719.

#29 @obenland
19 months ago

In 3221:

Plugin Directory: Add stats shortcode.

Displays plugin statistics, like download graph and active version breakdown.

See #1719.

#30 @obenland
19 months ago

In 3222:

Plugin Directory: Return shortcode content rather than displaying it.

Give the shortcode handler the chance to insert the content at the right position.

See #1719, [3219].

#31 @obenland
19 months ago

In 3223:

Plugin Directory: Update contributor list styling.

See #1719.

#32 @obenland
19 months ago

In 3224:

Plugin Directory: Revert [3218].

No need to cache query results, now that we use Advanced Post Caching.

See https://wordpress.slack.com/archives/meta/p1464048153001825
See #1719.

#33 @dd32
19 months ago

The headers on rosetta domains needs some fixing, it actually uses WordPress nav menus rather than the global header syntax..

#34 @obenland
19 months ago

In 3229:

Plugin Directory: Keep headings in rosetta header floated.

Fixes a visual bug where Directory styles were bleeding into the global header.

H/t dd32.
See #1719.

#35 @obenland
19 months ago

In 3251:

Plugin Directory: Complete navigation styles, including for desktop.

See #1719.

#36 @obenland
19 months ago

In 3252:

Plugin Directory: Introduce our very own accordion.

Makes "Read more" toggles work on single plugin pages.

See #1719.

#37 @obenland
19 months ago

In 3253:

Plugin Directory: Developer shortcode improvements.

  • Includes now all contributors.
  • Fixed an issue where utf-8 strings were not displayed correctly.
  • Fixed an issue where contributors where not found by their slug.

See #1719.

#38 @obenland
19 months ago

In 3254:

Plugin Directory: Clean up responsive styles and use a more mobile-first approach.

See #1719.

#39 @obenland
19 months ago

In 3255:

Plugin Directory: Let's be more liberal with cache busting during development.

See #1719.

#40 @obenland
19 months ago

In 3256:

Plugin Directory: Make the plugin icon clickable on index.

Helps especially on small screens to get to a plugin detail page easier.

See #1719.

#41 @obenland
19 months ago

In 3257:

Plugin Directory: Safari is the new Internet Explorer.

Overrides built-in Safari styles for the menu toggle.

See #1719.

#42 @obenland
19 months ago

In 3258:

Plugin Directory: Remove padding from plugin banner on small screens.

See #1719.

#43 @obenland
19 months ago

In 3259:

Plugin Directory: Let search input be full width on small screens.

See #1719.

#44 @obenland
19 months ago

In 3260:

Plugin Directory: Be more accurate with the banner ratio.

Helps to avoid unwanted line bleeds on banners.

See #1719.

#45 @obenland
19 months ago

In 3261:

Plugin Directory: Responsive styles hardening.

  • Switches to using em in media queries for browser compatibility.
  • Adds padding .site-main to line up with global header.
  • Simplifies some margin/padding setups on small screens.

See #1719.

This ticket was mentioned in Slack in #meta by obenland. View the logs.


19 months ago

#47 @obenland
19 months ago

  • Resolution set to fixed
  • Status changed from accepted to closed

#48 @ocean90
19 months ago

In 3292:

Plugin Directory: In the developers shortcode skip users which don't exist.

Avoids a PHP notice when using the WordPress Meta Environment.

See #1719.

#49 @ocean90
19 months ago

In 3300:

Plugin Directory: Don't make dummy text available for translation.

See #1719.

#50 @obenland
18 months ago

In 3336:

Plugin Directory: Updated 404 page, including styles.

Props mapk.
See #1719.

#51 @obenland
18 months ago

In 3347:

Plugin Directory: Add yet another override for global styles.

See #1719.

#52 @obenland
18 months ago

In 3352:

Plugin Directory: Encode author display name.

Let's us also properly display matveb's name.

See #1719.

#53 @obenland
18 months ago

In 3353:

Plugin Directory: Minor style tweaks.

Improves display of global search bar, local search bar, and categories.

See #1573, #1719.

#54 @obenland
18 months ago

In 3359:

Plugin Directory: First pass at RTL styles.

See #1719.

#55 @obenland
18 months ago

In 3362:

Plugin Directory: Add page templates for developer resources.

Makes all strings available for translation.

See #1719.

#56 @samuelsidler
18 months ago

In 3371:

Plugin Directory Theme: Capitalize "Testing" in subnav, in line with other subnavs.

See #1719.

#57 @samuelsidler
18 months ago

In 3372:

Plugin Directory: Add trailing slashes to links in subnav since they redirect there anyway.

See #1719.

#58 @samuelsidler
18 months ago

In 3374:

Plugin Directory: Curly quotes, curly quotes; oh how I adore thee. Also updated some phrasing.

See #1719.

#59 @dd32
18 months ago

In 3375:

Plugin Directory: Disable Canonical for 404's, this prevents plugin partial matches from redirecting, but also prevents direct url's redirecting to other plugins.

See #1719

#60 @dd32
18 months ago

In 3376:

Plugin Directory: Handle various redirects we need

  • /$plugin/faq (the old plugin tabs) should redirect to /$plugin/#faq
  • /browse/ should have something on it, we're going with the popular view by default.
  • /browse/favorites/$user should list that users favourites.

See #1584 #1719

#61 @dd32
18 months ago

In 3378:

Plugin Directory: Sort by the raw active install count to ensure that we get a consistent ordering, this prevents something being on page x and page x+1 because the paginated query ordered the results differently.

See #1719

#62 @obenland
18 months ago

In 3389:

Plugin Directory: Updated styles for archive pages.

See #1719.

#63 @obenland
18 months ago

In 3393:

Plugin Directory: Updated no-results styles.

See #1719.

#64 @obenland
18 months ago

In 3394:

Plugin Directory: Yet another global styles override.

Too many to count.

See #1719.

#65 @obenland
18 months ago

In 3395:

Plugin Directory: Properly encode display names.

H/t ocean90.

See #1719.

#66 @obenland
18 months ago

In 3396:

Plugin Directory: Don't show installation and other notes sections.

See #1719.

#67 @obenland
18 months ago

In 3397:

Plugin Directory: Re-align front-page widgets with #primary.

See #1719.

#68 @obenland
18 months ago

In 3398:

Plugin Directory: Visual hierarchy for headings in plugin detail.

See #1719.

#69 @obenland
18 months ago

In 3399:

Plugin Directory: Make icon size easier to override.

See #1719.

#70 @obenland
18 months ago

In 3401:

Plugin Directory: More semantic screenshots markup.

See #1719.

#71 @obenland
18 months ago

In 3402:

Plugin Directory: Screenshot styles for plugin details.

See #1719.

#72 @obenland
18 months ago

In 3403:

Plugin Directory: Decrease top margin for first heading in a section.

See #1719.

#73 @obenland
18 months ago

In 3405:

Plugin Directory: Make jump to anchors work on plugin detail.

See #1719.

#74 @obenland
18 months ago

In 3406:

Plugin Directory: Make no results styles available outside of searches.

See #1719.

#75 @obenland
18 months ago

In 3407:

Plugin Directory: Add custom text for empty Favorites archive.

To be filled with a more appropriate explanation by samuelsidler.

See #1719

#76 @obenland
18 months ago

In 3411:

Plugin Directory: Order content parts as they are in mockup.

See #1719.

#77 @obenland
18 months ago

In 3416:

Plugin Directory: Be smarter about opening plugins sections.

Now opens sections on first load with hash in URL, when the hash changes,
and when the toggle is clicked.

See #1719.

#78 @obenland
18 months ago

In 3418:

Plugin Directory: Highlight current menu item.

See #1719.

#79 @obenland
18 months ago

In 3419:

Plugin Directory: More accurate styles for about pages.

See #1719.

#80 @obenland
18 months ago

In 3420:

Plugin Directory: Introduce a reviews shortcode.

Displays a list of reviews about a plugin.
WIP, still need to properly grab an entire review, not just the rating.

See #1719.

#81 @obenland
18 months ago

In 3421:

Plugin Directory: Don't escape captions, links should still work.

See #1719.

#82 @obenland
18 months ago

In 3423:

Plugin Directory: Design updates to closer reflect the details mockup.

  • Version number and top margin for meta widget.
  • "Loading" bar for resolved support threads.
  • Circular avatars.

See #1719.

#83 @obenland
18 months ago

In 3424:

Plugin Directory: Add a See all link for plugin reviews.

See #1719.

#84 @obenland
18 months ago

In 3425:

PLugin Directory: Don't show section when there are no screenshots.

H/t ocean90.

See #1719.

#85 @obenland
18 months ago

In 3426:

Plugin Directory: Prettify review counts.

See #1719.

#86 @obenland
18 months ago

In 3427:

Plugin Directory: Second pass at plugin reviews o plugin detail.

See #1719.`

#87 @obenland
18 months ago

In 3428:

Plugin Directory: Have reviews section always explanded.

See #1719.

#88 @obenland
18 months ago

In 3429:

Plugin Directory: Lower case review titles.

See #1719.

#89 @obenland
18 months ago

In 3431:

Plugin Directory: Use correct meta key to retreive the amount of reviews.

See #1719.

#90 @obenland
18 months ago

In 3432:

Plugin Directory: Remove exessive padding.

See #1719.

#91 @samuelsidler
18 months ago

In 3433:

Plugin Directory Theme: Update front-page text in header.

See #1719.

#92 @obenland
18 months ago

In 3434:

Plugin Directory: Link plugin contributors to their wp.org profile pages.

See #1719.

#93 @obenland
18 months ago

In 3435:

Plugin Directory: Remove superfluous whitespace.

See #1719.

#94 @obenland
18 months ago

In 3436:

Plugin Directory: Avoid undefined index notice when getting section content.

See #1719.

#95 @samuelsidler
18 months ago

In 3437:

Plugin Directory Theme: Update search result text.

See #1719.

#96 @samuelsidler
18 months ago

In 3438:

Plugin Directory: Update Favorites term to My Favorites.

See #1719.

#97 @obenland
18 months ago

In 3439:

Plugin Directory: Consolidate review queries.

See #1719, #1579.

#98 @obenland
18 months ago

In 3440:

Plugin Directory: Revert [3439] until we have caching figured out.

See #1719, #1579.

#99 @samuelsidler
18 months ago

In 3441:

Plugin Directory Theme: Change Favorites to My Favorites.

See #1719.

#100 @obenland
18 months ago

In 3445:

Plugin Directory: Make total number of plugins dynamic.

See #1719.

#101 @obenland
18 months ago

In 3454:

Plugin Directory: Correct link colors.

See #1719.

#102 @samuelsidler
18 months ago

In 3457:

Plugin Directory Theme: Update link to developers section.

See #1719.

#103 @obenland
18 months ago

In 3459:

Plugin Directory: Show plugin banner in full width on small screens.

See #1719.

#104 @obenland
18 months ago

In 3461:

Plugin Directory: Reduce padding for pages on small screens,

See #1719.

#105 @samuelsidler
18 months ago

In 3462:

Plugin Directory Theme: Add and update text for "no favorite" cases.

Props obenland.
See #1719.

#106 @samuelsidler
18 months ago

In 3464:

Plugin Directory Theme: All the HTML entities (or at least a few of them).

See #1719.

#107 @obenland
18 months ago

In 3465:

Plugin Directory: Set favorite user as a query var for a more personalized message later on.

See #1719.

#108 @obenland
18 months ago

In 3466:

Plugin Directory: Move banner so it receives the header's padding.

See #1719.

#109 @ocean90
18 months ago

In 3471:

Plugin Directory: Switch the half star rating icon on RTL sites.

See #1719.

#110 @ocean90
18 months ago

In 3472:

Plugin Directory: Switch the half star rating icon on RTL sites, for real.

See #1719.

#111 follow-up: @obenland
18 months ago

In 3493:

Plugin Directory: Show "tested up to" version.

Per samuelsidler.

See #1719.

#112 @obenland
18 months ago

In 3495:

Plugin Directory: Be more inclusive.

See #1719.

#113 in reply to: ↑ 111 @dd32
18 months ago

Replying to obenland:

In 3493:

Plugin Directory: Show "tested up to" version.

Per samuelsidler.

See #1719.

@obenland Heads up, Not all plugins specify a tested up to version, so this should be conditional, and it should also utilise the comparable versions from wporg_get_version_equivalents() (ie. tested up to 4.5, should show as 4.5.2)

#114 @samuelsidler
18 months ago

In 3517:

Plugin Directory: Update string to reflect consistent pronoun.

See #1719.

#115 @samuelsidler
18 months ago

In 3520:

Plugin Directory Theme: Make strings localizable.

See #1719.

#116 @samuelsidler
18 months ago

In 3525:

Plugin Directory Theme: Remove ellipsis from search form, per @mapk.

See #1719.

#117 @obenland
18 months ago

In 3526:

Plugin Directory: Scale down base size on desktop t0 18px.

See #1719.

#118 @obenland
18 months ago

In 3532:

Plugin Directory: Let toggled menu overlap content.

See #1719.

#119 @obenland
18 months ago

In 3538:

Plugin Directory: Show search button on front page.

See #1719.

#120 @obenland
18 months ago

In 3539:

Plugin Directory: Change the way the search button is displayed on mobile.

See #1719.

#121 @samuelsidler
18 months ago

In 3541:

Plugin Directory Theme: Update strings on homepage and add one further string.

See #1719.

#122 @obenland
18 months ago

In 3548:

Plugin Directory: Give subtitle a lower opacity.

See #1719.

#123 @samuelsidler
18 months ago

In 3552:

Plugin Directory Theme: Make the search term bold, per @mapk.

See #1719.

#124 @obenland
17 months ago

In 3676:

Plugin Directory: Use autoprefixer for vendor prefixes.

Also adds pixel fallback for older browsers that don't understand rems.
Just to be sure.

See #1719.

#125 @obenland
17 months ago

In 3695:

Plugin Directory: Proof of concept React components.

This is pretty much the culmination of me playing around with React for a week,
learning along the way. It's a best of from tutorials, Human Made's
Feelingrestful Theme, and various other inspirations I got along the way.

I'm committing this not with the intention of cementing a way to build a JS
client for the Plugin Directory but much rather open this approach up for tips
and feedback on how to proceed. I'd like to find out if React is even working
for our needs, learn how to get the most out of it for our purposes, and learn
how best to implement it for this project.

To see the React client in action and make changes to it, uncomment the
wp_enqueue_script() line in functions.php that enqueues the client JS file.
Then run npm install and grunt watch from the command line in the theme's
root directory. Please see README.md for further details.

See #1719.

#126 @obenland
17 months ago

In 3701:

Plugin Directory: Changes to React client.

  • Cut down on build size (a little) by using specific submodules.
  • Use loaclStorage to persist state.
  • Minor changes o the dev setup to speed up React builds.
  • Dynamic path prefix to account for different dev environments.

See #1719.

#127 @obenland
17 months ago

In 3717:

Plugin Directory: WordCamp Boston Contributor Day updates.

  • Separate store creation.
  • Pass SiteHeader component to React Router for navigation links to rerender.
  • Pass default plugins from container component to PluginSection.
  • Basic 404 and no-content handling.

Props sirbrillig.
See #1719.

#128 @obenland
17 months ago

In 3734:

Plugin Directory: Restructure containers and components.

Merges containers with their components and adopts a folder hierarchy similar
to the actual element hierarchy. The exception to the rule are reusable
components.

This also adds support for displaying plugins in the plugin_section taxonomy.

See #1719.

#129 @obenland
17 months ago

In 3735:

Plugin Directory: Fix rounding errors for rating stars.

See #1719.

#130 @obenland
17 months ago

In 3745:

Plugin Directory: Add a component for plugin icons.

See #1719.

#131 @obenland
17 months ago

In 3764:

Plugin Directory: Add search functionality to React client.

See #1719.

#132 @obenland
17 months ago

In 3768:

Plugin Directory: Properly set NODE_ENV.

Removes the console warning about runing minified code in development.

See #1719.

#133 @obenland
17 months ago

In 3769:

Plugin Directory: Use correct property to get page slug.

See #1719.

#134 @obenland
17 months ago

In 3771:

Plugin Directory: Add widget area component to front page.

See #1719.

#135 @obenland
16 months ago

In 3795:

Plugin Directory: Make React client available though a query parameter.

Appending ?react to any directory URL will load the client.

H/t ocean90.
See #1719.

#136 @obenland
16 months ago

In 3816:

Plugin Directory: Use Photon to serve plugin assets.

See #1719.

#137 @obenland
16 months ago

In 3832:

Plugin Directory: Accurate blockquote styles.

See https://wordpress.slack.com/archives/meta/p1471549386001522
See #1719.

#138 @obenland
16 months ago

In 3842:

Plugin Directory: Add source map for Sass files.

See #1719.

#139 @obenland
16 months ago

In 3847:

Plugin Directory: Restructuring Sass and React client.

Merges Sass files into the React component structure. This allows styles to be
bundled with their React components. In an ideal world that would extend to
their PHP fallback templates as well, but it remains to be seen how feasible
that is.
Also introduces Sass Globbing and Pixrem pre-processing to automatically import
Sass files and add pixel fallbacks for rem values.

See #1719.

#140 @obenland
16 months ago

In 3862:

Plugin Directory: React components for single plugin view.

Adds a React version of the single plugin page. Still needs more work around
certain plugin sections, like showing different links based on whether a user
is logged in or not.
Moves over the last component-based sass files into the component structure.

See #1719.

#141 @obenland
16 months ago

In 3863:

Plugin Directory: Use Reviews output instead of rolling our own.

Returns two reviews with the proper markup. We should review what we want the
final output to be here.

Also passes the section slug as a second parameter to the_content filter
for more context, similarly to the Plugin Directory theme..

See #1579, #1719.

#142 @obenland
16 months ago

In 3864:

Plugin Directory: Add support information to API response.

Allows us toe rebuild the support loading bar in React.

See #1579, #1719.

#143 @obenland
16 months ago

In 3865:

Plugin Directory: Minor bug fixes after [3862].

  • Correctly display author link.
  • Don't show FAQ section if it's empty.
  • Use ratings rather than num_ratings for detailed rating breakdown.
  • Don't be too strict when checking for contributors.

See #1719.

#144 @obenland
16 months ago

In 3866:

Plugin Directory: Properly loop over developers array.

See #1719.

#145 @obenland
16 months ago

In 3867:

Plugin Directory: Properly display support bar graph.

See #1719.

#146 @dd32
15 months ago

In 4125:

Plugin Directory: Switch from Categories back to Tags.

See #1719

#147 @dd32
14 months ago

In 4199:

Plugin Directory: Remove unused (and irrelevant) template tags which don't apply to the plugin directory.

See #1719

#148 @dd32
14 months ago

In 4200:

Plugin Directory: Trial switching out the Author Byline to utilise the plugin header Author fields.

This improves the consistency with how WordPress itself displays plugins both in the plugin listing, and in the plugin installer.

See #1719.

#149 @dd32
14 months ago

In 4310:

Plugin Directory: Revert [3863] as the Reviews markup in the API is intentionally different from the markup used on WordPress.org.

This fixes review display when WordPress is using the new API.

See #1579, #1719.

#150 @dd32
13 months ago

In 4391:

Plugin Directory: Remove the custom background and nav menu support from the theme - we're not using it.

See #1719.

#151 @dd32
13 months ago

In 4392:

Plugin Directory: Add some styles for the pagination links.

See #1719

#152 @dd32
13 months ago

In 4394:

Plugin Directory: Link the ratings count to the reviews.

See #1719;

#153 @dd32
13 months ago

In 4425:

Plugin Directory: Fix a CSS ordering issue preventing the #description section from being expanded since [4410].
See #1719.

#154 @samuelsidler
9 months ago

  • Milestone Plugin Directory v3 - M4 deleted

Milestone Plugin Directory v3 - M4 deleted

Note: See TracTickets for help on using tickets.