Custom Tools for Building WordCamp Content

WordCamp.org provides organizers with numerous tools for managing a WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more.. Using the custom plugins and post types, you can administer ticket sales, communicate with attendees, wrangle information on speakers, sponsors, and sessions; even on your organizing team. Then you can display it all on your public site using custom shortcodes and attributes.

When you’re in your admin panel, you’ll see several additional post types available: tickets, speakers, sessions, sponsors, and organizers. It’s important to fill them out for your event, since the collected data might be aggregated and used after your event is over. We even have a way to automatically create a grid schedule on your site! In this article, we’ll cover the basics of using these tools with your chosen theme.

In addition to these tools, if you look under the Posts and Pages screens in the admin panel, you’ll find some stubs for content that frequently appears on WordCamp sites. You can build off of these stubs, or trashTrash Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days. them and start fresh with your own content.

Tickets and Attendees

Most WordCamps sell tickets and manage attendee information via the CampTix pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. Check out our CampTix documentation for detailed instructions on using each of its features.

Top ↑

Third-Party Services

There are various shortcodes you can use to embed data from third-party services on your WordCamp.org site, such as Livestream.com, Google Forms, MailChimp, Campaign Monitor, and many more. Please refer to the Shortcode Embeds page for more information, and if there’s a third-party service that you think we’re missing, let us know at support@wordcamp.org.

Top ↑

Speakers

Your site has a “Call for Speakers” post automatically created with a Draft status. It includes a contact form, and if you publish that post, form submissions will automatically create new Speaker and Session posts with a Draft status. You can then publish the speakers/sessions that you accept, and delete the ones you don’t.

You can also manually create new speaker posts. Use the large title area for the full name of the speaker, and the content area for a short description or speaker bio. You’ll also see fields for “GravatarGravatar Is an acronym for Globally Recognized Avatar. It is the avatar system managed by WordPress.com, and used within the WordPress software. https://gravatar.com/. Email”, and “WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ Username”; make sure you fill them out with the speaker’s e-mail address and username. Also make sure your speakers are published (as opposed to set as drafts, pending, etc), otherwise they will be hidden from the front-end. You can also create Speaker Groups, and add speakers to the different groups.

Top ↑

Sessions

If you use the “Call for Speakers” post mentioned above, form submissions will automatically create new Speaker and Session posts with a Draft status. You can then publish the speakers/sessions that you accept, and delete the ones you don’t.

You can also manually add/edit session posts your speaker’s bios, and session descriptions. Session info can be added in the Document Settings sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. Don’t forget to specify the speaker for each session that you create. If a session is run by more than one speaker, like a panel, you can assign several speakers to it. If you’re running sessions in more than one track, like Users Track vs. Developers Track, make sure you assign the right track to every session. Tracks work the same way Categories do. After the event, you can add links to the slides and video on WordPress.tv, and they’ll be added to the session page.

Top ↑

Sponsors

Your site has a drafted “Call for Sponsors” post, and it works similarly to the Call for Speakers post described above. Form submissions will automatically create new Sponsor posts with a Draft status. You can then publish the sponsors that you accept, and delete the ones you don’t.

When starting with sponsors, make sure you define your sponsor levels first, such as Gold, Silver and Bronze. By default, sponsor levels will be ordered by the level name, but you can set a manual order in Sponsors → Order Sponsor Levels by dragging levels up or down.

When adding a new sponsor, the title is used the sponsor’s name, and the content is used as the sponsor’s description/blurb (keep it short — people should be able to read these quickly!).

Top ↑

Organizers

If you’d like to help attendees get to know the organizing team, you can add a bio for each members in the Organizers menu, and then display that content using the Organizers blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. (found in the WordCamp section).

Top ↑

Volunteers

Your site has a drafted “Call for Volunteers” post, and it works similarly to the Call for Speakers post described above. Form submissions will automatically create new Volunteer posts with a Draft status. You can then publish the volunteers that you accept, and delete the ones you don’t.

You can also manually add/edit volunteers if you choose.

Top ↑

Displaying content

There are a few custom blocks available to show the WordCamp-specific content, and these can be used in posts, pages, and the Site Editor (if you’re using a block theme, like Twenty Twenty-Two or Twenty Twenty-Three). You can add these directly to the content, or start with a block pattern.

Top ↑

Patterns

Find these in the Patterns tab, click “Explore all patterns” to see the modal. This uses your live content to show a preview, so if you don’t have speakers, sessions, etc published yet, it will show “No results found.” There are also headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. & call to action patterns available.

Screenshot of the editor, pattern explorer modal, showing the WordCamp category & pattern previews.

Organizers

  • Organizer grid, centered
  • ​Organizer list with bio

Sessions

  • ​Session list with description
  • ​Session list, centered

Speakers

  • ​Basic speaker grid
  • ​Speaker grid with bio
  • ​Speaker grid, centered
  • ​Basic speaker list
  • ​Speaker list with bio

Sponsors

  • Basic sponsor grid

Header

  • Centered header with menu
  • ​Short header with button

