wp-calypso icon indicating copy to clipboard operation
wp-calypso copied to clipboard

Plugins: Add sidebar subheading

Open lupus2k opened this issue 1 year ago • 14 comments

Fixes https://github.com/Automattic/dotcom-forge/issues/7619

Proposed Changes

Add sidebar subheading on Multisite's plugins page.

We have two copy options suggested here and asked for copy review

Before After (option 1) After (option 2)
image image image image image

Why are these changes being made?

Discussion here: p9Jlb4-cb9-p2

Testing Instructions

  • Go to /plugins or /plugins/scheduled-updates
  • You should see a sidebar subheading.
  • Check the copy.
  • Check the < Plugins styles.
  • Check in different screen sizes.

lupus2k avatar Jun 19 '24 22:06 lupus2k

@lucasmendes-design @davemart-in Can you check if the < Plugins style is the expected? I based the change in the shared screenshots.

lupus2k avatar Jun 19 '24 22:06 lupus2k

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~57 bytes added 📈 [gzipped])

name                               parsed_size           gzip_size
plugins                                 +179 B  (+0.0%)      +57 B  (+0.0%)
jetpack-cloud-plugin-management         +179 B  (+0.0%)      +57 B  (+0.0%)
woocommerce-installation                 +77 B  (+0.0%)      +23 B  (+0.0%)
woocommerce                              +77 B  (+0.0%)      +23 B  (+0.0%)
themes                                   +77 B  (+0.0%)      +23 B  (+0.0%)
theme                                    +77 B  (+0.0%)      +23 B  (+0.0%)
subscribers                              +77 B  (+0.0%)      +23 B  (+0.0%)
stats                                    +77 B  (+0.0%)      +23 B  (+0.0%)
staging-site                             +77 B  (+0.0%)      +23 B  (+0.0%)
sites-dashboard                          +77 B  (+0.0%)      +23 B  (+0.0%)
site-purchases                           +77 B  (+0.0%)      +23 B  (+0.0%)
site-monitoring                          +77 B  (+0.0%)      +23 B  (+0.0%)
site-logs                                +77 B  (+0.0%)      +23 B  (+0.0%)
site-blocks                              +77 B  (+0.0%)      +23 B  (+0.0%)
settings-writing                         +77 B  (+0.0%)      +23 B  (+0.0%)
settings-security                        +77 B  (+0.0%)      +23 B  (+0.0%)
settings-reading                         +77 B  (+0.0%)      +23 B  (+0.0%)
settings-podcast                         +77 B  (+0.0%)      +23 B  (+0.0%)
settings-performance                     +77 B  (+0.0%)      +23 B  (+0.0%)
settings-newsletter                      +77 B  (+0.0%)      +23 B  (+0.0%)
settings-jetpack                         +77 B  (+0.0%)      +23 B  (+0.0%)
settings-discussion                      +77 B  (+0.0%)      +23 B  (+0.0%)
settings                                 +77 B  (+0.0%)      +23 B  (+0.0%)
security                                 +77 B  (+0.0%)      +23 B  (+0.0%)
scan                                     +77 B  (+0.0%)      +23 B  (+0.0%)
purchases                                +77 B  (+0.0%)      +23 B  (+0.0%)
promote-post-i2                          +77 B  (+0.0%)      +23 B  (+0.0%)
privacy                                  +77 B  (+0.0%)      +23 B  (+0.0%)
preview                                  +77 B  (+0.0%)      +23 B  (+0.0%)
posts-custom                             +77 B  (+0.0%)      +23 B  (+0.0%)
posts                                    +77 B  (+0.0%)      +23 B  (+0.0%)
plans                                    +77 B  (+0.0%)      +23 B  (+0.0%)
people                                   +77 B  (+0.0%)      +23 B  (+0.0%)
pages                                    +77 B  (+0.0%)      +23 B  (+0.0%)
notification-settings                    +77 B  (+0.0%)      +23 B  (+0.0%)
migrate                                  +77 B  (+0.0%)      +23 B  (+0.0%)
media                                    +77 B  (+0.0%)      +23 B  (+0.0%)
me                                       +77 B  (+0.0%)      +23 B  (+0.0%)
marketplace                              +77 B  (+0.0%)      +23 B  (+0.0%)
marketing                                +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-social                           +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-search                           +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-connect                          +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-cloud-settings                   +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-cloud-pricing                    +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-cloud-overview                   +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-cloud-features-comparison        +77 B  (+0.0%)      +23 B  (+0.0%)
jetpack-cloud                            +77 B  (+0.0%)      +23 B  (+0.0%)
import                                   +77 B  (+0.0%)      +23 B  (+0.0%)
hosting-features                         +77 B  (+0.0%)      +23 B  (+0.0%)
hosting                                  +77 B  (+0.0%)      +23 B  (+0.0%)
home                                     +77 B  (+0.0%)      +23 B  (+0.0%)
help                                     +77 B  (+0.0%)      +23 B  (+0.0%)
gutenberg-editor                         +77 B  (+0.0%)      +23 B  (+0.0%)
google-my-business                       +77 B  (+0.0%)      +23 B  (+0.0%)
github-deployments                       +77 B  (+0.0%)      +23 B  (+0.0%)
export                                   +77 B  (+0.0%)      +23 B  (+0.0%)
email                                    +77 B  (+0.0%)      +23 B  (+0.0%)
earn                                     +77 B  (+0.0%)      +23 B  (+0.0%)
domains                                  +77 B  (+0.0%)      +23 B  (+0.0%)
developer                                +77 B  (+0.0%)      +23 B  (+0.0%)
customize                                +77 B  (+0.0%)      +23 B  (+0.0%)
concierge                                +77 B  (+0.0%)      +23 B  (+0.0%)
comments                                 +77 B  (+0.0%)      +23 B  (+0.0%)
checkout                                 +77 B  (+0.0%)      +23 B  (+0.0%)
backup                                   +77 B  (+0.0%)      +23 B  (+0.0%)
add-ons                                  +77 B  (+0.0%)      +23 B  (+0.0%)
activity                                 +77 B  (+0.0%)      +23 B  (+0.0%)
account-close                            +77 B  (+0.0%)      +23 B  (+0.0%)
account                                  +77 B  (+0.0%)      +23 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~23 bytes added 📈 [gzipped])

