Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Events] Solidify process for creating and displaying events #5

Closed
15 tasks
gusaus opened this issue Jul 9, 2020 · 342 comments
Closed
15 tasks

[Events] Solidify process for creating and displaying events #5

gusaus opened this issue Jul 9, 2020 · 342 comments
Assignees
Labels

Comments

@gusaus
Copy link
Contributor

gusaus commented Jul 9, 2020

Here is the top section on the event page (with some notes) -
Yusef Lateef Tribute - Angel City Jazz 2020-07-21 17-40-15
Yusef Lateef Tribute - Angel City Jazz 2020-07-21 18-49-01
Yusef Lateef Tribute - Angel City Jazz 2020-07-21 18-51-39

Currently using
These are the fields/blocks we're using on the event page -

  • Title - the title is hidden
  • Featured Image - currently having trouble displaying on the page but we still need to for different views; we need to crop so they all display the same size [Events] Solidify process for creating and displaying events #5 (comment)
  • Cover - currently a manual process; would like to create a pattern or block
  • Date - do we want to make the videos available at a specific time?
  • Price - are there going to be different price tiers? What about using https://woocommerce.com/products/name-your-price/
  • Venue - created 'ACJF Online' for the online events but not displaying on this view; we 'could' add and list REDCAT since that's where the performances are happening - https://content-angelcityjazz.pantheonsite.io/wp-admin/edit.php?post_type=tribe_venue
  • Personnel - this is a Cover inside a Column; would like to create a pattern or block
  • Quote - this is a Cover inside a Column; would like to create a pattern or block
  • Embeds (YouTube, Spotify, etc.) - right now just embedding below the Columns
  • Image - using to create some space and pizazz
  • Artist description - these are Media & Text blocks - would like to create a pattern or block

Currently not using
These buttons/fields are also available if we need -

  • Event Website - don't think we need this
  • Related Events - might want to add this back

Need
Here's a running list of blocks or functionality we still need

Let's discuss what we need and I'll update this issue

@gusaus
Copy link
Contributor Author

gusaus commented Jul 9, 2020

@roccosomazzi Here are a couple of example events -
https://content-angelcityjazz.pantheonsite.io/calendar/gerald-clayton-steve-lehman-duo/
https://content-angelcityjazz.pantheonsite.io/calendar/artifacts-trio/

The pages are set to one column (similar to https://content-angelcityjazz.pantheonsite.io/angel-city-jazz-fest/the-bobby-bradford-quartet/) but I need to dig into the theme.

The calendar, widgets, and shortcodes also need some theming to get right.

That said, above is a running list of blocks and features we're incorporating (or need) in those pages. What else do you think we need? What do you think of the layout and formatting?

Once we're happy with the format, I can try to create a template or we can create new events by copying.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 10, 2020

@roccosomazzi Following up on #3 (comment). Which part of https://www.sfjazz.org/watch/ do you think would be good to incorporate? The process for viewing the livestream?

I think there's some good, relevant inspiration here (since we're using most of the plugins) https://theeventscalendar.com/blog/how-to-set-up-a-calendar-for-virtual-events-in-wordpress/

@gusaus
Copy link
Contributor Author

gusaus commented Jul 11, 2020

I filed a support issue on your behalf regarding the events display...
https://support.theeventscalendar.com/ticket_qT5qN33LGf9865pK

Just in case you get a notification.

Asking them to troubleshoot the dev instance, so it won't affect any additions you make to https://content-angelcityjazz.pantheonsite.io/ in the meantime.

@roccosomazzi
Copy link

roccosomazzi commented Jul 13, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 13, 2020

Hey Rocco

I created a separate issue #6 to sort out the registration and membership flow for the festival.

Following up on #5 (comment), what do you think about having the related events (and/or other blocks) into the sidebar? I'd still need to style, but using the default layout would resolve the issue we're having with the template https://support.theeventscalendar.com/ticket_qT5qN33LGf9865pK

How do you feel about the other elements in the example pages and outlined in #5 (comment)?

@roccosomazzi
Copy link

