Answers.Body: <p>The recommended way to do this is with SearchKit.</p>
  <p>Here is documentation about how to create an Upcoming Events list using SearchKit:
  <a href="https://docs.civicrm.org/user/en/latest/searching/searchkit/example-upcoming-events/" rel="nofollow noreferrer">https://docs.civicrm.org/user/en/latest/searching/searchkit/example-upcoming-events/</a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T03:47:36.730Z
Answers.Text: Thank you -- I've got this setup and showing on the front end -- Added image of how it looks.  
  
  Just two things still off --it seems that marking 'New Line' did not force items to a new line.  Also, I'd love to have a bit more space or a horizontal rule between events.  It appears I can uploads a code file, but that seems extreme for a Line break or a horizontal rule...
Answers.UserDisplayName: Ben
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T09:14:01.880Z
Answers.Text: The "New Line" option definitely should force a line-break unless something in your theme prevents it. Try enabling that option for every field.
  To add a tag like `<hr>` you can use the "rewrite" option + "allow html" option.
Answers.UserDisplayName: Coleman
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T16:55:52.797Z
Answers.Text: The new line is definitely not applying correctly. I have it marked for every line. 
  
  Additionally, selecting allow html and rewrite text to incorporate html did not seem to make and difference.  I tried <hr), <br> and <p></p>.   It seems to preview ok (except <hr>) but doesn’t show on the front end that way.
Answers.UserDisplayName: Ben
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T18:41:58.667Z
Answers.Text: Ok -- So after some more testing, if I use the URL created in FormBuilder Page Route, is shows the included HTML correctly.  If its dropped by short code directly into the content a WP page (in either Glutenberg blocks or the classic editor) it does not.  This was using the default WP 2024 theme.
Answers.UserDisplayName: Ben
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T21:17:16.137Z
Answers.Text: Well I can't see your site, but I'm guessing the shortcode outputs the correct markup but it isn't styled well by your frontend theme.
Answers.UserDisplayName: Coleman
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T01:12:15.773Z
Answers.LastActivityDate: 2024-03-11T01:12:15.773Z
Answers.UserDisplayName: Coleman
Answers.Body: <p>an alternative is to use the Event Organiser WP extension with its companion EO CiviCRM from Christian Wach like here <a href="https://smc-cse.fr/petit-dejeuner-thematiques/" rel="nofollow noreferrer">https://smc-cse.fr/petit-dejeuner-thematiques/</a> (dynamic content that might be empty sometimes). It depends on your goal and the way you want to expose your upcoming events. It needs a bit of theming but we've been using it since years and are very happy.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-03-11T07:10:20.940Z
Answers.LastActivityDate: 2024-03-11T07:10:20.940Z
Answers.UserDisplayName: Guillaume Sorel
Body: <p>Sorry for the noob question, but using Wordpress 6.4.3 &amp; CiviEvent (5.67.2), how do you show an up-to-date list of upcomming events within wordpress?</p>
  <p>I see how I could include the event shortcode into a specific page (I presume to have a pretty url), and also the generated event link with the example.org/civicrm/event/info/... url.  I also see a way to download an ics file, exporting existing events, but this doesn't allow pulling new events.</p>
  <p>If there were a ical url, I could at least sync that with a google calendar and then show that on the webpage.</p>
  <p>Edit-- Thanks, Coleman! Below is an image of event list on front end-- highlighting 2 formatting issues still a bit off:
  <a href="https://i.sstatic.net/IjIyB.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/IjIyB.png" alt="Image of event list on front end-- highlighting issue still a bit off" /></a></p>
  
Tags: <wordpress><civievent>
Title: Event List in WP
ThreadText: # Event List in WP
  
  (Asked by: username_0 on 2024-03-11)
  
  Sorry for the noob question, but using Wordpress 6.4.3 & CiviEvent (5.67.2), how do you show an up-to-date list of upcomming events within wordpress?
  
  I see how I could include the event shortcode into a specific page (I presume to have a pretty url), and also the generated event link with the example.org/civicrm/event/info/... url. I also see a way to download an ics file, exporting existing events, but this doesn't allow pulling new events.
  
  If there were a ical url, I could at least sync that with a google calendar and then show that on the webpage.
  
  Edit-- Thanks, username_1! Below is an image of event list on front end-- highlighting 2 formatting issues still a bit off:
  [![Image of event list on front end-- highlighting issue still a bit off](https://i.sstatic.net/IjIyB.png)](https://i.sstatic.net/IjIyB.png)
  
  **Tags:** wordpress, civievent
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_1 on 2024-03-11. Score: 2 | Accepted answer
  
  The recommended way to do this is with SearchKit.
  
  Here is documentation about how to create an Upcoming Events list using SearchKit:
  <https://docs.civicrm.org/user/en/latest/searching/searchkit/example-upcoming-events/>
  
  > **Comments:**
  > **username_0**: Thank you -- I've got this setup and showing on the front end -- Added image of how it looks.    Just two things still off --it seems that marking 'New Line' did not force items to a new line.  Also, I'd love to have a bit more space or a horizontal rule between events.  It appears I can uploads a code file, but that seems extreme for a Line break or a horizontal rule...  
  > **username_1**: The "New Line" option definitely should force a line-break unless something in your theme prevents it. Try enabling that option for every field. To add a tag like `<hr>` you can use the "rewrite" option + "allow html" option.  
  > **username_0**: The new line is definitely not applying correctly. I have it marked for every line.   Additionally, selecting allow html and rewrite text to incorporate html did not seem to make and difference.  I tried <hr), <br> and <p></p>.   It seems to preview ok (except <hr>) but doesn’t show on the front end that way.  
  > **username_0**: Ok -- So after some more testing, if I use the URL created in FormBuilder Page Route, is shows the included HTML correctly.  If its dropped by short code directly into the content a WP page (in either Glutenberg blocks or the classic editor) it does not.  This was using the default WP 2024 theme.  
  > **username_1**: Well I can't see your site, but I'm guessing the shortcode outputs the correct markup but it isn't styled well by your frontend theme.  
  
  ---
  
  ### Answer by username_2 on 2024-03-11. Score: 1
  
  an alternative is to use the Event Organiser WP extension with its companion EO CiviCRM from Christian Wach like here <https://smc-cse.fr/petit-dejeuner-thematiques/> (dynamic content that might be empty sometimes). It depends on your goal and the way you want to expose your upcoming events. It needs a bit of theming but we've been using it since years and are very happy.
  
  
  ---
  
  