name                               parsed_size           gzip_size
async-load-calypso-reader-sidebar        +77 B  (+0.0%)      +23 B  (+0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory. Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

matticbot avatar Jun 19 '24 22:06 matticbot

@lucasmendes-design @davemart-in Can you check if the < Plugins style is the expected? I based the change in the shared screenshots.

I'll let Lucas weigh in here.

davemart-in avatar Jun 20 '24 14:06 davemart-in

I added the [Status] String Freeze label to ensure the new copy is translated before merging it

lupus2k avatar Jun 20 '24 14:06 lupus2k

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/15018879

Some locales (Hebrew, Japanese) have been temporarily machine-translated due to translator availability. All other translations are usually ready within a few days. Untranslated and machine-translated strings will be sent for translation next Monday and are expected to be completed by the following Friday.

Thank you @lupus2k for including a screenshot in the description! This is really helpful for our translators.

a8ci18n avatar Jun 20 '24 15:06 a8ci18n

Hi there, I think we can have something more general and include both sections Marketplace and Updates. Some suggestions are below. WDYT?

  • Enhance site features with plugins and schedule updates to fit your needs.
  • Boost your site with plugins and schedule updates easily.

lucasmendes-design avatar Jun 25 '24 12:06 lucasmendes-design

Thanks @lucasmendes-design, I updated the screenshots and asked for copy review :wink:

lupus2k avatar Jun 25 '24 20:06 lupus2k

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/15018879

Some locales (Hebrew) have been temporarily machine-translated due to translator availability. All other translations are usually ready within a few days. Untranslated and machine-translated strings will be sent for translation next Monday and are expected to be completed by the following Friday.

Thank you @lupus2k for including a screenshot in the description! This is really helpful for our translators.

a8ci18n avatar Jun 25 '24 20:06 a8ci18n

👋 Editorial checking in—this all looks good. One thing to flag is that "schedule" is both a noun and a verb, so it can be a bit of a speed bump when reading. With that in mind, I'm proposing a minor tweak to both options:

• Enhance your site's features with plugins, or schedule updates to fit your needs. • Boost your site with plugins, or schedule updates easily.

provenself avatar Jun 25 '24 22:06 provenself

I'm proposing a minor tweak to both options:

• Enhance your site's features with plugins, or schedule updates to fit your needs. • Boost your site with plugins, or schedule updates easily.

Thanks for your quick reply, @provenself :tada:

Do you have any preference, @lucasmendes-design ? Mine is the first one.

lupus2k avatar Jun 25 '24 22:06 lupus2k

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

  • blaze-dashboard
  • command-palette-wp-admin
  • notifications
  • odyssey-stats
  • wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug add/global-side-bar-plugins-subheading on your sandbox.

matticbot avatar Jun 25 '24 23:06 matticbot

Mine is the first one.

Likewise. Let's use the first one. Thanks

lucasmendes-design avatar Jun 26 '24 12:06 lucasmendes-design

It would be better to add the padding-inline-end to align the padding with the items below

image

arthur791004 avatar Jun 28 '24 05:06 arthur791004

Translation for this Pull Request has now been finished.

a8ci18n avatar Jul 04 '24 15:07 a8ci18n