Call to action

  • ​Hero with bottom left content
  • ​Hero with center left content
  • ​Hero with centered content
  • ​Hero with top left content

Top ↑

Query blocks

The patterns above use these blocks to list out the WordCamp content. These are all variations on the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. block, so you can control what’s displayed for each item. For more details, check out the Query Loop documentation.

It’s recommended to use the patterns, but if you want to create your own list, you can insert these blocks.


Organizers List


Sessions List


Speakers List


Sponsors List

They’ll insert with a starter template using theme blocks (see below), but you can add or remove anything, and each block can be styled using block styles.

Top ↑

Site Editor

If you’re using a block theme (Twenty Twenty-Two or Twenty Twenty-Three), you can use the Site Editor to customize your whole site. New sites are also set up with custom templates for each content type (organizers, sessions, speakers, sponsors). These have basic information by default, but can also be fully customized.

Top ↑

Theme blocks

Theme blocks are blocks that replicate template tags from classic themes, like Post Title, Post Author, etc. They can be used in the Site Editor (in block-based themes) to build your site.

There are a few custom WordCamp blocks that you can use for each content type. These display some piece of information, and can also be used in the post type or in a Query block (one of the 4 listed above). They need to be inside the content type they’re referencing — adding a Session Tracks block to a Session will show the tracks, but that block won’t show anything on an Organizer post, for example.

The default theme blocks (Post Title, Post Content, etc) are also supported for all custom content.

All of the following blocks support basic color and spacing controls.

For Organizers

  • AvatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. An image for the organizer, either featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. (if there is one), or the Gravatar attached to their listed user account. It can be square or round, with sizes from 24px to 512px square, and can link to the organizer.
  • Organizer Teams The Teams (taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies.) attached to this organizer.

For Sessions

  • Session Categories The Categories (taxonomy) attached to this session.
  • Session Date & Time The session’s date & time, with options for format. The time is always shown in the site’s timezone.
  • Session Slides A link to the slides URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org.
  • Session Speakers The speakers for this session, optionally linking to their speaker page(s).
  • Session Tracks The Tracks (taxonomy) attached to this session.
  • Session Video A link to the video URL.

For Speakers

  • Avatar An image for the speaker, either featured image (if there is one), or the Gravatar attached to the given email. It can be square or round, with sizes from 24px to 512px square, and can link to the organizer.
  • Speaker Sessions The sessions that this speaker is presenting. Defaults to showing just title, but date, time, and track can be enabled. The title can link to the session.

Top ↑

Schedule

After entering the sessions, you can use the Schedule block to display them in an easy-to-read table, sorted by the track and date/time.

You can also add breaks into the schedule by creating sessions and selecting the “Break, Lunch, etc” type from the Session Info metaboxMetabox A post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way.. Once you assign the break to all of the tracks that it will cover (in the Tracks metabox), it will automatically show up in the schedule.

The Single-Column Layout block style can be useful on camps that have a lot of tracks, or have a narrow layout.

Top ↑

Live Schedule

The Live Schedule block shows the sessions that are currently going on right now. Many camps add it to their homepage during their event, so that attendees can quickly choose which session to attend, without having to look through the full schedule.

Top ↑

YouTube Live Chat

If you’re streaming your sessions on YouTube, the YouTube Live Chat block can be used to embed the corresponding chat, so that you can foster community with people who couldn’t attend in person.

It’s recommended to have someone moderating the chat, in case any trolls try to disrupt it.

Top ↑

Block configuration

The Speakers, Sessions, Sponsors and Organizers blocks all have similar options, so they’re all documented here. Ask in #wordcamp-metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. if anything is unclear.

In the Block Toolbar, you can change between list and grid, and if your theme supports it, you can make the block wide or full-width.

A grid of items can be 2, 3, or 4 columns, this is changed in the sidebar under Grid Layout. If you don’t see a sidebar, click the 3 dots in the toolbar and “Show block settings”

Also in the sidebar, you can control the Avatar (speakers, organizers) or Featured Image (sessions, sponsors) for each item. You can show or hide the image, and control its size and alignment here.

Under Content Settings (still in the sidebar), you can control the content for each item. Try these out yourself, you can see the immediate preview in the editor.

Top ↑

Translation

Some of the text on your site will be output by plugins and themes, and it might not have been translated into your language yet. If you find words that aren’t translated, you can help fix that!

  1. Open the WordCamp project at translate.wordpress.org
  2. Find your locale in the list
  3. Review the Translator Handbook to learn how to translate strings

The translated strings should appear on your site automatically within 24 hours of being approved by an editor. If they don’t, leave a message in the #meta-wordcamp channel on Slack and one of the developers will help.

Top ↑

Miscellaneous

Check out the WordCamp section of the block inserter for all of our custom blocks.

Embed a menu in a post or page with the [menu] shortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site.

[menu menu="Menu Name" menu_class="extra-css-class" depth="1"]

Here is a quiz on this article. Read quizzes page if you have any questions about quizzes and how to navigate them.

Last updated: