Designing & Optimizing Preview Images for Social Media Sharing

ByReid Walley

Three examples of Bitcoin t-shirt “preview” images for when WooCommerce products are shared on social media. Yoast SEO‘s WordPress plugin makes these images easy to attach to each product.

Model t-shirt mockups (with transparent background) generated with Printful‘s Design Maker. Layout using Affinity Designer. Final designs exported from Affinity Designer to JPEG format with Quality set to 100/Progressive. Then, exported JPEGs converted to WebP format using EZGIFcom‘s JPG to WebP converter.

Affinity Designer v2 now has a direct export to WebP (which I need to try out instead of using EZGIF.com).

Share this post:

Share on LinkedIn
Reid Walley June 10 2022

Graphic designer since before the Internet. Started with newspaper paste-up; then art director for advertising agency in Reno, NV; and now freelancer designing marketing materials, print-on-demand t-shirt art, websites, and social media graphics.

Similar Posts

|

The following themes are installed but incomplete. Themes must have a stylesheet and a template.

ByReid Walley

Themes affected: Parent theme: Thematic 0.9.6.2 Child theme: Thematic Feature Site 1.0.1 Error Message: Broken Themes The following themes are installed but incomplete. Themes must have a stylesheet and a template. Process that triggered the above error message: Using Dreamweaver CS3 for Mac was the problem. Using DW to alter the child theme’s style.css file…

| | |

WordPress Tutorial – WP e-Commerce: Setting Shipping Rates

ByReid Walley

Setting a shipping rate that correctly displays in both the shopping cart AND the sidebar Widget! Step 1: WP e-Commerce Admin > Settings > Shipping: In the General Settings section, set Use Shipping to Yes and type ZIP code in the Base Zipcode/Postcode box. Then tick the check-box next to Flat Rate in the Shipping…

|

WordPress Audio Player – PlayPress

ByReid Walley

PlayPress PlayPress is a JavaScript-free, low-Flash audio player plugin for WordPress, fortified with HTML5. Lightweight Some WordPress audio plugins inject JavaScript into every page of your website, even pages that don’t have any audio on them. PlayPress doesn’t need any JavaScript. HTML5 Other plugins rely on Adobe’s displeasing Flash technology. PlayPress can fall back or…

Bitcoin Payments In WooCommerce Store

ByReid Walley

OpenNode allows you to accept Bitcoin payments on your WooCommerce store. From OpenNode’s site: How does OpenNode work with WooCommerce: OpenNode integrates with WooCommerce with a simple plugin that gives any WooCommerce the ability to accept Bitcoin payments. With a no-code integration, any WooCommerce business can accept Bitcoin payments on the Lightning Network using OpenNode….

| |

WP Twenty Eleven – Add Responsive Image Rotator to Header

ByReid Walley

Goal: Rotating images, in WP Twenty Eleven’s child theme header, that are also “responsive” (they shrink to different device sizes): WP Rotator plugin (to add rotating images) Flex Slider for WP Rotator plugin (to make the rotating images “responsive”) – Turns WP Rotator into a fully “responsive” jQuery slider – MUST have WP Rotator installed…

How To Build A Media Site On WordPress (Part 1) – Smashing Magazine

ByReid Walley

In part one, we’re going to setup custom post types and custom taxonomies, without plugins. After that, we’ll build a template to check for and display media attached to custom posts. Then, in part two, we’ll use custom taxonomy templates to organize and relate media (and other types of content). Read Smashing Magazine’s full article: How…

Leave a Reply

Your email address will not be published. Required fields are marked *