image of caching

How and When to Fully Clear all Caches

Introduction

A well configured caching adds different options to help you get the best result for your particular site.

Caching Levels

NGINX Direct Delivery File-Based Cache

When a page is loaded, it makes a copy of your static content – images, CSS, JavaScript, etc. and puts them into the server’s RAM. Next time your visitors load your webpage, the content is fetched directly from the server’s memory which is significantly faster than the server’s hard drive. Learn more about the NGINX Direct Delivery option.

Dynamic Cache

A full-page caching mechanism for non-static resources. It caches the HTML output created by the PHP code of the website application and prevents unnecessary database queries, processing of each page visit, and more. It highly improves your loading speed and the TTFB (time to first byte) of your pages. Learn more about the Dynamic Cache option.

Memcached

An object caching mechanism designed to improve the connection between your application and its database. It greatly improves the loading speed of dynamic content that can’t be served by the dynamic Caching (checkout pages, dashboards and backends, etc). Learn more about the Memcached.

Drop-Ins

image of Drop-Ins
Those single files replace or enhance WordPress features in ways that are not possible for traditional plugins. Having both drop-ins is recommended. The advanced-cache.php file is created when the File-Based Caching is activated, while the object-cache.php file is created when the Memcached is activated.

CDN Cache

The content delivery network speeds up your website when you have geographically dispersed traffic across multiple countries and continents. The tool will cache your website content and will distribute it over multiple CDN data centers around the world. When someone visits your site the content will be delivered from the server closest to the visitor. Learn more about the CDN configuration.

PHP OPcache

A caching engine built into PHP that stores cached files in the root folder of the hosting account. OPcache improves PHP performance by storing precompiled script bytecode in shared memory, thereby removing the need for PHP to load and parse scripts on each request. More about the OPcache.

When to Clear Caches? How Often?

Automatic Purge

  • Perform a smart cache purge based on events happening on your WordPress site.
  • Adjust the WordPress API cache to purge too when clearing the cache.

Manual Purge

  • Use this option when you’re modifying content and don’t have automatic purge enabled to make sure that old cached is purged right away.
  • Flushing the Memcached cache can be done after making updates on the site or if something happens to the service (for example if it crashes, if that happens the object-cache.php file in the wp-content folder will be automatically renamed).
  • Clear all caches following a WordPress version update.
  • Clearing the OPcache periodically is recommend because it can keep obsolete files. It is a must when upgrading your PHP version used, otherwise every few months should be sufficient.

How and Where to Clear Each Different Cache?

In WP Admin

If you use SG Speed Optimizer plugin, you can:

  • schedule automatic purges and/or execute manual purges. Both options only do a smart purge.
  • click “Purge SG Cache” in the top admin bar menu. That button does a full purge (Advanced, File-based and Object caches) for the site.

In SG Site Tools

  • Speed > Caching > Dynamic Cache > Flush
  • Speed > Caching > MemCached > Flush
  • Speed > CDN > Cache Purge > Flush

And for the .OP Cache

  1. SG Site Tools > Devs > SSH Keys Manager > create a private ssh-rsa type key.
  2. Save your SSH user and logins credentials.
  3. Download PuTTY software.
  4. Use PuTTYgen to convert your SSH key in a DSA type .ppk format.
  5. Use Pageant to load your key.
  6. Use PuTTY to login > copy and paste the code below to clean the cache
    rm -rf ~/.opcache/
  7. Full tutorial.
Twenty Twenty Four

Twenty Twenty-Four Theme Released

WordPress brand new theme Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four – see WP.org theme howepage – comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4 “Shirley”.


The section below is a reprint of Introducing Twenty Twenty-Four by Jessica Lyschik

 

TmeZpzB533sRWhcyhKd1dVN4NZTgMZOTZR8bwJ6sG0bWU DME1jdVOqn6atBGVd4INuaZytnO9iY

Twenty Twenty-Four Concept

The idea behind Twenty Twenty-Four is to make a default theme that can be used on any type of site, with any topic. Because of that, and contrary to past years, it has no single topic. Instead, three use cases were explored: one more tailored for entrepreneurs and small businesses, one tailored for photographers and artists and one specifically tailored for writers and bloggers. In essence, it’s a collection of templates and patterns which, all combined, make up a theme. These patterns include different Home templates for different use cases such as an About page, project overviews, RSVPs, and landing pages.

AFafWZnc4VAUwJ5bhxSecfzLg915TtNItpoBcMRPO6OcT8qmrQuUif7a0WXW91k vATH7VldanR iFPL0f9swYodx f3vMCEZDZl7e1Ly8 5TURZH Y43khXI0fVqvmoA7FhsScIH qhLGSG
SGK3vLCzfXQiJokkscCkbbXyYPjLwNn8aJqkzYSfRbD32yYhvVF8nobG oIh3Co5qPbAujXyTaIGnl2DuJiqXv1VLKVlp9TfEspYPh2JjsZJdXd 6ctqhjbgnwysj7GYvCYKZI5mPQYs5Yh
1QbjvkPQOtBo2Npy lcSCLC3ZuNuMniAkDvYu0USmkHMspOHPHYA3BJUisKPXuNRba2KJLyNorzef4yHNk5Q4Tf2oxB8t ZLe4L6 5cC7r YM