I woyld change the sidebar to upcoming events and more of a list not necessarily with photos. At the bottom of the sidebar we could also have som egenral info about the series (like sfjazz dioes) and a general tip jar (see here: https://www.sfjazz.org/watch/)

@gusaus
Copy link
Contributor Author

gusaus commented Jul 13, 2020

Ok - I can play around with the sidebar content. What about the content/structure of the event page itself (aside from the ticketing/event pass flow).

Once we're happy with the format, I think it's going to be faster/easier (at this point) to create new events by copying content from an existing one.

If you're good with that, I'll provide some instructions on how to do that.

@roccosomazzi
Copy link

I think the general format should work. Do we have any control over the cover image formatting? I didn't like the way, it's blowing up the images at teh moment.
Once we have one completed event/artist page we can evaluate and see if anything is missing.

Thanks

@gusaus
Copy link
Contributor Author

gusaus commented Jul 14, 2020

Do we have any control over the cover image formatting?

Assuming you're asking about the Featured image, it's set by default to take images at least 1200 by 675 pixels. This apparently is the default Newspack & WordPress setting (I'm still getting used to WP) as described here -
https://newspack.pub/support/themes/featured-images/#large
https://wordpress.com/support/featured-images/#setting-a-featured-image

The Events content type (powered by the Events Calendar plugin) also has a similar field for featured image but it might take a bit of theming (of course) to get it right -
https://theeventscalendar.com/knowledgebase/k/featured-images/

So for this event page -
https://content-angelcityjazz.pantheonsite.io/wp-admin/post.php?post=1364&action=edit

I think the reason this image looks blown up is this plugin resizing images (https://wordpress.org/plugins/imagemagick-engine/) -
Edit Event ‹ Angel City Jazz — WordPress 2020-07-13 17-11-49

Edit Event ‹ Angel City Jazz — WordPress 2020-07-13 17-39-36

For right now, I'd just make sure the featured image is at least 1200 by 675 pixels.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 14, 2020

Couple things as I played around with the event content type a bit more -

  1. I removed many of the blocks related to event (organizer, venue, price, tickets, etc) from the body; think we can add those after the ticketing/registration process is sorted out ACJF ticketing and registration flow #6 and when we're ready to sell.

  2. I found a plugin that enables us to clone any content type - so the fastest/most consistent way to add the artists would be to do the following (after there's a format we're happy with) -

Artifacts Trio - Angel City Jazz 2020-07-14 11-21-03

- Replace the title, featured image, change date/time (if ready), description; edit/add/remove info in columns; remove/add media

I'll add some screengrabs and detail on the process in the description if this sounds like a good process for adding the rest of the artists.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 14, 2020

@roccosomazzi Following up on #3 (comment), try cloning one of the existing pages and then making changes (see the screengrab in the previous comment #5 (comment)).

With regards to the featured image - do you have one that is larger than 1200 by 675 pixels that can be added as Featured image? https://content-angelcityjazz.pantheonsite.io/wp-admin/post.php?post=1364&action=edit

I'll look into other ways we can customize.

Log any issues or improvements you'd like to see with regards to the format.

@roccosomazzi
Copy link

roccosomazzi commented Jul 14, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

The event pages are the same thing as artist pages. The RSVP, ticketing, and links (or embeds) to the performance videos will also go on these pages (I'm updating the todo in the issue description).

Do you see the block for date / time here? https://content-angelcityjazz.pantheonsite.io/wp-admin/post.php?post=1364&action=edit

Clicking on it should bring up this detail -
Edit Event ‹ Angel City Jazz — WordPress 2020-07-14 16-47-59

You also should see the lineup/personnel block -
Edit Event ‹ Angel City Jazz — WordPress 2020-07-14 17-00-44

If you wanted to add a youtube or spotify embed, try adding right below those blocks - similar to https://content-angelcityjazz.pantheonsite.io/wp-admin/post.php?post=1353&action=edit

You can also just overwrite that one unless Artifacts Trio is playing again.

Does that help?

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

I think we're both thinking the same thing - we do also want to have artist pages which will group together events, vids, articles, etc associated with the artist

Touched on that in the other issue #3 (comment)

I'll try to roll that in once I figure out the best WordPress way to do that.

For presenting this years fest I think posting as events is the correct way to go.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

Sorry for the confusion - the Events are a different content type -

https://content-angelcityjazz.pantheonsite.io/wp-admin/edit.php?post_type=tribe_events

You can't add the tribe event blocks to other content types.

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

I can manually convert them real quick and then you can add the date.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

Here's one for you to tweak - I'll unpublish the spotlight page and do the others -
https://content-angelcityjazz.pantheonsite.io/calendar/vardan-miguel-artyom/

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

Ya - that's another theming issue I'll followup on in support. We could also replace the featured image block with a cover image. I'll look into the best option.

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

Yep - I see what you'd like to do when copying over - https://content-angelcityjazz.pantheonsite.io/calendar/yusef-lateef-tribute/

I'll followup on this issue since it's related - https://support.theeventscalendar.com/ticket_qT5qN33LGf9865pK

@roccosomazzi
Copy link

roccosomazzi commented Jul 15, 2020 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

I'm experimenting right now - one sec...

@gusaus
Copy link
Contributor Author

gusaus commented Jul 15, 2020

So I replaced the featured image block with a cover and hid the title
Edit Event ‹ Angel City Jazz — WordPress 2020-07-14 18-25-23

Think this works better?
https://content-angelcityjazz.pantheonsite.io/calendar/yusef-lateef-tribute/

If so, I can swap out the others and then you can refine.

The featured image will still appear in blocks, sidebars, calendars, etc. so we'd also keep those...

@gusaus
Copy link
Contributor Author

gusaus commented Jul 30, 2021

Is this the right one? I cleared out the cache and maybe you can see? I can make full width real quick if that's what you wanna see.
Angel City Jazz 2021-07-30 14-44-44

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 30, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 30, 2021

Looks like you just needed to set the image to full width
Edit Page ‹ Angel City Jazz — WordPress 2021-07-30 14-58-20

https://angelcityjazz.com/staging/5481/

@gusaus
Copy link
Contributor Author

gusaus commented Jul 30, 2021

Here a first pass with a different layout - the listen section is still out of order and I'm not sure one column is too big for one embed. Can also tweak the format for the new post. Let me know what you think and I'll try a few more things later this eve (unless you wanna try).

https://angelcityjazz.com/staging/5481/explorations/

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 31, 2021 via email

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 31, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2021

Hey Rocco - I'm at our place in Maine looking at the site. It looks like the ticket buttons are still close to the venue - I can add some margin w/ CSS if you want.

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2021

...also I was looking on the phone - I think the black titles don't stand out w/ the purple background. Think white would be better. I can change real quick if you'd like.
Angel City Jazz 2021-07-31 17-33-07

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 31, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2021

I moved the ticked buttons down a bit with CSS on the live site - how's it look now?

@gusaus
Copy link
Contributor Author

gusaus commented Jul 31, 2021

You're going to adjust the front page background? What else do you need me to look at or do?

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 31, 2021 via email

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Jul 31, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Aug 1, 2021

Last time I tried they would show up on the mobile but not on the desktop.

I'd recommend we test setting one up on stage so we can troubleshoot.

https://angelcityjazz.com/staging/5481/

@gusaus
Copy link
Contributor Author

gusaus commented Aug 1, 2021

I’ll play around with the background when I’m back home later tonight.

I'd recommend changing the text to white.

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Aug 1, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Aug 1, 2021 via email

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Aug 1, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Aug 1, 2021

Done - I had to adjust with CSS.

I think all the post previews should be the same size. THis goes for the
playlists as well.

Problem is there's an uneven amount of playlists so doesn't look balanced w/ 2 columns. I'll try something else later when I get a chance.

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Aug 1, 2021 via email

@gusaus
Copy link
Contributor Author

gusaus commented Aug 1, 2021 via email

@gusaus gusaus closed this as completed Sep 3, 2021
@gusaus
Copy link
Contributor Author

gusaus commented Apr 15, 2022

@angelcityjazz Following up on the new events here - I played with font colors, size and spacing a bit - how do the events look now?
https://angelcityjazz.com/event/sibarg-ensemble-rajna-swaminathan/
https://angelcityjazz.com/event/dustinwonghec/

The YouTube vids look a bit inconsistent for the last event - would be better if you found two with the same aspect ratio

Other than that, I think they look better?

We also can add back the 'events' menu item so folks could easily access https://angelcityjazz.com/events/

@gusaus gusaus reopened this Apr 15, 2022
@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Apr 15, 2022 via email

@gusaus
Copy link
Contributor Author

gusaus commented Apr 15, 2022

THe formatting is good and the event page works well.

There are certainly improvements I'd still like to make with some of the features/displays (like venue or even artist pages) down the line, but the pages look pretty good now!

Quick question on the topic of events... should we add 'events' back to the main menu so this section will be easily found?
https://angelcityjazz.com/events/

The only reason why we might not is if there were no events to display after these two. Not sure if you have anything upcoming 'before' the festival, but maybe we could actually raise the funds to follow through with some live replays (like we were talking about here #33).

@angelcityjazz
Copy link
Collaborator

angelcityjazz commented Apr 15, 2022 via email

@gusaus
Copy link
Contributor Author

gusaus commented Apr 15, 2022

Done! But I still think it would be good to shoot for mixing in some live replays in-between these events and the fest.

@gusaus gusaus closed this as completed Mar 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
angelcityjazz.com
  
Needs review
Development

No branches or pull requests

3 participants