It's a month later than I would have liked, but at long last an update on project Cantaloupe which is full steam ahead on development. What's it like to build and use a design system at the same time? In Part 1, we talk workflow, CSS utilities, and houses of cards.
The WordPress admin bar mixed with a fixed menu can be an annoyance. Here's an imperfect CSS algorithm that uses a couple of custom properties to help with that!
My 2017 Year In Review post ended up morphing into a longer article, so for now, here are some goals and plans for 2018. They can be boiled down to WordPress, Computer Science studies, and writing.
I have a new project coming up that is the perfect opportunity to refine my WordPress process. Building the site as a "headless CMS" and finally digging into React was at the top of my mind, but after some research, I've decided the head will stay on.
Adjusting to life in LA has taken a lot longer and a lot more work than I anticipated. I find myself re-discovering my work and learning habits, but I'm finally starting to feel back in the game after my break earlier this year. Here are a few things I'm particularly excited about.
Of all the talks I've given, the "The Five-Figure WordPress Website" is my favorite. It's a thorough look at the process I use to make WordPress websites in my freelance practice, and I'm really happy to share the process it's taken me many years to fine tune. With that in mind, here are a bunch of resources that I've found particularly helpful over the years and hopefully you will too!
If I had a nickel for every time I heard this question: "I want to make a website, but I know nothing about websites. Should I use Squarespace or WordPress? Something else?" In reality I'd have less than a dollar, but I hear it enough that it's time to write a serious post answering the question.
In the coding classes I’ve taught (which, for the record, have been part-time, not bootcamps) students’ intentions are often to make their own websites, work on existing ones, or to incorporate web development into a freelance practice. Regarding bootcamps, I’ve met several graduates who began their careers with freelancing, where […]
Although Timber ultimately simplifies templating in WordPress, there’s a bit of a barrier to entry. If you haven’t worked in a templating language before, it takes some time to get a handle on what’s possible. The following are some introductory Twig concepts and snippets I’ve found particularly useful when working with Timber and Advanced Custom Fields.
A recap of my talk "Sassy WordPress" along with some updates I'll add should I give the talk again.
I found the Twig documentation for using key value pairs from PHP arrays a little sparse, so thought I’d elaborate.
I’m excited to officially announce the launch of MTNmeister.com. It was really fun to build, thanks to my new favorite pair of things in the world: Timber with Advanced Custom Fields. I’d like to share some highlights of my process, and maybe even convince you to try out Timber on your next project.
Calling all website-less visual artists! You’ve been putting your website off for a while now, right? Come to this two session workshop and leave with a fully functioning portfolio site. We will create websites using WordPress and the theme WPFolio. The workshop will be limited to 4 people […]
I’m constantly reading about workflows and new tools, and don’t really get a chance to use them until something fresh comes around (or if I make an extra 5 hrs to try them out). Anyhow, I’ve got some WordPress in the works and wanted to share these excellent finds.
UPDATE: Just use Justin Tadlock’s Cleaner Gallery plugin. I am in the midst of rewriting my WP theme WPFolio Two. I wanted to make the gallery thumbnail images a flexible width rather than their default fixed width. To do this, I gave the attachment images themselves […]
Why haven’t I encountered/thought of this before?! If you noticed earlier, this site and the WPF2 demo site where giving off some 404s…embarrassing but oh well. Planning to write a post about all of that later. Anyways, maintenance mode is a setting you can turn on to let viewers know […]
I recently added 270x270px gallery and post thumbnails to WPFolio Two. They look damn nice in columns of three in the portfolio categories. While working on this, I found that WP's thumbnail/image attachment functions are not so well documented, so I wanted to be sure to share what I figured out. Here I'll go over the code to change the thumbnail size with add_image_size, then grab a post's first attachment and turn that into the thumbnail, and finally filter the gallery shortcode to change gallery thumbnail sizes.
NOTE : this is a relatively verbose tutorial, so you can just download the code here if you like.
First download the Regenerate Thumbnails plugin. Run it whenever you want to see your changes, mainly when you are wondering why the thumbnails are not being cropped.
Everything goes in functions.php. First, you'll need to add theme support for thumbnails, set the thumbnail size, and add a custom image size for the generated thumbnails. That happens like this:
WP generates a special URL for resized post thumbnail images, for example, the URL of a 150 x 150 thumbnail of myimage.jpg would be ../wp-content/uploads/2011/09/myimage-150x150.jpg. This can be changes in Settings/Media. The function add_image_size('wpf-thumb', 270, 270, true), essentially does the same thing, but is adding a new image size called 'wpf-thumb' rather than changing the 'Thumbnail' size. The 'true' sets cropping mode to true. If false, your images will retain their original proportions i.e. will not be even squares. Later, we will apply 'wpf-thumb' to an image url for the post thumbnails created from attachments.