Twenty Twenty-Four’s styles and elements are instantly recognizable, inspired by modern design trends. The theme uses Cardo font for headlines, which provides a hint of elegance and a sans-serif system font for paragraphs. The default color palette of Twenty Twenty Four is light, and it also includes a dark style variation that maintains the same typography. Additionally, there are two more sans-serif variations available: one in light mode and another in dark mode.

Twenty Twenty-Four will be a blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme fully compatible with all the site editor tooling and it will surface new design tools like the details block or vertical text. Another key intent for the theme is to properly present whole page patterns and template variations so that users don’t need to assemble whole pages themselves, thus easing up their site building process.

Thanks to Twenty Twenty-Four’s remarkable flexibility and adaptability, a multitude of possibilities open up with just a few adjustments to color and typography. This beautiful theme was designed by Beatriz Fialho.


The section below is a reprint of Introducing the twenty twenty-four theme by Wes Theron

Video Tutorial: Twenty Twenty-Four Theme

In this tutorial, we will explore the new WordPress default theme. The idea behind Twenty Twenty-Four was to make a default theme that could be used on any site, with any topic.

Learning outcomes

  1. Highlighting who can benefit from the theme.
  2. Identifying what makes this theme unique.
  3. Exploring the various patterns and templates that come with the Twenty Twenty-Four theme.
  4. Discovering the available style variations.

Comprehension questions

  • What makes the Twenty Twenty-Four theme different from other default themes?

Transcript

Introduction

Good day, and welcome to Learn WordPress. Let’s take a closer look at the great new theme, Twenty Twenty-Four, that is now available. The Twenty Twenty-Four theme is designed to take advantage of the design tools introduced in WordPress 6.4.

Learning outcomes

The learning outcomes for this session are to highlight who can benefit from the theme, to identify what makes this theme so special, and then to explore the various patterns and templates that come with the Twenty Twenty-Four theme, as well as, discover the available style variations.

Who can benefit from the theme?

Who can benefit from this theme? The Twenty Twenty-Four theme is versatile and designed for various website types, with a focus on three use cases, entrepreneurs and small businesses, photographers and artists, and lastly, writers and bloggers. The idea behind the Twenty Twenty-Four theme was to make a default theme that can be used on any type of site with any topic. If you are an entrepreneur or business owner, the theme has got you covered. There are multiple patterns available to build a business website. The Twenty Twenty-Four theme also really caters well for photographers and artists. And finally, the theme can also be easily customized for blogs.

What makes this theme special?

Firstly, what makes this theme so special? Well, number one, it’s modern and elegant design. Number two, there are a variety of patterns available. And number three, one of my personal favorites is the fact that you have access to whole page patterns and templates. And of course, there are beautiful style variations to choose from.

Whole-page patterns

The first example I wanted to show you was how I created the structure for this About page in one click. As we scroll through the About page, you will notice different sections. And these sections are, of course, patterns that have been added together. To achieve this, let’s start with the blank page. Click on the Inserter, go to Patterns, and in this case, I am after a page pattern or a whole page pattern. So I’ll select Pages, and here we can see a preview of the different pages that are available, and I will select the About page, or the About page pattern. Here I have the layout for my entire About page and now I can just start modifying it and changing it to meet my needs.

Let’s add another whole-page pattern. In this case, an RSVP landing page. After selecting pages, I will scroll down to the bottom and select RSVP Landing. Now I have an RSVP landing page with vertical text, which I can update and tweak to meet my design needs.

Single patterns

Let’s look at some other patterns that come with the Twenty Twenty-Four theme. First up is a pricing table. Next, you can add a pattern to introduce your team to your clients. Or maybe you would like to add a testimonial to a page. There is also a cool call-to-action banner pattern that you can use to get more subscribers. Or maybe you would like to add a section about frequently asked questions. Lastly, there is even a pattern to show off client logos or sponsorships. There are many other patterns to explore and use. It is also worth highlighting some gallery patterns that come with the Twenty Twenty-Four theme to display images or to create a portfolio.

Templates

Now that we have talked about all the fantastic patterns that come with the Twenty Twenty-Four theme, we will shift our attention to templates. Let’s make our way to the Site Editor and select the blog home template. Here we will see that the theme provides us with a whole page template. When we open up the template, we will notice that the structure for our home page has already been created with a beautiful layout and design. Now the user can merely add their own content and make the relevant modifications.

One of the other available templates worth pointing out is the Page with sidebar template. This is perfect for bloggers or for folks who prefer a sidebar on their website. There is also a template named Single with sidebar which allows you to assign this template to single posts if you want your single posts to also have a sidebar. Another unique template that comes with your Twenty Twenty-Four theme is named Page with wide image.

Style variations

Now that we are in the Site Editor, we can also make our way to Styles to explore the various style combinations that come with our theme. When I click on Browse styles, I get a nice zoomed-out view of all the different style variations. This allows me to see how I can change the look and feel of my site. The theme incorporates the sophisticated Cardo font for headlines and Sans Serif for paragraphs for enhanced readability.

Conclusion

Enjoy exploring the new default theme, and visit Learn WordPress for more tutorials and training material.