未分類 – theme check

Image Alignment Tests: Un-Captioned Images

Center-align, no caption

Center-aligned image with no caption, and text before and after. ALorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

Left-align, no caption

Left-aligned image with no caption, and text before and after. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

Right-align, no caption

Right-aligned image with no caption, and text before and after. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

No alignment, no caption

None-aligned image with no caption, and text before and after. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.

未分類 📎 I

Edge Case: Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

Lists within lists do not break the ordered list numbering order
Your list styles go deep enough.

Ordered -- Unordered -- Ordered

ordered item
ordered item
- unordered
- unordered
  1. ordered item
  2. ordered item
ordered item
ordered item

Ordered -- Unordered -- Unordered

ordered item
ordered item
- unordered
- unordered
  - unordered item
  - unordered item
ordered item
ordered item

Unordered -- Ordered -- Unordered

unordered item
unordered item
1. ordered
2. ordered
  - unordered item
  - unordered item
unordered item
unordered item

Unordered -- Unordered -- Ordered

unordered item
unordered item
- unordered
- unordered
  1. ordered item
  2. ordered item
unordered item
unordered item

This post has no title, but it still must link to the single post view somehow.

This is typically done by placing the permalink on the post date.

未分類 📎 N

How to add typographic fonts to WordPress block themes 2022年11月28日

The easy and compliant way that every theme developer should know. TL;DR: Use the Create Block Theme plugin to bundle fonts in your theme with just a few clicks. WordPress block themes allow you to add fonts to a theme by adding the font file assets to the theme folder and referencing them in the […]

Matias

Block Theme Building Tips 2022年2月28日

When building block themes there is often more than one way to achieve the same thing. It’s often not clear which of these options is preferable. Below I outline some tips and guidelines that I find helpful. The guiding principle here is to remove as much complexity as possible from the theme; instead block themes […]

Ben Dwyer

Create A Blockbase Child Theme 2021年11月17日

We have been working on a plugin to help you create a Blockbase child theme. The idea is that you can use the existing tools to make changes to a Blockbase theme, and then export a bundle of templates and theme.json as a new child theme. I tried to create a new theme called “Typewriter” […]

Ben Dwyer

Universal Themes 2021年10月6日

Since our last post about Universal Themes we have fleshed out this idea and are using it to build all our themes. The Problem WordPress is introducing the Full Site Editor and with it new ways to build themes. These themes are called “Block” themes and integrate deeply with Gutenberg Blocks. These types of themes […]

Ben Dwyer

Resources for block theme development 2021年7月13日

With WordPress 5.8 launching on July 20th, it seems like a great time to round up some resources to help theme authors prepare for the future. By now, you’ve probably heard about block themes and the upcoming future of full site editing. Perhaps you have even begun to explore creating a block theme or adapting […]

Anne McCarthy

Universal Themes: Customization 2021年7月12日

Making Global Styles and the Customizer work together

Ben Dwyer

Theme patterns for the Site Editor 2021年6月25日

Learn how to use Template Part and Query Loop patterns to provide users with more design options.

Kjell Reigstad

Universal themes: Some ideas 2021年6月23日

With the Full Site Editing project well underway, theme developers need to be thinking about what the future holds for themes. Why block themes? To take advantage of the Site Editor, themes need to be built out of blocks – this is why we need block themes. Block themes are an entirely new way of […]

Ben Dwyer

Using Blockbase for a theme experiment 2021年6月7日

A glitchy theme, built with Blockbase.

Kjell Reigstad

Blockbase: A parent theme for block themes 2021年5月27日

Phase 2 of Gutenberg introduces Full Site Editing to WordPress; to make this possible, we need a new way of building themes – using blocks. How do block themes work? Block themes use templates made entirely of blocks. The layout is configured using a combination of theme.json and CSS. The settings in theme.json are used […]

Ben Dwyer

Text

Large image: Hand Coded

Large image: linked in a caption

This image is 960 by 720 pixels. 🙂

Meat!
Hamburger fatback andouille, ball tip bacon t-bone turkey tenderloin. Ball tip shank pig, t-bone turducken prosciutto ground round rump bacon pork chop short loin turkey. Pancetta ball tip salami, hamburger t-bone capicola turkey ham hock pork belly tri-tip. Biltong bresaola tail, shoulder sausage turkey cow pork chop fatback. Turkey pork pig bacon short loin meatloaf, chicken ham hock flank andouille tenderloin shank rump filet mignon. Shoulder frankfurter shankle pancetta. Jowl andouille short ribs swine venison, pork loin pork chop meatball jerky filet mignon shoulder tenderloin chicken pork.
Smile!
😉 🙂 😀
Select Element with long value

theme check

ちゃっと

HTML5 canvas

HTML5 video

HTML5 figcaption

Images Test-2

Image Alignment Tests: Un-Captioned Images

Center-align, no caption

Left-align, no caption

Right-align, no caption

No alignment, no caption

Edge Case: Nested And Mixed Lists

Ordered -- Unordered -- Ordered

Ordered -- Unordered -- Unordered

Unordered -- Ordered -- Unordered

Unordered -- Unordered -- Ordered

Edge Case: No Content

No Title

Post Format link

Post Format Image