I personally like it when my system adjust the color scheme based on what lighting conditions I’m working in because these computer screens have really taken a toll on my eyesight. I set this theme up to support @media (prefers-color-scheme: dark) by including a Sass @mixin in custom.scss and admin.scss. The Dark Mode toggle for […]
Posts
Use this static Page to test the Theme's handling of the Blog Posts Index page. If the site is set to display a static Page on the Front Page, and this Page is set to display the Blog Posts Index, then this text should not appear. The title might, so make sure the theme is not supplying a hard-coded title for the Blog Post Index. And here's a list of posts:
Syntax Highlighter
I added in a syntax highlighter using Rainbow. I only added language support for Shell, SQL, HTML, CSS, PHP, & JavaScript because these are all that’s needed for WordPress. I am fairly persnickety about the color schemes I use in my text editors so I matched the sunburst theme in the colors.scss file. Notes: For whatever […]
dwp-guten v0.4
I dropped the plugin version in favor of the Github development version of Gutenberg. I removed the sup and sub text options from my Gutenberg plugin because they’re now included in the Core. Syncing all functionality between the dwp theme and dwp-guten plugin. In the process of bringing this up to speed, I noticed that […]
Welcome to the Gutenberg Editor
The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around and interact with. Move your cursor around and you’ll notice the different blocks light up with outlines and arrows. Press the […]
Block: Image
Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image Alignment post. The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and […]
Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor will be used. Check to make sure that the text wraps correctly when the button has more than one line of text, and when it is extra long. Buttons have […]
Block: Cover
The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly […]