Photo
- Go to the Plugin Page
- Install It
- Gallery Creator (default gallery creation)
- Gallery Builder (adds ability to add more photos to an existing album)
This week itβs beach time. Starting off the early day (thanks, kids) on the porch with the wife.
Last week, we spent a couple days in Atlanta and caught 2 Braves games.
Our reading and note-taking and calendering and writing and blogging and relaxing nook.
The Maui (specifically Lahaina) news is awful. As someone who has visited a few times (including our honeymoon), it definitely hits hard. A lot of good memories there.
When the hot glue fights back.
A New Plugin for Tiny Theme: Adaptive Photo Layout
When I first created Tiny Theme, I knew I wanted to allow users to create posts with more than a handful of images. While technically possible from day one, the default layout was a simple vertical stack of images. While this is to be expected on mobile devices, it’s less than elegant on larger screens.
The solution comes in the form of the Adaptive Photo Layout plugin for Tiny Theme.
Installation
Usage
To create a gallery, you have to follow a few steps manually. This allows you to only use the adaptive photo layout when you’re sure you need it. Here’s the sample code:
<div class="adaptive_photo_layout">
<ul>
<li><img src="LINK TO IMAGE 1" alt="IMAGE 1 DESCRIPTION" loading="lazy"></li>
<li><img src="LINK TO IMAGE 2" alt="IMAGE 2 DESCRIPTION" loading="lazy"></li>
<li><img src="LINK TO IMAGE 3" alt="IMAGE 3 DESCRIPTION" loading="lazy"></li>
<li><img src="LINK TO IMAGE 4" alt="IMAGE 4 DESCRIPTION" loading="lazy"></li>
<li><img src="LINK TO IMAGE 5" alt="IMAGE 5 DESCRIPTION" loading="lazy"></li>
<li></li>
</ul>
</div>
The last empty <li></li>
is suggested for formatting purposes.
There are no limits to the amount of photos you can use. As long as your code is formatted like the above, it will work. If you’d like, you can even link each image to a standalone version (or to anything else) as well.
Shortcode?
I made the intentional decision to not include a shortcode with this plugin. Shortcodes create longterm lock-in to a plugin. I wanted you to be able to switch themes and plugins in the future without your site breaking or you being required to manually remove every shortcode.
Shortcuts!
Thanks to the excellent work of Jarrod Blundy of HeyDingus.net, this plugin is launching with 2 included Shortcuts for iOS/MacOS.
Both shortcuts require you to validate your Micro.blog account upon initial use. They also give you the opportunity to view and add alt
descriptions to each photo in your album. The results are then added to your clipboard. Easily paste the html
into your new post/page and publish!
Jarrod did an excellent job with these plugins. Checkout his library for more shortcuts. Best of all, you can even hire him to create one for you.
Support Development
Tiny Theme and its plugins are provided free of charge to Micro.blog users. I do not receive payment from Micro.blog in any way. If you’d like to help offset expenses and ensure the future of Tiny and its plugins, please consider supporting its development.
Example
With the Adaptive Photo Layout plugin, you can create albums that look great on desktop and tablet browsers. For this example, I used the iOS shortcut.
Her first time ice skating.
Tinylytics by @vincent has already become a must have for micro.blog users. It’s so simple and useful. Plus, he gives shoutouts to guys like myself and @jimmitchell.
So is it X but also Twitter? Or do they have that worked out yet?
Todayβs front yard view.
Find me on Threads (mattslangford).
July 4th Family Day.
Seems like as good a time as any to do yard work. Here goes nothing. π₯
Wife and kids surprised me with an early Fatherβs Day gift. Itβs a winner!
Today is our 10 year wedding anniversary. From a blind date to countless trips to lots of laughs to 2 perfect kids and everything in between, itβs been an amazing ride. May the next 10 be even better!
Another day with family, baseball, trampolines, and the outdoors.
A little bit of front yard catch for the girls.
A new tree for the yard. Planting in crocs. Being the heavier of the two of us, I ended up doing the digging. To her disappointment.
She could spend her entire lifetime in a backyard garden. It is, without a doubt, something that βsparks joy.β Iβm thinking itβs time to add some more raised beds like sheβs been asking.