EDITS.WS

Category: torquemag.io

  • Plugin Madness 2023 Nominations Open

    Tie up your Jordans, put on your compression sleeve, and stretch out your hamstrings because it is time for Plugin Madness.

    Plugin Madness 2023 logo.

    Now in its eighth year, this bracket-style competition pits the best 64 WordPress plugins against each other to find the very best one.

    But first, we need you!

    To find our contenders we’re turning to the experts, the WordPress community, for Plugin Madness nominations. We want to find the hidden gems. Tell us about the plugins that solve an annoying problem, that make life easier, or that just work really well. Plugins will be sorted into four categories; Marketing, Optimization, Maintenance, and eCommerce.

    Nominations will be open from February 6 – February 15. 

    Our referees insist that all nominees must be:

    Plugin Madness 2023 Nominations

    Nominate your favorite WordPress plugins here!

    • Your email address will not be sold or used for commercial purposes.

    After you send in your nominations, don’t forget to come back every week to vote. Voting kicks off February 27, and we’ll see who can score more than Kareem Abdul Jabar. Practice your free throws before a new game begins every Monday morning.

    The schedule is as follows:

    Week 1 (64): Feb 27

    Week 2 (32) March 6

    Week 3 (16): March 13

    Week 4 (8): March 20

    Week 5 (4): March 27

    Week 6 (2): April 3

    Week 7 (Winner announced): April 10

    This year is going to be even bigger and better than ever and your nominations are going to make it a slam dunk. We can’t wait to see who makes the threes and who fouls out.

    Swoosh! 

    The post Plugin Madness 2023 Nominations Open appeared first on Torque.

  • How to Use Mastodon: A Step-by-Step Beginner’s Guide (2023)

    Since the acquisition and continued dismantling of Twitter by a certain billionaire, an increasing number of people are interested in learning how to use Mastodon, one of Twitter’s more popular competitors.

    How popular?

    Well, the news recently dropped that Twitter now officially blocks links to Mastodon (and other social platforms) and flags them as malware. So, if Twitter’s new owner takes Mastodon seriously, maybe the rest of us should as well?

    All snark aside, after users started quitting Twitter in droves and looking for a new home, Mastodon is one of the biggest winners of this exodus. If, like me, you don’t yet know much about this alternative social network other than its name, this is the right post for you. In this beginner’s guide to Mastodon, we will cover everything you need to know to decide whether it’s worth switching to and how to do it.

    What is Mastodon?

    how to use mastodon

    So, what is Mastodon? The short answer to that question is that it is an open-source, decentralized microblogging platform that lets its users communicate with each other in a fashion similar to Twitter. Founded in 2016 by Eugen Rochko, the platforms has seen a huge surge in popularity in recent months.

    mastodon popularity on google trends

    To better understand it, let’s clear up two of the terms above first:

    • Open source — If you are working in the WordPress sphere, you should already be familiar with this. It means that Mastodon does not belong to any one company but is produced by volunteers to make it available for free.
    • Decentralized — In contrast to most established social networks, Mastodon is not one monolithic provider. Instead, similar to WordPress, the software allows anyone to host their own installation of it. Users can sign up at each node and use the entire network. Therefore, Mastodon is less one cohesive platform as more a collection of servers that all have the ability to talk to each other. This type of decentralization is one of the main ideas behind web3.

    What Can You Do With Mastodon?

    Mastodon is very similar to other microblogging platforms. In fact, it comes across as a bit of a combination of Twitter and Tumblr.

    first look

    You can post content and share what others have published (called reblogging or boosting instead of retweeting). There are hashtags and lists, you are able to add GIFs, images, and videos to your posts, and do everything else you have come to expect from social networks.

    You can also edit your posts out of the box, something that Twitter users waited a long time for. In addition, verification is easy, you simply need to add a special link to a website that belongs to you (more on that below).

    Another way the platform differs from other social networks is in the topic of content moderation. Because Mastodon operates decentralized, it doesn’t have network-wide content rules. Instead, each server has their own policy that is enforced by the users who are running it. They also decide which other servers you can communicate with.

    How to Sign Up to Mastodon

    Because of how Mastodon works, you can’t just create a username and start publishing, you first need to find a server (called instance in Mastodon parlance) for yourself first. That server will also be part of your username.

    However, don’t worry, you are not limiting yourself to your original instance. No matter which you use to sign up to Mastodon, you can always talk to users on other servers as well.

    1. Find a Server

    Alright, so your first step is to look for a server you want to join. You can find a list of available instances here. The page will also ask you for some initial information (language preference, whether you’d like a big or small instance, moderation rules) in order to give you relevant recommendations.

    mastodon instances questionnaire

    Pro tip: Use the Advanced mode. It allows you to sort instances by number of users and more.

    instances advanced view

    If you are unsure which one to pick, here are some tips:

    • Find your old audience — Use Debirdify to find where members of your existing Twitter audience hang out on Mastodon. That way, you can move to where there are already familiar faces.
    • Check the most active instancesThis list shows what servers are most active, so you can be sure that there is an actual conversation going on that you want to join.

    When picking an instance, it’s important to note that, since the Twitter exodus started, many of the more popular servers have been overrun and are currently not accepting new members. Therefore, it might be better to join a smaller instance for the moment.

    As mentioned, that does not limit you to only the members of that server. Also, you can always move to another server if you don’t like the one you joined initially. At the same time, make sure to read the rules of your instance beforehand so you don’t violate them and get banned.

    2. Join Your Chosen Instance

    Once you have figured out which instance you would like to become a part of and that it is currently accepting members, it’s time to hit the Create account button.

    create mastodon account

    After a list of your server’s policies, you should eventually land on the sign-up form.

    sign up form

    Input the required information. The fields are pretty self-explanatory. For the username, it makes sense to use the same as your other social handles if it is available. Agree to the privacy policy and hit Sign up.

    Mastodon will send you a message to verify your email address. Click the verification link and you are done. Congratulations, you have successfully signed up to Mastodon!

    As already mentioned, your handle always consists of both your username and server, e.g. @username@mastodon.social. So, be sure to remember which instance you joined. You also need the full name to sign in to Mastodon from another browser or app. It only changes when you move servers.

    3. Complete Your Profile

    Like other social platforms, Mastodon gives you many different ways to share more information about yourself. You can do so using the Edit profile link in the upper left corner or when viewing your profile while logged in.

    edit mastodon profile

    You can edit your display name, add a bio, as well as change your header and profile picture (called Avatar here).

    mastodon profile settings

    You also have the possibility to make selections for your findability and follows, e.g. whether you want to manually approve follow requests, make your account discoverable for others, or hide who you follow or who follows you.

    In addition, you can put additional metainformation to your profile using labels and content.

    add metadata to profile

    This is perfect for things like adding your website address or other Internet presences you think your visitors and followers should know about. Finally, there is an example link if you want to verify your Mastodon profile through your website.

    You might also want to check out the menu item Featured hashtags.

    featured hashtags menu

    Here, you are able to input some hashtags that you use a lot. They will appear clickable on your profile and show visitors your public posts under that tag.

    4. Learn How to Use the Mastodon Interface

    Once your account has been established and you are logged in, you land on the main Mastodon interface.

    mastodon user interface

    It should look somewhat familiar and a lot of it is self-explanatory but let’s still go over it step by step.

    Search Field, Profile, and Post Field

    In the top-left corner you find the aforementioned search field. Here, you can enter hashtags, usernames (including the instance name!) and look for users or posts by URL. Below that, there is a link to your profile and one to edit it.

    search bar profile links editor

    More importantly, you find the input field to create your posts. Simply start typing. There is a character counter (the number of available characters depends on your instance) and icon to add emojis in the upper right corner. In the bottom bar, you find options to add an image, change your privacy settings, add a content warning, or change the language. You can also mark media as sensitive and add an ALT description for visually impaired users.

    Mastodon can even detect text from an image and automatically add it as a description (up to 1500 characters). The big Publish! button sends your message out to the world.

    Main Feed

    In the middle of the screen on your homepage you, of course, find the main feed. Here, you see posts from people you follow with the option to reply to, boost, favorite, or bookmark them at the bottom. You can also click the three-dot icon for more options.

    mastodon main feed

    At top of the feed there is a loudspeaker icon for announcements from your server and some filter options to enable or disable boosts and replies to appear in your feed.

    Mastodon’s Main Menu

    mastodon main menu

    On the right, you have the main menu. This, too, should look relatively familiar. Here is what you find unter the different menu items:

    • Home — The link to your Mastodon homepage.
    • Notifications — Here, you learn about new follows, mentions, and other things happening with your profile.
    • Explore — Posts, hashtags, and news that are trending across the Mastodon universe as well as recommended profiles for you. Note that you can also find trending hashtags at the bottom right of the screen.
    • Local — The most recent posts of the instance you are on.
    • Federated — A live feed of posts being published in the Mastodon network.
    • Direct messages — Here, you take care of your direct messages. Side note: It’s easy to mistake private and public messages when composing, so be mindful about that. PMs are also not encrypted and visible to server admins, therefore, they are not suitable for sensitive information or business dealings.
    • Favourites — A list of posts you have favorited.
    • Bookmarks — Posts that you have bookmarked.
    • Lists — Gives you the ability to set up lists and add accounts to them to create custom feeds.

    Pro tip: For even more options, go to the Preferences menu and tick the box where it says Enable advanced web interface.

    enable mastodon advanced web interface

    This changes the interface to something very reminiscent of Tweetdeck, which I am quite partial to.

    mastodon advanced web interface view

    5. Find Your Friends and People to Follow

    Of course, what makes social networks most exciting and useful are the people you are connected to. So, if you miss all the friends you made along the way on Twitter, you probably want to see if you can reconnect to them on Mastodon. You have several options for that:

    • Manually — If you know the handles of people that you are interested in, you can simply use the Mastodon search function. Type in their name or username and follow them from the results list.
    • Using tools — Use the aforementioned Debirdify or Fedifinder to find people you follow on Twitter or that you have added to a list, then connect with them all at once. In addition, check the hashtag #TwitterMigration and filter it using “People you Follow”.

    6. Start Posting

    Now that you’ve got your bearings, you can properly start posting on Mastodon. Your first post can be a bit of background information on you, your interests, business or what else makes you tick. Post it, then pin it to the top of your feed. That way, visitors can get a good introduction to you and what to expect if they want to follow you.

    pinned post on mastodon profile

    Aside from that, do the same stuff that you do on Twitter. Share your thoughts and links, add hashtags and images, and engage with others.

    Side note: Since Mastodon has seen growth only recently, it is not part of any of the social media scheduling tools yet. However, the program has a native scheduler that you can use to create posts in advance and have them go out at a later time.

    mastodon scheduler

    7. Check Your Preferences

    You find the preferences under a menu item of the same name.

    mastodon settings

    It’s generally a good idea to go through them as there is a lot to discover, such as:

    • Accessibility settings, such as slowing down animations
    • What events you get e-mail notifications for
    • Filter which languages you want to see content in
    • Move your account to another server
    • Filter and manage your followers and people you follow
    • Settings to hide certain content
    • Enable automatic post deletion
    • Set up two-factor authentication

    Again, have a look for yourself, there is more to discover.

    Are You Planning to Move to Mastodon?

    Twitter alternatives are clearly having a moment. The mismanagement over at the original platform leads to lots of users looking for a new home and Mastodon is one that can quickly feel familiar. It’s free, open source, and quite easy to use. While some things, like its decenetralized nature, take some getting used to, the overall functionality is very similar to what you are used to from Twitter.

    So, should you make the complete jump over to Mastodon?

    That’s a bit up to you. Twitter is not going anywhere for the foreseeable future. It’s up to you if you want to use Mastodon as a replacement or addendum to your existing presence. Whatever you decide, be sure to look me up! I’d love to connect.

    Did you sign up to Mastodon and would like to share your experience and tips? Please do so in the comments below!

    The post How to Use Mastodon: A Step-by-Step Beginner’s Guide (2023) appeared first on Torque.

  • A Complete Guide to eCommerce Analytics

    With over 905 billion in online sales in 2022, it’s clear that eCommerce is the new norm. If you’ve launched a website for your store, you’re already on the right track. However, finding the right eCommerce strategies for your business can be tricky, and it can be challenging to secure a steady flow of customers.

    Fortunately, when you leverage information gained from eCommerce analytics, you can refine your strategy to maximize your profits. You can learn a lot from just a few simple data points, from tracking cart abandonment to successful conversions.

    In this guide, we’ll introduce you to the basics of eCommerce analytics. Then, we’ll share eight key metrics to track and show you a few of the best tools for the job. Let’s dive right in!

    An Introduction to eCommerce Analytics (And The Benefits of Tracking Them)

    In a nutshell, ‘analytics’ involves collecting and then assessing data for a specific purpose. Typically, this is done using advanced online software. However, some metrics can be determined by completing simple calculations.

    When it comes to eCommerce, the goal is to use insights gained from this data to continuously improve your marketing and sales strategies. Here are a few potential benefits you can gain when tracking eCommerce analytics:

    In order to meet certain goals, online companies usually decide on a specific set of metrics to track. Each one can illuminate something different about customer behavior, web page performance, sales, and more.

    8 Key eCommerce Analytics Metrics to Follow

    Now that you know a bit about the benefits of tracking eCommerce analytics, we’re going to introduce you to eight key metrics you can follow!

    1. Customer Acquisition Cost (CAC)

    Customer Acquisition Cost (CAC) is one of the simplest metrics you can track. Yet it’s highly useful.

    As the name suggests, CAC tells you how much it costs to land a new customer. It’s fairly simple to calculate this metric, as long as you know how much you’re spending on marketing and how many new customers you earn.

    For example, you can start with your monthly marketing budget and divide that number by how many new customers you attract each month. This will give you your CAC.

    You’ll want to keep your customer acquisition cost as low as possible, in order to optimize your business model. It’s a good idea to check this metric periodically to ensure that it’s staying at a sustainable rate.

    2. Sales Conversion Rates

    One of the most important eCommerce metrics you can track is your sales conversion rates. You can calculate this by taking your total number of sales conversions, and dividing it by the amount of visitors who had the opportunity to complete that conversion.

    Here’s an example. Let’s say you’re tracking the sales of a new product. Within the first month, you find that 100 people viewed the product page. There were also 30 sales for that specific item. This would make your sales conversion rate 30 percent.

    One common way eCommerce software keeps tabs on sales is by automatically inserting tracking code in confirmation or thank you pages:

    Thank you page for an eCommerce order at Target.com.

    While sales are perhaps the most significant conversion metric to follow, there are certainly others. For instance, you can track how many people are signing up for your newsletter, downloading a free digital product, or even joining your loyalty program.

    3. Cart Abandonment

    Cart abandonment is one of the biggest issues in nearly every online industry. From fashion to car rentals, shoppers often leave items in their carts repurchased.

    There are many reasons for cart abandonment, but high shipping costs and a lengthy checkout process are at the top of the list. Furthermore, cart abandonment is especially common among mobile users.

    Abandoned cart email reminder.

    If you track this metric and discover it’s an issue in your online store, you can make an effort to reduce cart abandoment. You might try some of the following tactics:

    If you can optimize the checkout process so it has a straightforward design and minimal requirements, you’re likely to land more sales.

    4. Average Order Value (AOV)

    Average order vale (AOV) illustrates the average dollar amount that users are spending on each order. Again, you can calculate this using simple division. You’ll need to know your total profit and your total number of orders.

    Ideally, you’ll want your AOV to be as high as possible. However, it’s not uncommon for users to buy just a few products, especially if they are new to your store.

    If your shop has a low AOV, here are some strategies you can use to encourage larger orders:

    • Implement upselling/cross-selling
    • Offer free shipping on large orders
    • Provide discounts

    Upselling and cross-selling can be particularly effective ways to increase your AOV. You can do this by advertising similar, complementary, or superior items on your product pages:

    An example of cross-selling with a 'Complete the Look' section.

    These are typically displayed in sidebars or at the bottom of the page, under a heading like “Complete the Look” or “Frequently Bought Together.” If you’d like to try out this tactic in your WordPress store, you can use a plugin like WPC Frequently Bought Together for WooCommerce.

    5. Repeat Customers

    Repeat customers are shoppers who return to your store for additional purchases. This is another key metric to follow.

    You’ll want to encourage repeat buyers as much as possible. However, with so much competition, it can be difficult to retain eCommerce customers.

    One great way to gain repeat purchases is with a loyalty program:

    Madwell loyalty program sign up.

    You’ll want to provide users with significant rewards. This way, they are incentivized to come back time and time again.

    6. Bounce Rate and Time On Page

    It’s crucial to know how users are interacting with your website and its individual pages. Therefore, two of the most useful metrics you can track are bounce rate and time on page. ‘Bounce rate’ is the number of users who land on your website and leave without clicking through to another page on your site.

    Meanwhile, ‘time on page’ refers to how long users are spending on your web pages. When you first launch an eCommerce site, it’s not uncommon to have a high bounce rate and low time on page, but you’ll want to make every effort to combat this.

    Improving page loading times and overall site performance is key when it comes to reducing your bounce rate. Additionally, prioritizing the user experience is vital to increase time on page.

    Here are some other tactics you can try to improve both of these metrics:

    • Improve your internal linking
    • Install a plugin that targets website performance
    • Enhance your navigation menus
    • Add a search bar on every page

    Each of these strategies will make it easier for users to navigate around your site seamlessly.

    7. Click-Through Rate (CTR)

    In Pay Per Click (PPC) marketing, you can pay to have your advertisements featured on certain pages. With Search Engine Marketing (SEM), you can pay or ‘bid’ on certain search terms. Depending on your bid, the relevancy of your content, and your page’s overall quality, your content can get boosted to the top of relevant search results.

    Meanwhile, organic search results display web pages based on algorithms designed to provide users with the most relevant content – no payment required:

    Google organic search results

    In all of these scenarios, Click-Through Rate (CTR) refers to the percentage of ‘impressions’ (or views) that result in a click. Therefore, you’ll want your CTR to be as high as possible.

    With both classic PPC advertising and organic marketing, you can improve your CTRs by creating concise headlines and useful meta descriptions. It’s also smart to do some keyword research so you can target terms your audience is already looking for.

    8. Audience Demographics

    Last but not least, audience demographics can be extremely helpful when it comes to eCommerce analytics. Here are some data points you may want to track:

    • Type of device
    • Location
    • Age
    • Income level

    You can use sign-up forms to collect some of this information from new users. Alternatively, you can create a survey to learn more about pre-existing customers.

    This data can help you better understand your target audience. This way, you can shape your content marketing strategies, prices, and page designs around their specific needs.

    How to Track eCommerce Analytics

    Now that you’re familiar with some of the most important eCommerce metrics, you’ll need to know how to track them. As we mentioned earlier, you can calculate some eCommerce analytics metrics manually. However, this can be tedious and time-consuming.

    Fortunately, there are plenty of analytical and marketing tools that can automatically track and calculate many eCommerce metrics for you. You’ll want to thoroughly research them to determine which is best for your business.

    If you’re not sure where to start, Semrush and Google Analytics are two of the most popular and reliable tools you can use:

    Google Analytics

    Both are user-friendly and straightforward. Plus, they both integrate seamlessly with WordPress.

    Conclusion

    As eCommerce becomes increasingly popular, it may be difficult for your online store to stand out in the crowd. By leveraging eCommerce analytics, you’ll be better prepared to serve your customers and increase sales.

    You can get started by tracking simple eCommerce metrics like your customer acquisition costs, sales conversion rates, and average order values. Then, you can use a tool such as Google Analytics or Semrush to assess website and ad performance metrics like bounce rates and click-through rates.

    Do you have any questions about getting started with an eCommerce analytics strategy? Let us know in the comments section below!

    The post A Complete Guide to eCommerce Analytics appeared first on Torque.

  • Press This: Keeping Users On Your Site Longer

    Welcome to Press This, the WordPress community podcast from WMR. Each episode features guests from around the community and discussions of the largest issues facing WordPress developers. The following is a transcription of the original recording.

    Powered by RedCircle

    Doc Pop: You’re listening to Press This, a WordPress Community Podcast on WMR. Each week we spotlight members of the WordPress community. I’m your host, Doc Pop. I support the WordPress community through my role at WP Engine, and my contributions over on TorqueMag.Io where I get to do podcasts and draw cartoons and tutorial videos. Check that out.

    You can subscribe to Press This on Red Circle, iTunes, Spotify, or you can download episodes directly at wmr.fm

    On this episode, we are joined by Ryan Singel, a former writer and editor at Wired, and now the founder of Contextly and Outpost. Ryan, I am super excited to have you on here. I’ve always enjoyed our conversations in the past. Let’s start off, why don’t you just tell me your WordPress origin story?

    Ryan Singel: Thanks, Doc. So yeah, WordPress origin story when I was at Wired, I played around on my own to sort of set up my own site and that started with movable type, back in the day. And Wired was on some terrible internal CMS, and we lobbied really hard at Wired to move that over to WordPress.

    And so I think about halfway through my tenure there we moved over. I spent about five, six years at Wired working with WordPress as our main CMS for publishing the entire site. So got to be very familiar with what needed to be done to make things look good and to push out content at scale.

    We were often writing five, six blog posts in my section a day and having to figure out how to make that work with lots of different people touching it and so forth. And then got frustrated. So one of the things we would always do at Wired was link back to our original coverage of a story.

    So if we’re writing about WikiLeaks or Chelsea Manning or the NSA, we’d written a bunch before. So we wanted to make sure when somebody read a story, they had an easy way to get back to it. And that was not a part of the WordPress Core. So we had to do a lot of editorial grunt work just searching Google and clicking through to get past the redirect and copying the URLs.

    And I got frustrated with that and figured that should be something that was smarter and easier, and that led me to found Contextly and I left Wired to make recommendations for readers on WordPress smarter.

    DP: It seems like a lot of influence came out of Wired, I mean, obviously journalistically, but we also have Jake Spurlock, who’s a Core Contributor and very active. And I met him visiting the Wired offices and talking about WordPress with him a long time ago.

    So there always has kind of been this relationship with Wired. I don’t think they’re on WordPress anymore, although they might be, but it’s just kind of interesting to see their history and the WordPress timeline like that.

    RS: Jake is great, and he came on I think a year or so after we moved over to WordPress. So the Condé Nast Wired story is a very convoluted one, but essentially getting Wired to run on WordPress, it was the first of the Condé Nast sites.

    So Wired is owned by the same company that owns, like the New Yorker and Vanity Fair, et cetera. And we essentially had an internal writer rebellion because Wired was really, at the time, the only sort of daily production. And so we have this terrible CMS that was built for magazines. There was so much editorial work that had to go into and sort of just grunt work to get something published.

    And this was in the early days of the blogging revolution, the TechCrunch’s of the world show up and you know, the need to sort of publish stories quickly and we were just dying. So we essentially had a rebellion that brought WordPress and we got Condé Nast to allow us to bust out of their system and move over to WordPress.

    Eventually, it proved to be so useful that WordPress moved to like almost all of the other sites. And then Condé Nast has since done what many large companies do, which is built their own CMS, which is something I never recommend, but I’m not there anymore. I think they are largely off of WordPress now and onto something homegrown.

    But it ran on WordPress for, I don’t know, a good 10 plus years and there was that moment when WordPress broke out of just being, the sort of run a small blog or power a small businesses site to being like, sort of a big tech tool and saw the rise of WordPress professional services and the New York Post and so forth were running on it.

    It was fun to be there during that time when watching WordPress be pushed into service as a really professional publishing platform.

    DP: Absolutely, and it was during your time there that you got the idea for what became Contextly. What does Contextly, which is a WordPress plugin that I use all the time, what does Contextly do for WordPress sites?

    RS: Yeah. I would start with what the kind of the architecture is. So what we do is we help readers of your posts find other good things to read on your site. The core example, somebody gets to the bottom of your story. They just read your post and then you want to present them with relevant or interesting options for more things to read from your site.

    So everything we do is either from your own site or from sister sites that you tell us to include in the recommendations. So architecturally, what we do differently than most Related Post Plugins is everything we do is computed in the cloud. So instead of using your WordPress database we sort of do all the computations outside of your database.

    Have the intelligence live outside of WordPress and compute either related using multiple sets of algorithms, et cetera. Figure out which of your stories are popular and which of your stories are what we call evergreen. So essentially your oldies but goodies and automatically compute those for you and let you show those off.

    And then also just cause I come outta the editorial world there are times when an author knows better than an algorithm what’s the best related recommendation for a given post. So we make it easy for you if you want to, to choose what related posts show up at the bottom or in the body of your story.

    DP: The way I use it on my site, I spend a lot of time writing these articles and not all of them go viral, most don’t. Right? But you still do a lot of work on ’em and they’re still maybe relevant in the future. And so if a post does happen to get traffic and it’s a first time visitor and they enjoyed that post about weird jazz instruments or something, right?

    They can see at the bottom the Contextly suggestions. And there’s different ways that I can show them things. I can either just let Contextly pick or I can kind of like add my YouTube channel, I think was one of the things you could do. You can kind of add things and kind of have it added in there.

    I might be wrong on that, but there’s all this customization that I can do and hopefully people, if they like that one article, they’re just gonna continue on over to another article. And then my favorite feature is the Contextly email, it sounds like I’m doing an ad for you, but like the emails that I get every day, that’s like, you had this many visitors and here’s what they visited.

    Obviously Google Analytics and things like that have that, but there’s just something really nice about that Contextly email that I get that shows me here’s the article that’s doing really well for some reason today. And I can kind of find out why if I dig down and then here’s how many people clicked from that article to another article.

    So here’s another article that might be doing better than usual. That’s a cool feature.

    RS: Yeah. When we first started off, we were doing cool stuff, but we needed to sort of prove to people how well it’s working, right? And I think credit for this goes to my co-founder, Ben. We decided to just start with reports rather than building a dashboard.

    So almost every other service you sign up for it and they’re like, oh, you can check the dashboard. And it was like just coming from the writing world, there’s like five dashboards I have to check every day and we’re like, no, we’re just gonna send people a report.

    Right. That tells ’em up the top, the sort of the basics, and then like, lets ’em dive more in. And just honestly, when we were first doing sales to big companies, the first question, well, not the first question, but we get them past the features and they’d be like, oh, so then you have a dashboard?

    And we were like, no, we don’t have a dashboard, but we send you reports and then there’s kind of this “Sigh, oh no.” And then as soon as they start getting reports, nobody ever asked us for a dashboard again. Cause everybody already had enough dashboards and they like the daily reports that give them not just a sense of how Contextly it’s doing, but just a nice general overview of what’s happening on their site.

    DP: Absolutely. And you know, I think that’s a great spot for us to take a quick pause and when we come back, we’re gonna talk with Ryan Singel of Contextly and Outpost about Contextly and what it can do for WordPress. So stay tuned. 

    DP: Welcome back to Press This, a WordPress Community podcast. I’m your host, Doc Pop, joined by Ryan Singel from Contextly, a plugin that helps keep visitors stuck to your site longer. Ryan, we talked about my favorite feature which is the emails that I get. Can you tell us about some of the advanced features that Contextly has?

    Because I know that what I mentioned was pretty early on. I feel like y’all have done a lot of work since then that I might not be using as much.

    RS: Yeah. So we have a couple other things we kind of built. So one we wanted for sites that have a wider range of content to make it an easy way for readers to just subscribe to a topic, right? So you are interested in Mac Minis and you’re reading Cult of Mac then if you’re reading a Mac Mini story, there’s an ability to follow that topic. And then we automate the emails that go out. And so this essentially works like a notification service. So you know, when there’s a new story about Mac Mini’s we’ll send the reader a nicely formatted email that has the new story.

    And then we’ll include down below either related or new or popular stories to sort of do that. And so that creates kind of a distribution channel for your readers who care the most without you having to do any additional work. We think of it as a compliment to most sites that do a newsletter.

    But it’s just as kind of an additional way for getting your best readers to know when you’ve got stuff, right. We also built a way you can do that for particular writers. So if you wanted to follow a writer and get notified when they do that. 

    And then we’re just about on the algorithm- ish side. So we built some tools where the recommendations work in layers. So we look at different things, right? So we look at the author, we look at the tags, we look at the categories, we look at the body of posts. We look at the age of a post, et cetera.

    And we built a nice little graphic equalizer in our backend where you can literally sort of change how the related works. And then over on the side you can start to change what an algorithm would actually do for your site.

    So you kind of pick a story, kick up the bass and see what happens, for the recommendations for a given post. And so we’re just about to add a new feature that essentially is a way to tune the related algorithm. So if you’ve just written a new post about Mac Minis there may be a post from five years ago about Mac Minis and that version is maybe not interesting anymore.

    So what we’ll be doing is a way to sort of look at the older posts, and even if they are very related, if we think that post is sort of past its deadline and then it’s close to its end of life in terms of reader interest, it gets dropped down in the relevance rankings.

    We don’t do that for all stories. We don’t want say anything old no longer is interesting, right? There are definitely posts people have that are evergreen that are still generating interest years after they’ve been published. And so what this does is figure out the difference between those things that are old and still relevant and things that are old and no longer interesting.

    We’ll be rolling that out soon, and then we will add in there as another slider that sites can use to tune their own related recommendations.

    DP: So if I wrote an article about Twitter launching a brand new API that will help developers everywhere, the algorithm will be like, that’s kind of out of date, that’s maybe not gonna age so well. So that’s cool. 

    RS: [laughter] No Twitter API has ever aged well.

    DP: You were talking about algorithms here. Are y’all using any of the kind of modern AI to help with these decisions?

    RS: So we’ve been doing a bunch of machine learning for a long time. So my co-founder Ben is a long time data scientist. There’s some fun stuff bubbling up that we’re gonna start playing with that I think you can do some cool stuff around AI to increase the quality of just kind of your usual recommendations. That I’m pretty excited about. I think they’ll be really cool. 

    I think there’s gonna be some other fun stuff around AI that will be interesting. One of the things I’ve been watching is using AI as a way to kind of create a sort of question and answer semantic search on your site. So essentially being able to ask on Doc Pop site, “Who’s the coolest glitch artist.” And being able to have that system, that AI, look just at your stuff, right? And create what it thinks is the best answer. The one problem with AI though, is that it often makes stuff up when it doesn’t know the answer. So that’s kind of an unsolved problem, which is AI likes to pretend it’s authoritative.

    We all know that person at a party that just spouts off and you know way better than they do. So I’m interested in that, because I think there’s enough places that are smaller on the web that instead of AI trying to answer every question and replace Google, is can it make kind of an interesting search on smaller domains?

    DP: Do y’all have a search feature? Like a search widget in WordPress?

    RS: We don’t. So the thing is, like with our backend, we know enough about the content, we could deliver a search feature and maybe that’s something we should do. Just adding a smart, full text search. Honestly, no one’s ever asked us for it, so we’ve never done it. But I dunno, maybe we should.

    DP: If we’re taking feature requests now, just when you were talking about AI, I think some people would hate this idea. I’m just gonna say it. What if when it’s showing my list of articles after my list of relevant other articles. What if Contextly tried rewriting some of those using AI. Like just like experimented with other titles and let me know like, “Hey, this is performing better if you change the name or anything like that.”

    Is there anything possible with that?

    RS: Yeah. So I think there’s some fun stuff around that. So there’s an AI writer I’ve been playing with called Lex. It’s built by the folks that made a newsletter subscription site called Every.to. You can sign up and play with it for free. I think there’s a little bit of a waiting list.

    But it has some really nice tools around suggesting titles and you know, the sort of usual, write in a paragraph and then ask it to write the next paragraph or two for you. Robin Sloan is a fiction writer, has been playing with AI for a really long time and has used it.

    And I think what a lot of writers have found is that it’s useful in order to find some maybe interesting new paths or sometimes it comes up with some clever new language. But really with AI, you’re gonna have to rewrite stuff pretty hardcore?

    And I think the problem with AI is it will act authoritative even when it’s not. I dunno if you saw the stories CNET tried writing 60 something articles for kind of the SEO-ish style how-tos or explainers and they got fact checked and they were just wrong in many, many places.

    Right. Getting the formula for how compound interest works wrong. But it acts like it knows. So that’s my one concern is I think what will continue to stand out with AI is we’re gonna see a lot of generated AI stuff all over the place, right?

    There’s just too much incentive to spam Google. What’s gonna stand out is people who are authoritative. And so I’m interested in the ways that we can help make things authoritative and then having AI help that rather than doing too much with AI sort of helping you write more articles than you probably should.

    DP: Yeah. They say AI is a 100 percent confident and 75 percent correct.

    RS: [laughter] yeah.

    DP: I think that’s a good spot for us to take another quick break, and when we come back, we’re gonna wrap up our conversation with Ryan Singel from Contextly, and I’m a hundred percent confident that you’re gonna enjoy the ending of this episode.

    So stay tuned. 

    DP: Welcome back to Press This, a WordPress Community podcast. I’m your host, Doc Pop, joined by Ryan Singel, the founder of Contextly and Outpost. Ryan, I wanted to ask you, since we’re talking about stickiness on site and keeping folks who landed on your site there. Have you learned anything while you were doing this that kind of like you’ve applied to your writing? Are there any lessons you’ve learned from Contextly that help you keep people on your site longer?

    RS: Yeah. We have found that it is not always true that short articles do better than long articles. There used to be a sense that you had to have a ton of volume, so you had a lot of posts but the posts would kind of be short.

    And that definitely is a strategy that works if you keep it up. If you publish 10, 15 blog posts a day you’re gonna get some search traffic and people find you. But we find the things that people tend to click related and links on often tend to be longer stories. So even though it takes them longer to get to our recommendation modules they’re more likely to do that on posts that are thorough or interesting or new or a scoop or something like that. So that’s one of the things that we do in the reports is here’s the percentage of people that got so far into your story, and here’s the percentage of people that clicked on related links.

    So what I took from that is we all like the sort of cheap content, right? Or the filler things. The 10 most interesting celebrities of 2022. Those stories don’t keep people around. They don’t tend to click to another story. What does keep people around is a deep, interesting story about something. 

    And then I guess the other thing we’ve learned and seen a lot about is that I don’t think people think enough about what the end of their story looks like.

    And what I mean by that is when somebody reads a post on your site and they get to the bottom, they’ve come to sort of a moment of inattention or indecision. And they have to decide, am I gonna go share this article? Do I email it to somebody? Do I go back and do my actual work? Do I go to Facebook or TikTok? 

    And then oftentimes people then show the author’s bio at the end of the post. Which is the least interesting thing. It doesn’t give people a choice. Nobody really wants to read the author bio. When looking at your site and get to the bottom of the article, put yourself in the mindset of somebody who is trying to decide what to do next.

    And so the closer you have good related recommendations, they perform better than any other form of recommendation. Get good related recommendations close to the end of the story. Make it clear that they’re related, right? And don’t say, “You Might Like.” That sounds like it’s gonna be some terrible recommendation system.

    Just make it clear it’s related. And we think you should do multiple sets of recommendations. Then just move the author bio either to a link from the top or underneath all of that. If people want to comment, they know they just gotta scroll down.

    So that would be my one piece of sort of most actionable advice for somebody, even if they’re not using us, which is get your recommendations as close to the end of the article as possible.

    DP: I wanna give you one more shout out here for Outpost, which is also doing great stuff. Can you tell us real quickly, how would you describe Outpost?

    RS: Yeah, Outpost is sort of power business tools for newsletter and subscription first sites using Ghost. So I can think of Ghost as, and WordPress will be mad about this ‘cause they’re trying to move into the space. But Ghost is sort of WordPress of the newsletter space. They’re open source. 

    So what we do is help those sites build their audience. So with tools like an easy to use tip button and a set of like autoresponders that are smart. So somebody signs up for your free site, will set up a drip system that let’s the site tell people what they’re about and sends them links to their previous best stuff and then sends them sets of different offers to sign up for a paid subscription.

    So the goal there Outpost is just to help publishers who have moved into that newsletter, subscription sort of space convert more free readers, get more free readers, and sort of build their business without having to do a ton of work.

    DP: And on that, Ryan, what is the best way for folks to follow what you’re doing these days?

    RS: Yeah. So I used to say Twitter but I’ve largely moved off Twitter for the fediverse. So if they’re interested in me, find me on the fediverse, I’m RyanSingel@writing.exchange or you can check out Contextly. It’s still on Twitter and Outpost is also still on Twitter, or they can check us out at outpost.pub.

    DP: Well, thanks for joining me, Ryan, and thanks to the folks who listened to this episode. I hope you had a great time and enjoyed our conversation. This has been Press This, a WordPress Community podcast on WMR.

    You can follow my adventures with Torque magazine over on Twitter @thetorquemag or you can go to torquemag.io where we contribute tutorials and videos and interviews like this every day. So check out torquemag.io or follow us on Twitter. You can subscribe to Press This on Red Circle, iTunes, Spotify, or you can download it directly at wmr.fm each week. I’m your host Doctor Popular I support the WordPress community through my role at WP Engine. And I love to spotlight members of the community each and every week on Press This.

    The post Press This: Keeping Users On Your Site Longer appeared first on Torque.

  • Torque Social Hour: A Conversation About AI, WordPress, and Ethics

    The Torque Social Hour is a weekly livestream of WordPress news and events. In this episode we talk with Nyasha Green, an Editorial Director at MasterWP, and Chris Wiegman, a Manager of Engineering at WP Engine, about the pros and cons of AI. We talk about about some WordPress plugins that are powered by AI, as well as a few recent lawsuits in the space. It was a lively conversation with a lot of great comments in the chat.

    Here’s a list of topics mentioned during the show:

    Join us next each Wednesday from 3-4pm PST for WordPress news and interviews.

    The post Torque Social Hour: A Conversation About AI, WordPress, and Ethics appeared first on Torque.

  • Press This: AI-to-Code, Building WordPress Plugins with ChatGPT

    Welcome to Press This, the WordPress community podcast from WMR. Each episode features guests from around the community and discussions of the largest issues facing WordPress developers. The following is a transcription of the original recording.

    Powered by RedCircle

    Doc Pop: You’re listening to Press This, a WordPress Community Podcast on WMR. Each week we spotlight members of the WordPress community. I’m your host, Doc Pop. I support the WordPress community through my role at WP Engine, and my contributions over on TorqueMag.Io where I get to do podcasts and draw cartoons and tutorial videos. Check that out.

    You can subscribe to Press This on Red Circle, iTunes, Spotify, or you can download episodes directly at wmr.fm

    If you follow tech, then you know it’s been an exciting time for AI. Last year we saw a boom in text to image synthesis via tools like Dall-e and Midjourney. This year, that excitement seems to have pivoted to tools like ChatGPT. In recent weeks, we’ve seen ChatGPT used for everything from writing high school essays to creating new WordPress plugins with no external coding.

    On this episode of Press This, we are joined by Ellis LaMay, a podcaster and WordPress Practice Director at AmericanEagle.com to talk to us about how AI tools like ChatGPT can change the WordPress ecosystem. Ellis, how are you doing today? 

    Ellis LaMay: I’m doing great. I’m excited to be here. Thanks for having me on the show.

    DP: I would love to hear your WordPress origin story before we dive in deep into Large Language Models.

    EL: Sure. Yeah. Sounds great. I was thinking about how to tell this story and I think like a lot of people that I’ve met over my years working with WordPress, I kind of fell into it basically by accident. Growing up I was always fascinated with technology and as a kid I would take computers apart and put ’em back together just to try to kind of figure out how they work.

    Then eventually that led to trying to figure out how to get them to work in ways they weren’t intended to work in. And you know, I was lucky enough to have a dad who worked for a local college and so he would bring home junk computers from their IT department and that’s how a kind of a never ending source of materials to work with.

    As I kind of got a little bit older, I started to get more interested in the software side of things. Started to try to get computers and Windows to do things that it wasn’t meant to do basically. But, uh, eventually I went off to college, believe it or not, and didn’t study computers in college.

    The whole time growing up I was also working in bike shops. So at a certain point, the bike shops that I was working for, they needed websites. They needed technological help. And so I was kind of like that internal employee who could always do those things. And one day it sort of just occurred to me that there is a need for a classified bike website that at the time didn’t exist.

    And I kind of got this idea from all the customers we’d have that would ask us if we knew of such a thing or if we knew of places that sold used bikes. And so I set about trying to create this on my own, just kind of based on my tech background and my light coding experience. And that was how I basically found WordPress themes.

    So you’re talking about probably back in, let’s see, that would’ve been probably 2015ish, 2014 maybe, around there. Once I got my hands on WordPress themes, kind of my childhood passion of like taking things apart and figuring out how they work just came rushing right back in because that’s how I learned theming and plugin building was through basically reverse engineering them.

    DP: And as part of your current job, you study technology trends and you’ve always kinda kept your eye on WordPress stuff, but lately you’re also really diving into the potential of AI, including tools like ChatGPT, which I mentioned many times at the beginning of the show.

    Can you tell us a little bit about ChatGPT and how it works?

    EL: Yeah, I mean, I think there’s kind of the layman’s explanation and then there’s of course deeper explanations about the technology that’s powering it. But on the surface level, it’s really grabbing a lot of people’s attention, including people who are not technologists or maybe don’t consider themselves to be. Because essentially what it is, is a piece of software put out by OpenAI where you can look at a chat-like interface, a box where you type in your input except you’re talking to a computer that has learned off of language models.

    It can then interact with you as if it’s a person. So it can do interesting things like understand context that other search interfaces and things like that that most people are used to can’t do. So, that’s essentially it kind of on the surface level. I think beneath that there’s probably some really intense algorithms that work through combing through data and large language models and huge data structures for it to soak up that knowledge.

    DP: Before the show you and I were kind of mentioning how one of the things unique to ChatGPT is the chat-like interface where you can kind of have a discussion with the computer and it’ll spit out something very confidently. It may or may not be correct. But that’s kind of the interface that’s happening, and that’s a pretty revolutionary thing. Can you tell us how a tool like ChatGPT, or something else out there like it, how can those improve experiences for WordPress visitors? Visitors to my WordPress site?

    EL: Yeah, that’s a really good question. I think that some of the potential that tools like this, and ChatGPT in particular, may have one day for improving user experiences, maybe from the implementer side. And perhaps I’m biased cause I’m a guy who builds websites all day every day. But something I kind of pictured that I thought would be really fascinating is, I get involved in all kinds of UX studies where essentially what we’re doing is taking the feedback from dozens and dozens of users of a website or an application and getting their qualitative feedback on what their user experience was like.

    I imagined a situation where you scaled that out to potentially hundreds or thousands of people and then used a tool like ChatGPT to do the analysis on those large volumes of qualitative feedback. Just to distill it down into some takeaways, some literal actionable, tasks or steps you could take with your interface based off of analyzing thousands of user feedback sessions. And that’s something that people could do, but it would just take a long, long time.

    DP: I think that sounds pretty cool if I understand that correctly. It sort of sounds like you are describing running a test or just kind of looking at the way users visit your site and then you have this big data and having something like ChatGPT to help kind of break that data down so that you don’t have to know how to look through all that data. You can have something kind of talk to you and give you suggestions. Is that what you’re saying?

    EL: Yeah, pretty much. Imagine you give a survey to say a thousand people, where you ask them to describe their experience using a piece of software. And you just leave it open-ended like that because you’re looking for their qualitative feedback. At the end of that survey, someone’s gotta go through all that feedback and distill it down into some kind of takeaway.

    What does it mean? What does it tell us? What can we learn? That’s a very large task for a human being to go through, right? Reading thousands of feedback surveys and kind of tracking the input and sort of pulling it together in a cohesive message. But if you’ve got something like ChatGPT that can understand context, but because it’s ultimately a computer power through those tasks much faster. You can get much larger takeaways from big data. Like really fast.

    DP: We’re already kind of talking about how web developers can use this for improving sites. We’ve got things like Copilot from GitHub, which allows developers to kind of have things auto completed, I guess. Kind of like having a computer help you write code and not write the code for you.

    Is this something that you think WordPressers are gonna see or are already using, maybe Copilot to code WordPress?

    EL: I think that’d be really cool. I have seen, I don’t know if they’re ChatGPT affiliated per se, but I have seen the emergence of a couple AI tools out there that report to write WordPress code. Right? So this could be something like building out the structure for a Custom Post Type with some custom meta fields where what you’re putting into this software is just the layman’s description of what you want.

    And then the AI will actually translate that into code and structure your content types and Custom Fields. So I’ve seen stuff like that out there in the wild. I think the real thing I’m curious about is how reliable these technologies are, especially at this stage of the game. Mostly because my experience with developing websites, particularly WordPress, is that the context of other plugins and other site functionalities matters heavily.

    So I don’t know if AI can account for that just yet, but I’d imagine that’s coming soon in the near future.

    DP: I think that’s a good spot for us to take a quick break, and when we come back, we are gonna continue our conversation with Ellis LaMay about the potential of using AI tools with WordPress. Stay tuned.

    DP: You’re listening to Press This, a WordPress Community podcast. I’m your host, Doctor Popular, and joined this week by Ellis LaMay, a podcaster and WordPress Practice Director at AmericanEagle.com. And Ellis has been studying the potential of AI tools like ChatGPT and kind of thinking about how they could be used by WordPress developers and just website developers, not just WordPress.

    And we’ve talked so far about Copilot and how ChatGPT could potentially help people create sites. I’m kind of curious, have you seen any of your research, have you seen any cool examples of ChatGPT being used on a website in a way that you just weren’t expecting?

    EL: I’m trying to think of unique examples. I’m a little hard pressed to come up with some unique ones, but I have definitely seen it being used in ways that you would kind of guess. Right. And I think one of the topics that a lot of folks are aware of by now is how a lot of these technologies are being used to generate content really quickly.

    A big part of getting your name out there, promoting a brand and climbing up Search Engine results is a matter of putting out good content regularly. And so I think that’s where the most immediate fit is gonna be for things like this. And I’ve seen even as of this week, there’s two plugins out there that allow you to install a plugin into WordPress, connect an API key to get ChatGPT working within that plugin, and then start generating blog content based off of some keywords or topics you give it. And the one I was playing with earlier today, actually, even writes that content with structured headings and the right semantic markups.

    So, I think for marketers right now, it’s kind of the Wild West because they can use tools like that to quickly, sort of prototype and ideate blog content and then perhaps tweak it from there.

    DP: Talking about Gutenberg blocks and their potential for something like this. I wanna mention that we have talked to the creators of Imajinn, which is an AI art generator. And it takes place as a WordPress block. So you install the plugin and then you just add a block in the middle of your post and you can type in your prompt.

    And I’ve been using it sometimes to create featured images for posts, right? Like that’s always a hard thing when you’ve got everything kind of ready and you know you need to have a featured image, you just don’t wanna grab a stock photo, and you don’t really have time to create a photo of your own.

    So there’s ways that I’ve already been kind of integrating AI into my workflow for generating content. And then what you’re talking about, it sounds sort of like a plugin installed and then a block and you can kind of, within your dashboard, create content around probably a prompt.

    That sounds pretty cool. There’s this talk that the generated content might start overwhelming Google search and kind of overwhelming the web, right?

    It’s very easy and there’s a lot of potential, a lot of incentive for people to create content and if they can do it without hiring someone, if they can just kind of generate it through a ChatGPT, there’s gonna be a lot more of it. And so there’s been this idea that maybe Google might have a way of detecting AI text and maybe try to punish it or anything.

    Have you heard anything about Google cracking down on AI generated content?

    EL: I haven’t heard any specific news about Google doing this, but it’s really easy to imagine that they would want to, right? Because a few weeks ago, when I first started to hear about ChatGPT and explore it, all you had to do was get on YouTube and within a matter of, like half a minute, you’d start seeing headlines for videos about how ChatGPT is gonna end Google as we know it.

    I gotta imagine Google’s not a fan of hearing messaging like that. So from that standpoint, of course they’d probably wanna kind of control this a little bit. But you know, the other thing too is, as a developer, I’ve always been tracking Google pretty much since day one because everything you build has to play well with it from a structure standpoint. But also for digital marketing purposes, ranking and promotion.

    You know,what I’m curious to see is, as I’ve understood it, one of Google’s core missions is to kind of democratize the web. Their goal is to basically get the best content, the most relevant content into the hands of people who are looking for it. And so you kind of have to ask the question of, if everyone is using AI to generate content, is content sort of across the board going down in quality? Because you no longer have the critical thinking and thought leadership of people behind it, but some of it’s being generated by a computer, you know?

    And if you think about all of the changes to the Google algorithm over the years and how they’ve basically made big strides to weed out things like keyword stuffing, and things like that, you gotta think that they’re gonna start to put an emphasis on staying away from computer generated content because it just won’t be viewed as authentic as human generated content.

    DP: Yeah, I mentioned earlier, the answers ChatGPT gives are very confident, whether it’s writing code or whether it’s giving you a book report. And it is definitely a better writer than I think I am. I have to admit, that’s not my strong point. But just because it’s a better writer, I am personally a little worried that it might start to trend higher on Google with not necessarily the correct answers. 

    And I don’t know if Google has a fix for detecting AI, but also for detecting accuracy. But then I guess that’s a whole other thing that currently we haven’t worried about. Google detecting how accurate is a thing? We just look at how long visitors stay in the site, how does the site perform? And other parts of their algorithm. There’s gonna have to be some tweaking for Google to still be relevant in a post-ChatGPT world, it seems.

    EL: Yeah, it really will. And I almost wonder too, where that sort of thing kind of collides then with the world of academia. Some of the people that I’ve talked to about this over the last few weeks are people who are teachers at all levels, and one of the first questions they have is almost this look of astonishment, where they look at me and go, “Oh my gosh, are my students already using this to like cheat on papers and things?”

    And my genuine answer is, I don’t know, but maybe. And so you gotta wonder too, you already have Google and search engines that really changed the landscape of how students did their work. But that was 20 years ago, you know? And so kind of what new sort of risks is ChatGPT gonna invite into that scenario?

    I think it’ll be really interesting to see how that plays out.

    DP: There is a lot of conversation too about how calculators were going to break students. Like students need to know how to do all this very advanced math, not everyday math, but some of the more advanced stuff. They need to know how to do that, even though is it something they’re actually gonna have to apply.

    I think there’s probably 20 years from now, there’s a chance that we might be looking back at these conversations in the same way that we are looking back at “How calculators ruined high school for students.”

    EL: Yeah, absolutely. It could be, and I think with every technical advancement, there’s the potential that it’s used for good and then the potential that it’s used for not good. I’m kind of a self-taught person. A lot of the things that I know about development and that have been pivotal for me in my career development have been things I’ve self-taught myself.

    It’s interesting developing your career that way because for me it’s essentially a matter of piecing together a bunch of great resources and learning how to learn along the way. But I have had occasions sometimes of learning certain languages where you kind of get stuck and you need someone to sort of fill in a knowledge gap for you.

    And when you’re a self-learner, you’re kind of at the whim of what you can find going through Google. I think that ChatGPT could actually be something that helps facilitate people who are self-learners because it could help show them resources that they might not know exist or just fill in knowledge gaps because it’s got that context from those language learning models.

    DP: On that point, there are tools, I think we mentioned, or alluded to them earlier, tools like CodeWP, which is a website where you can go and explain what you want out of a plugin and AI will create it. I think they’re using ChatGPT, to create a plugin that may or may not work, but supposedly it’s trained on WordPress plugins as its knowledge base. So it should be very specialized for that. Do you think at the moment this is a good tool for people to use if they wanna avoid coding? Should they be using tools like that?

    EL: I think right now I’d have to go with kind of a solid No. The reason being is because again, the context of the rest of your application matters. If you kind of push all that context to the side, and you write a plugin to do some specific functions or something specific, I think there’s a high likelihood that you would install that plugin and then have conflicts with the rest of your ecosystem, or maybe encounter conflicts later on.

    Right? As you introduce new variables and factors into your site architecture, you’re writing more functions, you’re building more functionality. I just think that it’s not like a slam dunk one and done. I kind of look at ChatGPT and other tools like it, sort of like any other tool. 

    The hammer doesn’t build the house. The person holding the hammer builds the house and that person needs to take into context a lot of other factors along the way during that journey. And I just see ChatGPT as really no different, at least for now.

    DP: That’s another great spot for us to take a quick break and when we come back, we will talk to Ellis LaMay about potential uses for ChatGPT that he sees for WordPress developers. So stay tuned for more. 

    DP: Welcome back to Press This a WordPress Community Podcast. I’m your host, Doc Pop, and this week we are talking about ChatGPT with Ellis LaMay, the WordPress Practice Director at AmericanEagle.com. 

    Ellis, at the beginning of the show, you were saying you’re keeping your eye towards this technology, and you also were saying you’re building websites on a daily basis.

    I’m kind of wondering, have y’all had the conversation yet about using ChatGPT for some web design for some project at AmericanEagle.com?

    EL: Very, very lightly. And I think one of the practical uses that we see for it during development is filling in placeholder content. I think everyone who’s worked on a website at some point has gone to a Lorem Ipsum website to basically copy and paste tons of placeholder content so that they could just simply build out their layouts.

    And when you’re presenting prototypes and concepts to clientele, It really does go a long way to have some relevant content in your designs that at least it isn’t Lorem Ipsum. And so for now, we’re just kind of dipping our toe and starting to use it for creating blog titles and things like that.

    Really just for the purpose of demoing sites, we’re not really promoting it as a tool to replace thoughtful content writing, but that’s one way we’re using it. But we also have a great program at American Eagle called The Hatchery, where its sole purpose is to build upon emerging technologies and try to come up with innovative ideas to carry ’em forward.

    And so, I can’t share any details yet, but there have been some ideas recommended to The Hatchery for developing it further.

    DP: The example you were just mentioning about using it to create dummy content, I hadn’t even thought of that. That’s such an obvious one, but that’s such a game changer if you are building sites and you wanna be able to show here’s how it would look to a restaurant, or here’s how this site would look for something else.

    And maybe even have some localized text in there or whatever. All with prompts. Man, that would be so much better than Lorem Ipsum. That’d be like Lorem AI-ipsum it reads in my head, but it doesn’t sound good. But that’s a really cool usage. That’d be cool if we saw something like that out there.

    EL: All right. Well, maybe a listener will take that idea and push it forward.

    DP: It might be early days and I know that a lot of bugs are still getting worked out and we said, we probably wouldn’t be using this to code a website yet. But I think early days, one of the things I’m kind of most excited about is definitely using it as part of my workflow.

    If I make a video and I’m kind of struggling to come up, Description of it that needs to go in the body of the text. I might go to ChatGPT and kind of tell it kind of what I’m looking for and it gives me something. And I don’t think I’ve used that exactly yet, but it’s helped me out a lot.

    And I have, even for art, I’ve used Midjourney kind of help get started with an art idea and then I end up redrawing it from scratch. So just integrating it into my workflow, not necessarily replacing my workflow with it has been really nice for me. And it kind of sounds like y’all are thinking in the same way.

    EL: Yeah, I agree. You know, one simple way that I’ve used it over the last couple weeks is to get quick references to the meaning of things while I’m on calls with clients and partners. It’s almost kind of embarrassing to admit, but an example would be the other day I was on the phone with some leadership from an insurance company.

    We were talking about the 2.0 version of their website and there’s a lot of acronyms in the insurance world, and it was really helpful to have ChatGPT up because I could just type into it, “What does blah, blah, blah mean relative to car insurance?” 

    And even though I could do the same thing through Google, you still have that sort of manual aspect to Google where you have to make sure that you know what you are looking at is the right result.

    And you might have to kind of peruse through some of Google’s interface to find your literal answer. But with ChatGPT I just get the answer. So that’s been pretty useful. And the people that I’m talking to on the phone really have no idea that I’ve got that in my back pocket. So I think a lot of little uses like that will continue to embolden the business world.

    DP: Well, that’s really interesting. I really appreciate your time today talking to me about ChatGPT. I think I’m thinking about it in much different ways than I was before. Ellis, if people want to follow you online, what’s a good way to kind of keep up with the work you’re doing?

    EL: You can follow me on AmericanEagle.com’s blog. As well as on LinkedIn.

    DP: Well, I really appreciate you joining me for this episode of Press This. Press This is a weekly podcast. Next week we’re gonna be talking to Ryan Singel from Contextly about how to make your website stickier using tools like Contextly. Thanks for listening to Press This. I’m your host, Doc Pop.

    You can follow my adventures with Torque magazine over on Twitter @thetorquemag or you can go to torquemag.io where we contribute tutorials and videos and interviews like this every day. So check out torquemag.io or follow us on Twitter. You can subscribe to Press This on Red Circle, iTunes, Spotify, or you can download it directly at wmr.fm each week. I’m your host Doctor Popular I support the WordPress community through my role at WP Engine. And I love to spotlight members of the community each and every week on Press This.

    The post Press This: AI-to-Code, Building WordPress Plugins with ChatGPT appeared first on Torque.

  • Top 5 Blogging Trends of 2023 You Definitely Shouldn’t Ignore

    What new trends can we expect to emerge in blogging in 2023? While blog writing has been around for a long time, and its basic premise doesn’t change much (put words on screen, publish), it does go through developments and fads. Some of them come and go, others stick around for longer or become a permanent fixture of the medium.

    To make sure you stay up to date on what’s going on in the blogging game, in this post, we will examine five of the trends you can expect to encounter this year. Knowing this allows you to stay current on the latest practices as well as gain inspiration what you could do better or differently on your own blog. Either way, here are the latest blogging trends 2023.

    1. Custom Visuals

    blogging trends 2023: custom graphics
    Image source:
    Enchanted Marketing

    Visuals have always been a key part of blog content. They provide your readers with necessary breaks from long walls of text, present information in a different medium, and make your content more pleasant to consume. Need proof? Orbit Media found that bloggers who use ten-plus images in their posts report higher rates of success.

    blogging visual usage statistics
    Image source:
    Orbit Media

    So, do we agree that using visuals is good? Good. However, why the need to go for custom graphics and not more generic images?

    First of all, because we as humans have gotten pretty good at filtering out certain imagery on the Internet. For example, eye tracking studies show that stock photos are all but ignored these days.

    stock photos eye tracking
    Image source: Nielsen Norman Group

    One of the biggest advantage of tailored graphics is in branding. With custom-made visuals, you can use color palettes and fonts that resonate with your blog’s design and philosophy. Doing so makes sure your posts and pages look coherent and not pieced together. You can also create visuals that refer directly to the content they are part of, like charts, graphs, or infographics.

    But what if you’re not a designer? Can you still take advantage of this blogging trend?

    Thankfully, you do not need to be a Photoshop master (or hire one) to get the ball rolling. Tools such as Canva, Visme, and Prezi are perfect for beginners who don’t know much about design. These tools come with pre-built templates, color palettes, and fonts that make putting together custom graphics easier. They also have the option to create/import your own color palettes and fonts.

    2. Increased Interactivity

    From twelve seconds in 2000 to only eight seconds in 2015, human attention span has drastically dropped over the years. In a world where your audience’s attention span is shorter than that of a goldfish (nine seconds), how do you keep them interested? The answer: interactive content.

    With built-in interactivity, your readers get a chance to engage with your content in new and innovative ways. If you are looking to add some, here are a few good options.

    Videos

    Embedding videos in your content has always been one of the easiest ways to boost audience interaction. The rise of visual content in the last few years (TikTok anyone?) has only intensified consumers’ thirst for moving images. As a consequence, up to 86% of businesses already use videos for marketing in some form in 2022 and it’s a good idea for your blog to be among them.

    While just including videos in your content already makes your blog posts more interactive, you can even go a step further and add interactivity to the videos themselves. This can be in the form of hotspots and time triggers, such as popups and CTAs, that prompt viewers to move their pointer to certain areas of the video in order reach a particular time stamp. Vimeo is a video platform that can do this out of the box.

    However, it is also possible make YouTube videos more interactive, for example in the style of a choose-your-own-adventure approach.

    GIFs

    If you want to add a sprinkle of fun and interactivity to your blog, GIFs are another way to go. These animated images can add a spark of color and humor to your content and make it less boring.

    Shocked Will Ferrell GIF by Anchorman Movie - Find & Share on GIPHY

    If you want to dip your toe into this, websites such as Giphy are a great place to find GIFs. Once you’ve chosen one, inserting it into your content is fairly simple – either use autoembeds (like in the image above) or add it via an image block.

    Quizzes

    Have you seen those Buzzfeed quizzes about all sorts of weird topics?

    blogging trends 2023: buzzfeed quiz example

    Say what you will about Buzzfeed but their formula seems to be working. And you can use it for yourself as well. Adding short exams to your content is yet another way to make it more interactive. It does not just engage your readers — it also lets them test out their knowledge!

    If you want to do the same on your blog, WordPress plugins such as Quiz And Survey Master or Quiz Maker can come in handy. With these plugins, you can create quizzes for different topics, categories, and pages.

    3. Originality

    It’s easy for websites in a niche to become echo chambers that repackage the same information over and over again. In such a landscape, being original can immediately make you stand out. Originality does not just add freshness to your blog, it also establishes your thought leadership and displays your commitment to your readers.

    There are different ways to make your content original. You can talk about a unique topic, provide an uncommon perspective, or do your own research. In fact, the third option is the easiest way to level up your blog — with authentic research, chances of success rise by up to 41%.

    blogging original research statistics
    Image source:
    Orbit Media

    However, we get it — not everyone has the bandwidth to conduct original research. If you want a quick way to boost your content’s originality, another way is interviewing Subject Matter Experts (SMEs). This allows you to enrich your content with the latest information in the industry and add a unique flavor to it.

    There are several tools available to reach out to SMEs. Examples include Help A Reporter Out (HARO), Help a B2B Writer, Terkel, and Qwoted. You can also reach out to people in your industry and conduct your own surveys using Google Forms and Typeform. Lastly, another easy way to talk to an expert is to tweet about your queries with the hashtag #JournoRequest on Twitter.

    4. Focus on Content Experience

    One of the bigger blogging trends in 2023 is the shift from consuming content to experiencing it.  Running a successful blog no longer means simply delivering accurate information to your readers. You also have to consider other factors to make the content more appealing.

    But how can you enhance the overall content experience? By focusing on core web vitals and improving your overall content ecosystem.

    Core Web Vitals

    blogging trends 2023: content experience and core web vitals

    Imagine clicking on a blog post to read it and encountering countless issues with the page. It’s taking forever to load, every click and scroll takes minutes to process, and the page is constantly shifting and jumping.

    With reader attention span at an all-time low, this nightmare can quickly make your audience lose interest. To counter this, Google introduced core web vitals in 2020. These are measurements of key aspects of page speed and user experience that also influence search ranking.

    If you want to learn more about this topic, check our article on how to improve core web vitals.

    Your Content Ecosystem

    Your content is not detached from the ecosystem that it is part of. Even if your writing is brilliant, if you present it in an environment that sends readers running for the hills screaming, it won’t perform well.

    web design mistakes cluttered design example

    Besides lack of core web vitals above, what are examples of a bad content ecosystem?

    • Masses of popups or other interruptions and distractions (multi-step cookie notices anyone?)
    • Autoplaying videos or audio (seriously, who still does this in 2023!?)
    • Low contrast or other web design problems
    • Bad website or information architecture that leaves visitors clueless about what to do

    In short, the goal is to make sure that each piece of content is part of a larger puzzle that makes sense. To create such an ecosystem, it helps to be clear on your audience’s journey. That means possible entry points and how to push readers further. Aside from that, look into building content clusters.

    5. Cross-Channel Promotion

    Simply churning out blog posts was once enough to be successful on the web — but that’s no longer the case. These days, you also need to invest your efforts in other marketing channels like SEO, email marketing, and social media.

    Therefore, one of the blogging trends that will be dominant in 2023 is cross-channel promotion. This marketing strategy integrates all your marketing channels and unifies their plans, data, and goals across the board.

    This is different from multi-channel marketing, which also uses several channels to attract customers. However, here, each channel works independently. In contrast to that, cross-channel promotion uses all channels to push out the same message at the same time.

    cross channel vs multi channel marketing
    Image source:
    LocaiQ

    How can you do that?

    The first thing you need is a Customer Data Platform. CDPs can help unify, consolidate, and organize consumer data from all your channels in one place. Some good candidates to check out are Bloomreach, Insider, and Segment.

    After that, you can carry out micro-segmentation and group your audience according to different demographic details, characteristics, and buying behaviors. This can help you hyper-personalize your content and marketing channels to meet prospects where they are in their journey.

    For example, you can open emails with a reader’s name, adjust the mailing frequency to their preferences, craft content that targets their needs, and otherwise cater to what your audience is looking for. In an environment as saturated as the online space, this kind of personalization is a good way to stand out.

    Hop on These 2023 Blogging Trends Right Away!

    Even an established medium like blogging still sees trends come and go. Being aware of the developments above allows you to decide which ones you want to partake in and which you want to ignore.

    As you can see, many of the trends above heavily focus on user experience. Therefore, if you want to follow any trend this year, let it be figuring out how to better serve your audience with the content you provide. This goes both for what you write about and how you present it.

    If that is your main takeaway, you can make sure you end up with a better blog at the end of 2023 than you started with.

    With 2023 upon us, what blogging trends do you consider most important? How are you planning to improve your own blog this year? Let us know in the comments below!

    The post Top 5 Blogging Trends of 2023 You Definitely Shouldn’t Ignore appeared first on Torque.

  • 8 Best WordPress Gutenberg Blocks (And How to Use Them)

    The Gutenberg editor has completely changed how we build websites and web pages with WordPress. It allows users to create content and layouts piece by piece and comes with many tools to do so. In this post, we want to look at some of the best blocks Gutenberg has to offer for that purpose.

    The WordPress editor is a complex piece of software. It’s easy to overlook some of the features of Gutenberg, including the many blocks it comes with.

    Consequently, there might be some that you have no idea exist but that could seriously improve your workflow and make it easier to run your site. This list of the best Gutenberg blocks aims to make sure that isn’t the case.

    How to Add Any Block to the WordPress Editor

    best gutenberg blocks

    Before moving on to the finest layout elements included in Gutenberg, let’s go over a quick refresher for how to add blocks to the editor. Basically there are three different possibilities:

    • Slash commands
    • The Add block button
    • The block inserter

    Here’s how each of them work.

    1. Using Slash Commands

    These get their name from the fact that you access them by typing a slash forward (“/”) in an empty line of the editor. Doing so automatically opens a menu with frequently used blocks.

    use slash commands to insert wordpress block

    You can directly choose one via the mouse cursor or arrow keys on the keyboard. At the same time, if what you are looking for doesn’t show, simply start typing the name of the block you want to insert. It will then appear in the menu for you to pick.

    type block name in slash commands to search

    This is the fastest way of adding a block to the WordPress editor. It works both in the page/post editor and the Full Site Editor.

    2. Via the Add Block Button

    Next up, is using the small “+” button that shows up in the editor below the last-used line.

    insert wordpress block via add block button

    A click on it opens up a similar menu as the slash commands where you can pick from a list of frequently used blocks or search for what you need by name.

    add block button menu

    The menu also shows available block patterns during search. You need to choose blocks via the mouse, this menu does not work with the keyboard. A click on Browse all opens up the block inserter, which brings us to the third method.

    3. Working With the Block Inserter

    You can acccess the block inserter by clicking the big blue “+” button in the upper left corner of the editor screen.

    open block inserter menu

    Doing so opens up the entire list of blocks (and block patterns) available on your website in a separate side menu.

    add wordpress block via block inserter

    Scroll to find what you need or use the search bar on top to directly look for it. When you have found what you want, you have two ways to add it to the page:

    1. Click on the block to insert it where the cursor is currently located (it will show the position with a blue line when hovering over your chosen element).
    2. Drag and drop the block to your preferred place.

    Here Are the Best Blocks Gutenberg Has to Offer

    Alright, after this quick discourse, it’s time to see what blocks Gutenberg brings to the table that is worth inserting into your site and pages. Note, that in this case, we just concentrate on default blocks available in the editor (with one exception). Of course, it is possible to add more blocks to Gutenberg via plugins but we can not cover all of these here.

    Query Loop

    the query loop is one of the best gutenberg blocks

    We are starting off the list with what is arguably the most powerful block that the block editor has to offer: the Query Loop. It’s basically a WordPress loop, the piece of code responsible for outputting any content in WordPress’ posts and pages, wrapped in a single block.

    How It Works

    Query Loop allows you to add custom content to your pages very easily. When you input it into the page, you have two options: start with a block pattern or a blank template. When choosing the second option, the block asks you to pick whether to display your content title, date, excerpt and/or image.

    add query block to editor

    (Note: Working with this block works best if you already have posts on your website. Query Loop will use them as examples.)

    query loop added to wordpress page template

    Once on the page, you have a multitude of ways to customize the content. Two of the most important you can find in the block options on the right.

    query loop options

    You can a) choose the post type that you want the block to output and b) add filters for what posts or pages show up. For example, you can direct the loop to only show content from certain categories, authors, or with certain keywords. In addition, you have the ability to order it from newest to oldest, the reverse, or either direction of the alphabet.

    Besides that, you can customize what information shows up for each post in the loop. The easiest way to do that is via list view in the upper left corner. It allows you change the order of the post title, featured image, and date. You can even add things like excerpts (see also the next item in this list). Any change to Post Template will affect every single item in the Query Loop.

    modified query loop post template

    Finally, you are able to change the design of the content very easily. For example, you can switch the loop between list and grid view in the block settings bar on top.

    switch query loop between list view and grid view

    It’s also possible to change the number of columns, modify colors, and more. That doesn’t even take into account the many possibilities to adjust the look via block patterns.

    customize query loop block via block patterns

    What’s Great About This Block

    What makes Query Loop one of the best Gutenberg blocks? The fact that puts power into the hands of everyday users that, in the past, were only reserved for developers and people with good PHP skills. Now anyone can create and customize the WordPress loop and output filtered lists of content anywhere on their site.

    Coupled with the Site Editor and its ability to export site customizations, that means that you can create a custom theme and edit page templates without any coding knowledge. Democratization of publishing at work.

    Post Title, Excerpt, Content, Featured Image

    We already mentioned these blocks in the Query Loop block section above but, as parts of the blocks for theme building and templating, they are worth looking into further.

    How It Works

    Post Title, Post Excerpt, Post Content, and Featured Image allow you to display important information and content from pages and posts wherever and in whatever order you want. For that reason, you usually don’t use them inside posts or pages but in templates and template parts. You access those in the Site Editor (Appearance > Editor, when using a block theme) by clicking on the logo in the upper left corner.

    wordpress site editor templates and parts menu

    In the Templates menu, you are able to create custom page templates via the Add New button in the upper right corner.

    add custom templates in wordpress site editor

    You can assign those to posts and pages or, alternatively, set them up so that they automatically apply to certain kinds of content. Of course, you can also edit existing templates to change their design. For example, this is what single posts usually look like in the Twenty Twenty-Two Theme:

    twenty twenty two theme default single post design

    Here is the accompanying template:

    default single post template in twenty twenty two

    Now, we can do the following changes:

    1. Replace the featured image with a Cover block that shows the featured image, add a dark overlay, and move it to the same layout level as Post Content.
    2. Move Post Title inside the Cover block, center it, and change its color to white.
    3. Remove some of the spacers and change the style of the separator.

    Just with these few steps, the page already looks quite different:

    single post design after customizations

    Here’s what the page template looks like in the Site Editor:

    modified single post template

    What’s Great About These Blocks

    As you can see above, these are some of the best Gutenberg blocks because they are extremely potent. They allow you to move around and modify basic elements of your page display. With just a few clicks, you can make fundamental changes to how content appears on your site. Combine it with the Post Date, Categories, Tags, and Post Author Name blocks, and you can build web pages in whatever way you want.

    Comments

    The Comments block is the last theme block we want to talk about here. As you can probably deduce from its name, it’s responsible for adding the form to leave a comment as well as list existing user opinions on your pages.

    How It Works

    The important thing to keep in mind here, as will quickly become obvious when opening list view, is that the Comments block consists of several subblocks (note: you might have to click on the prompt to switch the block to editable mode to see these).

    the comments block is one of the best gutenberg blocks

    Namely, these are:

    1. Comments Title
    2. Comment Template (includes Avatar, Comment Date, Comment Author Name, Comment Edit Link, Comment Content, and Comment Reply Link)
    3. Comments Pagination (consists of Comments Previous Page, Comments Page Number, Comments Next Page)
    4. Post Comments Form

    What should be obvious by now is that this compartmentalization allows you to arrange different elements in any desired order. For example, in the default block, the form to add a comment is at the bottom of the comments section. If want to make it easier for visitors to reach, you can simply move it to the top.

    move comments form block to top of comments section

    Alternatively, do you want to flip the order of the comment date and author name? Nothing easier than that.

    In addition, each element comes with sensible design customization options. You can change the size and border radius of the Avatar picture, determine whether the author name should link to the author’s URL (and if it opens in a new tab or not), customize the comment date structure, or simply change text size, colors, and background colors for the elements.

    What’s Great About This Block

    Be honest, as a normal WordPress user, before Gutenberg, did you have any idea how to make changes to your comments section? Me neither.

    Now, with the Comments block, you have almost full control over it! Even more, you can actually add a comments form to pages that usually don’t have them and also remove them on a post-to-post basis (if you create a template without the Comments block and assign it to your posts).

    The only thing that’s definitely missing at the moment is the ability to customize text elements, e.g. change Leave a Reply at the top of the comments form to something that might go more with the branding of your site.

    Row/Stack

    Row or Stack is a formatting block that you encounter a lot but mostly without knowing it. Its sole purpose is to arrange elements horizontally or vertically and control their relation to each other.

    How It Works

    In order to understand how the Row and Stack blocks works, the best way is to look at template parts like headers and footers (inside the Template Parts menu in the Site Editor).

    wordpress template parts menu

    These not only often consist mainly of a Row element but also contain additional elements of the same type to control the look of elements inside the header.

    wordpress header made up of row blocks

    As you can see in the markup above, this header is a Row block that contains another Row element for the site logo and title as well as a navigation block. It’s simple but sufficient.

    However, the real magic is in the options that the Row block offers (besides the usual typography and color settings):

    • Change the justification of elements (left, middle, right, space between items, and allow wrapping across multiple lines).
    • Adjust orientation between horizontal and vertical (the latter turns it into a Stack rather than a Row block).
    • Add padding and margin.
    • Control block spacing.

    This allows you to easily arrange elements in whatever way you need.

    What’s Great About This Block

    In the past, you needed to work with a lot of floats in order to arrange HTML elements horizontally and vertically. Even after things improved on the technology front, it was still necessary to familiarize yourself with things like flexbox and grid in order to make this happen. Now, it’s all just a few clicks away. Funny enough though, flexbox is the exact technology that the Row block is using, which you can see when you look at the page with browser developer tools.

    Table of Contents

    This is the only block that falls outside of the premise of this article as it is not yet part of the Gutenberg default blocks. At the time of this writing, it’s only available with the Gutenberg plugin installed and activated. However, it used to take extra plugins to get this functionality in the past and I am just excited that soon it will be a native function and wanted to give it a whirl.

    How It Works

    Creating a table of contents in Gutenberg is pretty easy. First, write and format your text, including your headings. Then, input the Table of Contents block into your page or post – that’s it. The block will automatically create a clickable table of contents from the headings on your page.

    table of contents block in gutenberg editor

    In addition, it adds the necessary HTML anchors so that the page jumps work. That way, when someone clicks on a link in the table of contents, the screen will automatically move to that heading.

    What’s a bit thin at the moment are the block’s customization options. It only comes with settings to narrow down the content of the ToC to the current page (for paginated content) and customize things like text and background colors, sizes, as well as margin and padding.

    If you want more detailed options (such as the ability to remove the double numbers that are visible above), you can convert it to a static list, which has more settings and makes the list editable.

    In that case, the Table of Contents block only works as a shortcut. There is also no way to convert the list back to the original block.

    What’s Great About This Block

    Creating a table of contents used to be kind of tedious. You had to manually copy the heading text, input HTML anchors, format it, and add the right page links. Now, all of that is done for you – and in seconds!

    Sure, there is room for improvement. The current lack of customization options is a bit of a bummer. Page jumps also don’t work in preview because the block uses the URL slug of the finished post. However, it still makes the process of adding a table of contents in WordPress much easier.

    What Are Your Best Gutenberg Blocks?

    The WordPress editor is constantly evolving and adding new blocks to its repertoire. For that reason, it’s easy to lose track of what exactly it has available.

    Hopefully, you have found some inspiration in the article above and maybe the motivation to try out some more blocks. If you discover something you really like, we’d love to hear from you!

    What do you consider to be the best Gutenberg blocks? Anything to add to the list? Let us know in the comments!

    The post 8 Best WordPress Gutenberg Blocks (And How to Use Them) appeared first on Torque.

  • Torque Social Hour: Be Your Own Social Aggregator

    The Torque Social Hour is a weekly livestream of WordPress news and events. In this episode we talk with Shawn Hooper and David Bisset about social media, owning your own content, and turning your WordPress site into an aggregator of your all your social networks.

    We start off talking about Shawn’s Twitter-Archive-To-WP tool. Then we discuss davidbisset.social, which was built with WordPress and shows a chronological version of all of David’s social media posts. I also mentioned a tool called Tweetgrab, which allows you to convert any existing Twitter embeds on your WordPress site into static images with properly formatted Alt-Text descriptions.

    During the show we also mention FeedWordPress, Anil Dash’s thoughts on search and consent in the fediverse, the Searchadon retrospective, and the the Timeline Block for WordPress.

    YouTube video of the Torque Livestream with Tim Nolte and Matthias Pfefferle

    If you’d like to know more about how to turn your WordPress site into a Linktree-style list of your favorite social networking sites, check out my tutorial:

    Join us next each Wednesday from 3-4pm PST for WordPress news and interviews.

    The post Torque Social Hour: Be Your Own Social Aggregator appeared first on Torque.

  • Twenty Twenty-Three Theme Review: Flexible and Community Driven

    Every year, WordPress releases a new theme to serve as its default theme — the one that comes with every fresh WordPress installation. As we head into 2023, WordPress has released their latest theme offering into the world, Twenty Twenty-Three, which we will review here.

    WordPress co-founder Matt Mullenweg introduced Twenty Twenty Three in his State of the Word address. This theme aims to be fast, lightweight, and accessible, with a focus on simplicity and easy customization. In other words, it’s the perfect blank canvas for your next WordPress project. But what sets it apart from previous years? An intense focus on community involvement.

    For that and other reasons, let’s take a closer look at some of the key features of this theme in our Twenty Twenty-Three review.

    twenty twenty three theme review

    A Focus on Community

    From the very beginning, the strong community has always been a huge asset for the WordPress project. That’s one of the things that makes it so special. And with Twenty Twenty-Three, they’re doubling down on that commitment.

    twenty twenty three theme community discussion

    This theme is the result of months of feedback and collaboration from the WordPress community. In fact, they even held a series of workshops to gather input on what people wanted to see in the new default theme.

    The end result is something that feels like it was made by the community, for the community. It’s a beautiful example of what can be accomplished when we all work together.

    Simplicity Dominates the Design

    When it comes to the design of Twenty Twenty-Three, simplicity is the name of the game.

    The team behind it focused on two things: speed and accessibility. As a result, they’ve created a clean and minimalist design that does away with anything superfluous. And since it’s essentially a simplified version of the Twenty Twenty-Two theme, it’s already familiar and easy to use.

    This focus on simplicity extends to both the front-end and back-end design. The goal was to make it as easy as possible for anyone to get started with WordPress, whether they’re building their first site or hundredth.

    In that regard, we think they’ve succeeded. Twenty Twenty-Three is beautiful and uncluttered, easy to use, and easy on the eyes. But we’re getting ahead of ourselves. Let’s take a closer look at simplicity in action.

    Barebones Layouts Aimed at Flexibility

    One of the things you’ll notice right away when you review Twenty Twenty-Three is that there aren’t a lot of pre-built layouts to choose from. In fact, there’s pretty much only one. Open any of the templates, you see a blank canvas and a handful of blocks to work with. From there, it’s up to you to build the layout that you want.

    twenty twenty three layout example

    The focus on simplicity means that each layout is easy to understand and customize. And since they’re all based on a grid system, they’re also simple to change on the fly.

    If you want to add a new column or move an element around, all you have to do is drag and drop it into place. No need to worry about messy code or breaking things — everything is flexible and straightforward to change.

    This might sound like a recipe for disaster, especially if you’re used to more complex designs, but it’s actually quite liberating. It gives you the freedom to create any kind of layout you can imagine, without being constrained by pre-existing choices.

    Layout Options

    While there is only one default layout, Twenty Twenty-Three does include the usual options to adjust it. Access these by clicking on Layouts in the Styles menu on the right-hand side of the screen.

    twenty twenty three global styles menu

    From there, you can select different widths for the main content area and create different spacing, padding, and block spacing choices.

    twenty twenty three theme: review of the layout options

    Color Settings

    In addition to the layout options, Twenty Twenty-Three also includes functionality to adjust the theme’s colors. You also find them in the Styles menu under Colors.

    Here, you can select different hues for the background, text, links, headings, and buttons to change up the look and feel of your site. The theme’s default color styles include shades of white, green, and black. But you can definitely customize this to your liking with the usual settings.

    twenty twenty three color options

    Typography

    Next up, let’s review the typography choices that the Twenty Twenty-Three theme includes out of the box. Naturally, you find these by clicking on Typography on the right-hand side of the screen.

    twenty twenty three theme typography option review

    Twenty Twenty-Three comes with a handful of font families, as well as a few different font weights and styles. The supported typefaces include:

    • DM Sans — A straightforward sans-serif font that would work great for body text.
    • Inter — Another sans-serif font with softer curves. Also a suitable option for body text.
    • IBM Plex Mono — A sans-serif font with mono-spacing featuring a typewriter style. Could go well for either titles or body text.
    • Source Serif Pro — A delicate serif font that would look fantastic as quotations or titles.
    • System Font — The fallback option should your browser not support one of the above font choices.

    Typography in the Twenty Twenty-Three theme focuses heavily on the concept of fluid typography. That’s a fancy way of saying that the font size will adjust automatically to best fit the device it’s being viewed on.

    fluid typography specs

    This is a great feature, as it ensures that your content is always easy to read, no matter what device someone is using. And you can use it to establish a minimum and maximum font size value for your site if you wish to give it some parameters.

    In addition to fluid typography, Twenty Twenty-Three also includes support for fluid spacing. This means that the distance between lines of text will also adjust automatically to best fit the user device.

    Features like these are essential in a time when mobile viewing is at an all-time high. It’s simply inexcusable for a site to not look good on a mobile device in this day and age.

    Style Variations

    In addition to the individual typography and styling options, Twenty Twenty-Three also includes a few style variations. The are the real highlight of the theme and were created with the contribution of community members.

    community contributed style variations for twenty twenty three theme

    You find them in the Global Styles menu under Browse styles. Let’s go over them real quick.

    Pitch

    review of pitch, a twenty twenty three theme style variation

    This is essentially a dark version of the default theme.

    Canary

    canary twenty twenty three theme style variation

    This style variation sports a yellow color scheme by default and utilizes a single type size and narrow columns.

    Electric

    review of electric, a twenty twenty three theme style variation

    Here’s another interesting option that features a gray background with a bold-colored text.

    Pilgrimage

    pilgrimage twenty twenty three theme style variation

    Another dark spin on the base theme.

    Marigold

    marigold twenty twenty three theme style variation

    Marigold offers a softer color palette and straightforward layout.

    Block Out

    review of block out, a twenty twenty three theme style variation

    Living up to its name, this theme applies a duotone effect to your images by blocking out a portion of them.

    Whisper

    whisper twenty twenty three theme style variation

    This style variation includes a border around the page and some unique styles for buttons and links.

    Sherbet

    review of sherbet, a twenty twenty three theme style variation

    Sherbet is bright and colorful — and it relies on a gradient background, meaning it’s right on trend.

    Aubergine

    aubergine twenty twenty three theme style variation

    If you’re looking for something darker, Aubergine might be a good fit. Its split-color background is definitely eye-catching.

    Grapes

    grapes twenty twenty three theme style variation

    And lastly, there’s Grapes, which is a subdued option that would serve a text-heavy site well. You can see all of the style variations in action for yourself on Figma – as well as snag a copy of the base theme.

    How to Create Your Own Style Variation

    You can also use the Create Block Theme plugin to create your own style variations. After downloading the plugin, use the WordPress Site Editor to create a custom layout, change colors, typefaces, and make any other changes you’d like.

    Then when you’re done, all you need to do is create a style variation out of your settings selections. To do this, go to Appearance > Create Block Theme then on the next screen select the bubble next to Create a style variation.

    create style variation with the create block theme plugin

    Give it a name then click Create Theme to automatically generate a new .json file on your site.

    Available Templates

    While Twenty Twenty-Three doesn’t include a lot of pre-built layouts, it does come with a handful of templates to help you hit the ground running. You find them in the Templates menu, which you can access by clicking on the logo in the upper left corner of the Site Editor.

    access templates menu in site editor

    From there, you can select from one of the following:

    • 404
    • Archive
    • Blank
    • Blog (Alternative)
    • Home
    • Index
    • Page
    • Search
    • Single

    Many of these are default WordPress templates anyway. Those that are unique to Twenty Twenty-Three include Blank, Blog (Alternative), and the one for the 404 error page. You can access the files for these templates in the templates folder as well.

    Template Parts

    twenty twenty three theme template parts review

    There are four template parts available:

    • Comments
    • Footer
    • Header
    • Post Meta

    These are pretty self-explanatory and accessible via the Template Parts menu or in the parts folder for the Twenty Twenty-Three theme.

    Potential Uses for the Twenty Twenty-Three Theme

    Sometimes it’s helpful to put a WordPress theme into a usage context to get a sense of whether or not it’s a suitable choice for your needs. So, what kind of sites would benefit from using the Twenty Twenty-Three theme?

    It’s a pretty versatile theme, so it’s suitable for a variety of different types of sites. Here are a few examples:

    1. A portfolio site for a photographer or other type of visual artist. The theme’s focus on images and its various style options make it a great choice for this type of site.
    2. A personal blog. The simple layouts and easy-to-read typography make Twenty Twenty-Three ideal for content-heavy sites.
    3. A corporate website. The clean, professional look of the theme would work well for a company site, too.
    4. An online store. The WooCommerce integration means that this theme can also power a beautiful online shop.
    5. A news site. The various layout options and styles make this theme a good choice for a site that relies heavily on text.

    As you can see, the Twenty Twenty-Three theme is a versatile and flexible option for a variety of different types of sites. So, if you’re looking for a theme that to create a beautiful and modern website, this one is definitely worth considering.

    Final Review of the Twenty Twenty-Three Theme: Is It Worth a Look? 

    So, does the Twenty Twenty-Three theme measure up?

    If you’re in the market for a new WordPress theme, then the answer is definitely yes. The theme is packed with features and options, and it’s every bit as flexible and customizable as you need it to be. Plus, with its focus on images and various style options, it’s a great choice for a wide range of different types of sites.

    In addition, the fact that this theme was derived from community involvement gives you all the more reason to give it a try. After all, ideas from devs actively working in WordPress served as the foundation of this slimmed-down theme. 

    So, if you’re looking for a new WordPress theme, be sure to check out Twenty Twenty-Three. It just might be exactly what you need as we move into 2023 and beyond.

    What’s your personal review of the Twenty Twenty-Three WordPress theme? How do you feel about style variations? We’d love to hear your feedback below!  

    The post Twenty Twenty-Three Theme Review: Flexible and Community Driven appeared first on Torque.