az-digital / az_quickstart

UArizona's web content management system built with Drupal 10.
https://quickstart.arizona.edu
GNU General Public License v2.0
30 stars 20 forks source link

Add News Tags to AZ News displays #2129

Open bberndt-uaz opened 1 year ago

bberndt-uaz commented 1 year ago

Motivation

Many Quickstart site owners would like to include news tags in displays of AZ News articles. Quickstart events and person pages already include these taxonomy terms in badges on the full content display.

Is your feature request related to a problem? Please describe.

Although news tags can be used by site admins for sorting and filtering news articles, the tags are not shown on any displays of news articles for site visitors.

Proposed Resolution

Questions to confirm requirements

  1. Should the news tags be added to the full content display of news nodes by default?
  2. On the full content display, should the tags be placed below the body content (as on events, person pages, and news.arizona.edu articles) or above the body content (as on current Eller news articles)? Or should they be placed in the right sidebar (as on the CAPLA site)?
  3. Should the news tags be added to other displays (Card, Feature, Marquee, Teaser)? a. Quickstart events and person nodes do not include categories on other displays. b. Articles on news.arizona.edu do include categories on other displays. c. Articles on the Eller site and the CAPLA site do include categories on other displays.
  4. If the news tags should be added to other displays, should they be included by default or optional? a. If the tags should be optional, alternate AZ News displays and views could be created for admins to use.
  5. If the news tags should be added to other displays, should they be placed between the card image and title or should they be placed below all other content?

Describe the solution you'd like

Roles and Permissions considerations

No roles or permissions updates would be required for this change.

akslay commented 1 year ago

I think the tags look better at the top.

For Default node displays, especially, because some content gets really long, so the tags look like an afterthought. Moreover, in terms of headings, the tags end up being placed after whatever the last heading is in the body content (which probably isn't an assumption we want to make). For example, on a Person profile, there might be an h3 in the body content for "Publications". And if that's the last bit of content on the page, then the tags end up visually/structurally being placed under the "Publications" heading.

And for other displays (like Card), the tags are competing for attention with the "read more" link at the bottom of the card. I see "read more" as more of a "final" action, and don't expect there to be more information afterwards.

With regards to Q3, I was actually about to make a PR for adding a "Row with Tags" display mode that could be used on multiple content types, due to requirements for the CAPLA site migration. So having one issue for all of these is great.

Also Related to Q4: I think we should add the tags as additional display modes and view displays, so that it's easier for site admins to switch to with/without tags without having to override displays that are included with Quickstart. This also prevents us from adding extra/unexpected information into displays on live sites.

akslay commented 1 year ago

As another placement option for category tags, the CAPLA site currently displays them in the sidebar for the Default display. Examples:

bberndt-uaz commented 1 year ago

Per our discussion of this issue in the AZ Digital workshop today (1/11/2023):

  1. Some sites may use news tags differently, so do not include on full content by default. How to provide an alternate full content display? Enable badge display for all taxonomy types.
  2. Possible to have tags on the sidebar that then go under the image on mobile? Have a block for any Quickstart taxonomy: content admins could change it. Can add further display modes to tags? Could be included on the default display wherever we like. Make use of views field.
  3. Yes, add to each display for the initial PR.
  4. Add new displays/views for these options: sites may have different use cases for these tags so it's best not to assume one way or another.
  5. Add tags under the image: tags at the bottom could conflict with "Read more" links.

Further input will be needed from Marketing, for the future of news.arizona.edu.

trackleft commented 1 year ago

Image

trackleft commented 1 year ago

I think we can use the col class to allow expandability of that section. If news.arizona.edu wants to add a topics taxonomy they can just wrap it in col which will break the grid into to columns. Default can be just tags, full width IMHO.

danahertzberg commented 1 year ago

Example tags added: https://live-azs-eller-eee.pantheonsite.io/research-insights

Screenshot 2023-07-03 at 11 15 03 AM

screencapture-live-azs-eller-eee-pantheonsite-io-admin-structure-taxonomy-manage-az-news-tags-overview-display-az-badge-2023-07-03-11_13_26

screencapture-live-azs-eller-eee-pantheonsite-io-admin-structure-types-manage-az-news-display-card-with-tags-2023-07-03-11_13_41