‘Custom Theme’ Videos

  • Let’s code: creating custom templates and template parts

    Speaker: Jonathan Bossenger

    October 14, 2022 — WordPress 6.1 will include ways to create custom templates and template parts for your block theme from the Site Editor. These custom templates and template parts are useful when you need to display specific posts or pages using templates that don’t form part of the template hierarchy.

    In this session, we’ll look at both how you can register and create custom templates and template parts from the editor, as well as how to register them in your theme.json file when distributing your new block theme.

    Presentation Slides »

  • Vertical rhythm: efficiency in WordPress theme layout

    WordCamp Kathmandu (काठमाडौँ) 2022Speaker: Ashish Rai

    October 1, 2022 — Learn about the design concept of vertical rhythm. This approach seeks to create asymmetrical balance between the vertical lines in design typography.

    Gain insight for choosing a proper font size, line-height, and margin/padding to balance layouts. Find out how a simple trick and a tiny bit of math has a significant impact on design aesthetics.

  • Let’s code: creating your primary templates in the Editor

    Speaker: Jonathan Bossenger

    September 30, 2022 — WordPress theme development follows the WordPress template hierarchy, which determines which templates are used depending on the content being rendered.

    Fortunately for the new block theme developer, the Site Editor allows you to create all the primary templates you might need, right from your WordPress install.

    In this session, we’ll start with a quick review of the WordPress template hierarchy. Then we’ll create a blank block theme, using the Create Block Theme plugin, apply some ready-made default styles via theme.json, and create all the primary templates a WordPress theme would need.

    Presentation Slides »

  • Using Create Block Theme

    Speakers: Jonathan Bossenger, Thelma Mutete

    August 17, 2022 — Block themes represent an existing shift in how WordPress themes are developed. It’s now possible to create an entirely new WordPress theme in the Site Editor and export it to be used wherever you need it.

    In this session, we’ll be looking at a new WordPress plugin called Create Block Theme, that allows to you export your newly designed theme over your existing theme, as a new custom theme, or even as a child theme.

    Presentation Slides »

  • Damon Cook: Block Theme Builders – Design with Figma

    Speakers: Sarah Snow, Damon Cook

    August 10, 2022 — Are you a theme builder looking to transition to the new era of block themes? Or maybe you’re new to Figma and curious about how you might go from zero to hero with your block theme design? Join us!

    Some areas we’ll explore:

    A brief overview of Figma and why you might use it.
    Use the WordPress.org Figma community’s Theme Template file to kickstart your block theme design.
    Discuss considerations for block theme designs and best practices.
    In this workshop, we will work exclusively in Figma. However, there will likely be a follow-up workshop where we convert our Figma Block Theme prototype into the workings of a Block Theme. Stay tuned.

    We’ll leave ample time for questions and discussions. I hope to see your smiling faces!

    Presentation Slides »

  • Builder basics: let’s build a custom theme (no coding required) – part 2

    Speaker: Nick Diego

    August 2, 2022 — Welcome to Part 2 where we will revisit building a custom WordPress theme without the need for any coding. This workshop will follow the previous session with more time for questions. We will also explore the new Create Block Theme plugin.

    During the session, we will take the Twenty Twenty-Two theme and fully customize it using the Site Editor and Global Styles. This will include template changes, updates to the theme color palette, layout, and more. You will then learn how to export these changes into a complete custom theme. While this functionality is still under development, it’s incredible how close we are to low-code/no-code theme development in WordPress!

  • Builder basics: let’s build a custom theme (no coding required) – part 1

    Speaker: Nick Diego

    June 16, 2022 — WordPress 6.0 “Arturo” was just released, and with it came many enhancements to the Site Editor and other Full Site Editing Features. One of the most exciting is the ability to export a complete theme from the Site Editor.

    In this Social Learning Space, we will take the Twenty Twenty-Two theme and fully customize it using the Site Editor and Global Styles. This will include template changes, updates to the theme color palette, layout, and more. You will then learn how to export these changes into a complete custom theme. While this functionality is still under development, it’s incredible how close we are to low-code/no-code theme development in WordPress!

  • Modifica y crea temas de WordPress

    Meetup WordPress OurenseSpeaker: Juan Hernando

    February 6, 2018 — Qué es un tema de WordPress? ¿Dónde conseguir uno? ¿Cómo modificarlo? ¿Qué es el personalizador? ¿Qué es un tema hijo? ¿Cómo utilizar Underscores? ¿Y crear un tema desde cero? ¿Qué es Gutenberg? Todas estas preguntas y alguna más en esta charla sobre temas para todos los niveles.

    Presentation Slides »

  • Panel Discussion: How Do You Build a Custom Theme?

    WordCamp London 2017Speakers: Jonny Allbut, Sue Fernandes, Afzaal, Sami Keijonen

    June 2, 2017 — Panne discussion is on ‘How do you Build a Custom Theme?’
    It was short (2-3 minute) talk from each panel member on their chosen preferred development model, followed by an open discussion with the audience of QandA’s on building custom themes.

  • Linn Øyen Farley: Don’t Fear the Custom Theme – How to Build a Custom WordPress Theme With Only Four Files

    WordCamp Montreal 2016Speaker: Linn Oyen Farley

    December 2, 2016 — Commercial WordPress themes have to be ready to handle thousands of use-cases, but your custom theme doesn’t. Reducing a theme to its essential components – index.php, style.css, and functions.php (plus screenshot.png) – gets your design into the browser as quickly as possible and allows for rapid prototyping based on client feedback. It’s also an easy way for beginners to start developing with WordPress, without getting lost in dozens of files.

    Presentation Slides »