Influencer Marketing

Influencer marketing involves collaborating with individuals who have a large and engaged following on social media. These influencers can be celebrities, experts, or niche enthusiasts with a dedicated following. They can promote your website, products, or services to their followers, who are more likely to trust and be influenced by their recommendations.

Choosing the Right Influencers

Selecting the right influencers is paramount to the success of your influencer marketing campaign. A thoughtful approach ensures that your message resonates with an engaged and relevant audience.

• Conduct thorough research to identify influencers who align with your niche and whose followers match your target demographic.
• Consider the influencer’s engagement rates, authenticity, and previous collaborations.
• Reach out to potential influencers to understand their pricing. Be clear about your campaign’s details and budget to receive accurate rate quotes. Consider different influencers to compare costs.
• Select the right social media platform based on your target audience and campaign objectives. Consider the benefits and ad formats of platforms like Instagram, YouTube, and Facebook. Determine whether your goal is virality, website traffic, or broad reach.
• Micro-influencers with smaller but engaged audiences can yield impressive results.
• Maintain open communication with influencers to align goals and expectations.
• Avoid partnering influencers with inconsistent communication, sudden rate changes, low engagement relative to follower count, excessive bot comments, rapid follower growth, and misleading post-editing.

Example: A tech startup can partner with a popular and respected tech blogger or a YouTube reviewer to promote their new app. The blogger’s credibility, expertise, and in-depth app reviews can attract a tech-savvy audience genuinely interested in the app’s features.

Creating Shareable and Collaborative Content with Influencers

The key to a successful influencer campaign lies in the creation of engaging and relevant content that resonates with both influencers and their audience.

• Incorporate the influencer’s unique voice and expertise. Highlight the benefits of collaboration, emphasizing mutual growth and unique content opportunities.
• Ensure the content provides value to the audience and encourages them to explore your website further.
• Use a mix of formats such as interactive videos, blog posts, or social media campaigns.
• Incorporate storytelling to make the content relatable and memorable.
• Offer incentives such as affiliate programs, exclusive content, discounts, or giveaways.

Example: A cooking website collaborates with a renowned chef to develop and demonstrate exclusive recipes, attracting both the chef’s followers and the website’s regular visitors.

Nurturing Long-term Relationships with Authenticity

Genuine relationships with influencers are the foundation of successful campaigns. Prioritize meaningful connections over one-off transactions for a sustained impact on your website’s reach. Long-term collaborations can maintain a consistent flow of engaged website traffic. Utilizing a social wall for events can further enhance your influencer strategy, allowing for real-time engagement and amplification of content across various platforms.

Audiences value authenticity above all. Ensure that influencer content seamlessly integrates your brand message while allowing influencers to express themselves genuinely.

Also, you can make influencers your brand ambassadors to maintain long-term relationships. Brand ambassadors are trusted sources of information, and their endorsements can attract new audiences. They can also promote your website and brand at events and conferences.

• Prioritize mutually beneficial partnerships that extend beyond a single campaign.
• Maintain a transparent partnership, disclosing sponsored content. Encourage influencers to provide honest reviews and feedback.
• Offer exclusive deals for the influencer’s followers, driving traffic to your website.
• Influencer feedback: Regularly communicate with influencers to stay up-to-date with audience preferences, gather insights, and fine-tune your collaboration approach.

Example: Consider a photography equipment brand collaborating with a well-known travel photographer. This partnership involves showcasing the brand’s gear in the photographer’s travel blogs. Through genuine experiences, insightful reviews, and exclusive photography tips, the audience becomes engaged, forging a connection that extends beyond a single campaign. This authentic bond drives consistent traffic to the brand’s website, creating its reputation among photography enthusiasts.

Cross-Promotion with Influencers

Collaborate with influencers for cross-promotional campaigns. By co-creating content and sharing it across both parties’ social platforms, you tap into each other’s audiences, fostering mutual growth and expanding your website’s reach.

• Identify complementary influencers in related niches. Use data analytics and insights to choose influencers who have a strong overlap with your target audience.
• Brainstorm creative content ideas that showcase both brands. Dive deep into their expertise to co-create informative, entertaining, or emotionally resonant content that can genuinely connect with the audience of both brands.
• Clearly define usage rights and permissions for the content that is created during the campaign. This includes how and where the content can be used.
• Launch a coordinated content release across multiple social channels.
• After the campaign concludes, follow up with influencers to express gratitude, share performance metrics, and discuss potential future collaborations.

Example: A health and wellness brand can partner with a fitness influencer. They can create a series of workout videos featuring the brand’s products, sharing them on both the influencer’s fitness-focused platform and the brand’s wellness website.

Avoid Restricting Creative Freedom in Influencer Collaborations

When working with influencers, it’s important to have the right balance between providing comprehensive briefs and allowing creative freedom. This balance is needed to maximize the effectiveness of influencer marketing campaigns and collaborations.

• Outline the campaign objectives and key messaging to provide the roadmap for collaboration. Here, you need to clearly communicate the campaign goals and provide clear guidelines and expectations.
• Avoid micromanaging every detail as it can hinder authenticity and creativity in content creation. Here, you need to provide creative freedom and be open to new ideas.
• Allow influencers to interpret your campaign objectives and create content in their own unique way. Remember that influencers have their own unique voice and style, which is why you partnered with them in the first place. Allow them to express themselves and create content that feels authentic.

Example: Imagine a fashion brand collaborating with a style influencer. Rather than dictating every outfit detail, the brand provides a theme, letting the influencer’s creativity shine through in their unique way of styling.

Instead of providing a script for a sponsored video, give influencers the freedom to integrate your product or service naturally into their content which would make it more authentic and relatable to their audience.

Influencer Compensation Models and Incentives

Influencer compensation models and incentives are crucial for building mutually beneficial partnerships. There are various approaches like monetary compensation, product/service exchange, or commission-based models. The choice depends on factors like the influencer’s reach, the campaign’s objectives, and the brand’s budget.

• Pay per post or fixed rate for sponsored content.
• Commission on sales/leads generated through an influencer’s unique link or code.
• Free products/services or exclusive access in exchange for promotion.
• Performance-based incentives tied to engagement metrics or conversions.

Example: A fashion brand could offer micro-influencers a fixed fee for sharing an outfit post featuring their latest collection, or a commission on sales generated through their unique discount code.

AI-Infused Influencer Outreach Strategies

Utilizing AI in your influencer outreach strategies can be highly beneficial. AI can analyze influencers’ past collaborations and audience interactions to guide your approach. It can narrow down your selection process and its predictive analytics can recommend the most effective influencer partnership options.

• Leverage AI-powered influencer identification tools: Utilize platforms that can analyze social media data to identify relevant influencers based on specific criteria.
• Automate outreach tasks: Use AI-driven tools to schedule emails, track progress, and manage relationships with multiple influencers simultaneously.
• Use AI to analyze influencer content: Identify trends, themes, and popular topics among influencers to align your campaign with current interests.
• Monitor influencer activity: Utilize AI-powered monitoring tools to track influencer posts, mentions, and engagement in real-time, enabling prompt responses and adjustments.

AI algorithms analyze not only influencer content but also your website’s existing materials. This analysis helps in identifying gaps, overlaps, and potential synergies between influencer-generated content and your site’s offerings. As a result, the collaboration produces content that seamlessly integrates with your website’s theme and resonates with your audience.

Example: Imagine you run a home decor website. Using AI-infused strategies, you can analyze data patterns and discover an interior design influencer whose audience closely matches your target demographic. AI-guided insights reveal that the influencer’s followers are particularly interested in sustainable living and minimalist aesthetics. Based on this knowledge, you can collaborate with the influencer to co-create content that showcases sustainable decor ideas and minimalist room transformations.

Social Sharing

While influencer collaborations introduce your content to new audiences, it’s important to understand a well-orchestrated social sharing strategy that ensures its sustained visibility and circulation. By integrating social sharing buttons and tools into your website, you allow visitors to easily share the content of your website such as articles, products, or visuals across their social media networks. Alternatively, you can also create QR codes for your website that link website visitors directly to all of your social media content.

As an example, you can install a social sharing plugin on your WordPress website to facilitate easy sharing of your content. Also, you can enable sticky social share icons that remain accessible for consistent visibility as visitors navigate your content.

Integrated Social Sharing Buttons and Widgets

Integrate social sharing buttons and widgets into your website to significantly boost content distribution and engagement. These elements make it easy for visitors to share your content on their preferred social networks with just a few clicks.

• Social share buttons for major platforms (Facebook, Pinterest, X, LinkedIn, etc.).
• Click-to-share quotes or snippets for easy sharing of key messages.
• Floating share bars or sticky social icons for persistent visibility.

Example: A website blog could include share buttons at the beginning and end of each post. This would allow readers to easily share the content on their social media feeds, potentially reaching new audiences.

Strategic Social Sharing Campaigns

Engage your audience by encouraging them to actively participate in social sharing. Pose questions, run contests, or conduct polls that prompt users to share their responses, opinions, or entries, generating organic visibility for your website.

• Pose thought-provoking questions related to your content.
• Host interactive giveaways where participants share your content to enter.
• Use compelling visuals with your content to maximize engagement and increase shares.
• Hashtag strategy: Implement relevant and trending hashtags to enhance content discoverability and engagement.
• Share user-generated content to create a sense of community around your brand.
• Decide on the timing and frequency of your posts for each platform. Create a social media content calendar for organized posting and to avoid content fatigue.

Example: A photography website initiates a “Best Nature Shot” contest. Participants share their captivating images on Instagram using a dedicated hashtag, leading to a surge in website visits to explore contest details.

Automated Content Sharing with AI for Consistency

With the use of AI, you can share your content on social media consistently. It makes sure you post regularly and that your messages are always interesting. Plus, it can automate content sharing across different social media platforms. This can save time as well as marketing costs and keep your followers engaged with updates.

Each social media platform has its unique characteristics and audience behaviors. AI algorithms adapt your content for different platforms, optimizing visuals, captions, and posting formats to align with user expectations.

• AI-powered scheduling tools post content at optimal times for maximum visibility, while also automating chat support on your website and social media.
• AI tools search through lots of data to find popular, relevant, and trending topics for social media, so your posts stay interesting and up-to-date.
• Automation reduces the manual workload, freeing up time for strategic planning.
• Using AI to automate your content sharing can reinforce your reputation as an expert and increase the professionalism of your brand image.

AI doesn’t just automate content sharing, it can learn and refine its approach over time. By analyzing engagement metrics and user interactions, AI can fine-tune your social sharing strategy, prioritizing content that consistently resonates with your audience. This iterative process ensures that your content remains relevant and effective.

Internal Social Sharing and Employee Advocacy

Encouraging and enabling your employees to share company content can amplify your brand reach and credibility. Empower your workforce as brand advocates to leverage their personal networks and build trust through authentic, peer-to-peer sharing.

• Internal communication and training on social media best practices.
• Centralized content hubs or platforms for employees to access shareable assets.
• Incentives or recognition programs for active employee advocacy.

Example: A software company could provide their employees with pre-written social media updates and visual assets promoting their latest product release, encouraging them to share within their professional networks.

Social Listening and Monitoring for Engagement

Actively monitoring social media conversations and engagement around your brand, content, and industry can provide valuable insights.

Leverage social listening tools and strategies to identify opportunities for engagement, address concerns, and measure the success of your social sharing efforts.

• Track brand mentions, hashtags, and industry keywords across social platforms.
• Monitor comments, shares, and other engagement metrics on your shared content.
• Respond to questions, feedback, and interactions in a timely manner.

Example: A retail brand could use social listening tools to track conversations around a new product launch. Also, they can interact with positive mentions, address negative feedback, and measure the impact of their influencer marketing campaign on social media buzz.

Measuring Results and Adapting Strategies

Continuously evaluating the performance of your influencer marketing campaigns and social sharing strategies is essential for refining your strategies and optimizing results.

• Utilize analytics to measure website traffic originating from social platforms. Also, keep track of website traffic including actions such as newsletter signups before, during, and after influencer campaigns.
• Monitor key performance indicators (KPIs) like conversion rates, and social engagement.
• Track engagement metrics such as likes, shares, comments, and click-through rates.

In conclusion, incorporating influencer marketing and social sharing strategy into your website can yield remarkable results. The partnership with influencers brings authenticity and expands your reach, while social sharing facilitates seamless content distribution.

The post Boost Website Reach with Influencer Marketing and Social Sharing appeared first on ScriptsTown.

In this article, we list some useful AI assistant plugins that you can utilize to speed up the process of writing content for your WordPress blog. This can help you save time and ultimately increase productivity and efficiency.

AI Engine

AI Engine is a WordPress plugin that makes it easy to integrate a large language model (LLM) like ChatGPT from OpenAI and Microsoft Azure into your WordPress website. To activate the AI functionality and enhance the writing experience, users have to input the API key from their chosen AI service provider.

It comes with AI Copilot that provides helpful suggestions, you can simply type after a space to activate the AI Copilot. It can suggest enhancements, spelling fixes, grammar corrections, text translations, readability improvements, and more.

Also, it offers quick recommendations with a single click for better titles, excerpts, and more. You can adjust parameters, customize prompts, and generate engaging content and images.

The AI Playground allows for custom use cases. It comes with a toolbox of AI-powered tools to experiment with translation, correction, and more. It allows for fine-tuning models, you can manage and train AI models and edit datasets through user-friendly interfaces. Additionally, it offers an internal API that can be used by various plugins to enhance their functionality.

The other features include:

• Speech-to-text conversion: AI Engine includes a feature that converts spoken words into text using Whisper API. This can save you time and effort when adding content.
• WooCommerce product fields templates: It offers multiple templates for WooCommerce fields like short descriptions, long descriptions, and more to quickly fill product fields.

Jetpack AI Assistant

Jetpack plugin offers features like website security, content optimization, and infinite scrolling, providing website owners with a comprehensive solution to enhance their online presence. It includes an AI assistant feature that can create engaging blog posts, detailed pages, structured lists, tables, and other types of content as per your specific needs.

With its adaptive tone adjustment, you can easily match the style you want for your content, whether it’s formal or conversational. Its interface seamlessly integrates into your WordPress editor, making content creation efficient and natural. It also includes advanced spelling and grammar tools to help you maintain professional standards.

You can select different types of tone for any sentence or paragraph such as formal, informal, optimistic, humorous, confident, and so on.

Additionally, Jetpack AI Assistant can generate fitting titles and concise summaries for your content. And if you need translations, it can provide AI-powered translations across multiple languages, breaking down language barriers.

GetGenie AI Content Writer

GetGenie.AI is an AI content writer and SEO assistant plugin for all your WordPress content writing tasks. It can help you write blog posts, social media copies, email copies, or any other marketing materials. It can even generate descriptions for WooCommerce products.

You can set the creativity level for the content generation process, and select outlines for the topic. Also, it’s multilingual, so you can create content in different languages.

The plugin offers compatibility with the WordPress block editor and popular page builder plugins like Elementor. GetGenie can perform SEO analysis, enhance on-page SEO, and include AI templates for efficient copywriting.

Some other features of GetGenie include:

• Plagiarism checker: It includes an integrated Copyscape checker to detect plagiarism effectively to ensure your content’s authenticity.
• Keyword research and analysis: It offers Natural Language Processing (NLP) for SEO keyword research and analysis.
• Content score: To improve your content’s quality, it assigns a content score based on factors like SERP analysis, length, keyword research, headings, and text structure.
• SERP visualizer: To help understand how well your content is doing, it can show a visual representation of your content’s performance on search engine result pages.

AI Assistant by 10Web

Another great AI assistant plugin for WordPress is by 10Web which offers diverse templates for generating content such as introductions, outlines, a complete blog post, paragraphs, FAQ generator, product descriptions, conclusions, and more. It can significantly enhance your content’s creativity, readability, and style.

Using it, you can easily paraphrase any paragraph to make it unique and engaging. Also, it works seamlessly with both the WordPress block editor and the classic editor.

In conclusion, AI assistant plugins for WordPress offer a range of powerful tools to enhance content creation and streamline workflows. These plugins provide features such as content generation, tone adjustment, translation, and SEO optimization. With their compatibility with the WordPress block editor and user-friendly interfaces, these plugins make it easier than ever to create engaging and high-quality content.

The post WordPress AI Assistant Plugins for Bloggers and Content Writers appeared first on ScriptsTown.

If you already optimize an image before uploading and want to use only the original image, then you may not need all other image size versions of the original image. Also, there might be a case when you only want to utilize the original image and some specific image size.

Once, you define what image sizes you need, you can also follow this guide to remove image sizes of older images to free up some space.

Reasons to Disable Unnecessary Image Sizes

So, the possible reasons for allowing only specific image sizes are as follows:

1. To save space: You may want to remove unnecessary image sizes of the older images to free up server space, and also disable image sizes for new image uploads.
2. Already optimize images before upload: You already optimize images before uploading them, so there is no need to create unnecessary image sizes. You may only want to keep one small image size, like the thumbnail with the original image.
3. Not all image sizes are needed: You simply want to use original images along with specific image sizes. So, you can disable other image sizes.

Steps to Allow Only Specific Image Sizes

In a nutshell, these are the steps that we would follow:

1. Define image sizes to create with the original image: We first create a simple plugin to define only the necessary image sizes, like the thumbnail.
2. Allow only specific image sizes for new uploads: Once, we activate this plugin, any new image you upload would have only the specific image sizes that we define.
3. Remove image sizes of older images: Here, we remove image sizes of the older images, so only the image sizes that we define are kept for older images as well.

Now, we go through each step one by one.

Create a Plugin to Define Specific Image Sizes

By default, WordPress registers multiple image sizes. This means, when you upload an image, it creates multiple image sizes of the original image. The original image is also kept along with its different sizes.

The following sizes are registered for an image by default:

• thumbnail
• medium
• medium_large
• large
• 1536×1536
• 2048×2048

In this custom plugin, we will unregister some of the sizes that we don’t want WordPress to create for an image. Here are the steps for creating a custom plugin:

Create a file with the plugin’s name, let’s call it “disable-image-sizes.php”.

Next, paste the following code into it:

<?php
/*
 * Plugin Name: Disable Image Sizes
 * Version: 1.0
*/

defined( 'ABSPATH' ) || die();

function m_disable_media_sizes( $new_sizes ) {
	unset( $new_sizes['large'] );
	unset( $new_sizes['1536x1536'] );
	unset( $new_sizes['2048x2048'] );

	return $new_sizes;
}
add_filter( 'intermediate_image_sizes_advanced', 'm_disable_media_sizes' );

In the above code, we disable three image sizes, that is “large”, “1536×1536”, and “2048×2048”. So, we only allow “thumbnail”, “medium”, and “medium_large”.

Now, the plugin file is ready, and we need to install it in WordPress and activate it.

Create a zip file of “disable-image-sizes.php”, so it will be “disable-image-sizes.zip”.

Then, upload this plugin’s zip file to your WordPress. In your WordPress admin, “Plugins” > “Add New”, and “Upload Plugin”. After, choose the zip file and click “Install Now”.

Next, you can activate it from “Plugins” > “Installed Plugins”. Here, find the plugin with the name “Disable Image Sizes” and activate it.

After activating this plugin, whenever you upload a new image, only the “thumbnail”, “medium”, and “medium_large” image versions along with the original image will be created in the “wp-content/uploads” folder.

Also, there might be custom image sizes registered by a theme or plugin, so you would need to know the image size name. Then, you can use a similar approach to unregister them.

Disable Large Scaling of Images

When you upload a very large image on your WordPress, it scales the image down to some value. This value is 2560 pixels. The scaling is done on the longest side.

This means, if you upload an image of size 4400×3600, it will scale down to 2560×2094.

Case 1: You can adjust this value of 2560 by using the following code:

function m_big_image_size_threshold( $threshold  ) {
	return 3000;
}
add_filter( 'big_image_size_threshold', 'm_big_image_size_threshold', 99 );

In the above code, we change this image scaling threshold to 3000.

Case 2: You may want to disable this behavior entirely. In this case, you can use the code:

add_filter( 'big_image_size_threshold', '__return_false' );

Depending upon the case, you can use either code and add it to the above custom plugin at the bottom of the previous code.

Remove Image Sizes of Older Images

It might be a good idea to create a backup before following the below steps.

For new images that you upload after activating the custom plugin, only the specific image size versions will be created.

For older images, you may want to remove their sizes, that are not registered now. To do so, we can use a plugin to regenerate thumbnails. You can install and activate this plugin along with the custom plugin that we created previously.

Make sure the custom plugin to unregister image sizes is activated as well. Then, navigate to “Tools” > “Regenerate Thumbnails”. Here, you can check the following options:

• Skip regenerating existing correctly sized thumbnails
• Delete thumbnail files for old unregistered sizes in order to free up server space

Then, you can click on “Regenerate Thumbnails For All Attachments”.

This will regenerate all the image size versions without unnecessary sizes as defined in the custom plugin. So, it can help to free up some space and also helps to improve the performance of your WordPress website.

The post How to Remove Image Sizes and Rebuild Images on WordPress appeared first on ScriptsTown.

Object cache with Redis can minimize the load on your WordPress database by caching frequently accessed data in memory instead of having to retrieve it from the database every time it’s needed. This can significantly reduce the number of database queries required to load a page, resulting in faster page load times and reduced server load.

By reducing the load on your WordPress database, you can also improve the overall performance and scalability of your WordPress site.

In this guide, we learn how to use object cache in Redis in WordPress using a drop-in plugin. Also, we learn the steps to install the Redis server and how to monitor its memory usage.

Installing and Configuring Object Cache Drop-in Plugin

Instead of installing Redis plugin from a WordPress repository, we can install a drop-in plugin.

A drop-in plugin is a PHP file that you can drop into the WordPress “wp-content” directory. This automatically activates the plugin without any additional configuration or settings.

To get WordPress Redis drop-in plugin, navigate to its GitHub repository, and click on the “Code” > “Download ZIP”. Next, extract the zip, you will find a PHP file “object-cache.php”. This is a drop-in WordPress plugin for enabling object cache with Redis.

Setting Default Expiration Time for Redis

Now, before installing this drop-in plugin, you can edit it and set Redis default expiration time by editing the “object-cache.php” file. You will see this line of code:

if ( ! defined( 'WP_REDIS_DEFAULT_EXPIRE_SECONDS' ) ) {
	define( 'WP_REDIS_DEFAULT_EXPIRE_SECONDS', 0 );
}

You can change the value of 0 (which means no expiration) to something like 604800 (which is 7 days). So, it will look like this:

if ( ! defined( 'WP_REDIS_DEFAULT_EXPIRE_SECONDS' ) ) {
	define( 'WP_REDIS_DEFAULT_EXPIRE_SECONDS', 604800 );
}

Setting an appropriate expiration time for cached data ensures that stale data is not being served to site visitors. Additionally, it helps to prevent the Redis cache from becoming too large and overwhelming the server’s resources.

However, there are other methods to prevent excessive memory usage by Redis that are mentioned in this guide below.

Once, you have finished editing the “object-cache.php” file, you can install it as a drop-in plugin on your WordPress site.

Installing Redis Object Cache Drop-in Plugin

Using your WordPress file manager, you can simply put “object-cache.php” inside the “wp-content” directory. So, it will look like “wp-content/object-cache.php”.

Now, in your WordPress admin panel, you can check this drop-in plugin by going to “Plugins” > “Installed Plugins” > “Drop-in”.

Next, you would need to mention the Redis server host, port, and Redis database to use for your WordPress website inside the “wp-config.php” file. You can do so by going to your WordPress file manager, then edit your “wp-config.php” file, and adding the following code just above the message as shown below:

// Redis.
$redis_server = array(
	'host'     => '127.0.0.1',
	'port'     => 6379,
	'auth'     => '',
	'database' => 0,
);

/* That's all, stop editing! Happy publishing. */

You can use database values such as 0, 1, 2, and so on depending on the specific WordPress website in case there are multiple WordPress sites on the same server.

WP Redis: Connection Attempt Failed

After installing the drop-in Redis plugin, if you see a message like “WP Redis: A connection attempt failed”, then it means Redis is not installed on your server. Below are the steps to install Redis and its PHP extension on a server.

Installing Redis Server and PHP Redis Extension

First, you need to log in to your server via SSH (terminal). To check if Redis is already installed on your server, you can check this by using the command:

> redis-cli info

If Redis is already installed, you should get information about the Redis service, else you will get the command not found message.

If it shows command not found, then install Redis by running these commands one by one:

> sudo apt-get update
> sudo apt-get install redis-server

Next, press Y to continue installing Redis and its related packages. Now, you can re-run the “redis-cli info” command and it should return some output.

The drop-in plugin also requires a PHP Redis extension. You can enable this extension by going to your cPanel PHP settings. Or, you can install it using the SSH terminal of your server.

Enable PHP Redis Extension via cPanel

If you use a cPanel for managing server configurations, there you can enable the PHP Redis extension by going to your cPanel’s PHP settings.

Depending on the PHP version that your WordPress site runs on, you would need to enable the PHP Redis extension that corresponds to the PHP version.

Install PHP Redis Extension via SSH

If the PHP Redis extension is not installed, then you can install it via SSH terminal using the following command:

> sudo apt-get install php8.3-redis

You can adjust the above command to install the PHP Redis extension for the PHP version that your WordPress site uses.

Setup Maximum Memory Limit and Policy for Redis

It’s good to set a maximum memory limit for a Redis so it does not run out of memory. Therefore, it won’t throw any memory-related errors. To set the maximum memory limit for Redis, you can SSH on your server and run the command to edit the Redis configuration file:

> sudo nano /etc/redis/redis.conf

Set Maximum Memory Value

Next, in the “redis.conf” file, using the nano editor, use the “Ctrl + W” key to search for “maxmemory <bytes>”. You will see this line:

# maxmemory <bytes>

Remove the “#” and change the above line to add maximum memory, so it will look like this:

maxmemory 100mb

The value “100mb” depends on the size of your actual WordPress database as well as how frequently data is accessed, you can experiment with it by setting a small value first like “40mb”, “60mb”, and so on, then you can monitor Redis memory usage and change its value depending on the Redis memory usage.

Save the file with “Ctrl + X” and then “Y”. Then, restart Redis using the command:

> sudo systemctl restart redis.service

Set Policy for Maximum Memory

It is also necessary to set a policy for evicting keys once maximum memory usage is reached by the Redis instance, you can do so by the editing Redis configuration just like above:

> sudo nano /etc/redis/redis.conf

Using “Ctrl + W”, search for “maxmemory-policy noeviction”, then you will find this line:

# maxmemory-policy noeviction

Remove the “#” and change it so, it will look like this:

maxmemory-policy volatile-lru

You may also change it to “allkeys-lru” instead of “volatile-lru”.

maxmemory-policy allkeys-lru

The “allkeys-lru” value evicts the least recently used keys from the Redis cache.

The “volatile-lru” value only considers volatile keys when evicting items from the cache. Volatile keys are those that have an expiration time set, so they will be automatically deleted from the cache when that time is reached.

Save the file with “Ctrl + X” and then “Y”.

After making changes to the Redis configuration, you must restart the Redis service by running the following command:

> sudo systemctl restart redis.service

Monitoring Redis Memory Usage

There are many useful Redis commands to check Redis keyspace and its memory usage.

To check the current memory usage of Redis, use the command:

> redis-cli info memory

This will display a lot of information related to memory usage.

See only the used memory and memory overhead of Redis using the command:

> redis-cli info memory | grep 'used_memory'

Display the current memory usage of Redis in a human-readable format:

> redis-cli info memory | grep 'used_memory.*human';

You can also check the memory usage of individual Redis databases with the command:

> redis-cli info keyspace

This will show the memory usage of each database in bytes.

You may also want to clear all cache in the Redis memory:

> redis-cli FLUSHALL

For clearing individual Redis databases like 0, you can run the following command:

> redis-cli -n 0 FLUSHDB

In conclusion, using an object cache with Redis can significantly reduce the load time of WordPress websites. By storing frequently accessed data in memory, object cache like Redis can reduce the number of database requests and improve site performance.

To use object cache with Redis in WordPress, users have to install and configure Redis, enable the PHP Redis extension, install a Redis object cache plugin, and add Redis configuration settings to the WordPress configuration file.

The post How to Use Object Cache with Redis to Reduce WordPress Load appeared first on ScriptsTown.

Masonry grid layout allows for elements to be different sizes and shapes, creating a more organic and visually interesting layout. As a bonus, we will also list some clean WordPress themes with a standard grid layout.

PressBook Masonry Blogs

A clean-looking masonry theme for WordPress that comes with multiple options to customize the masonry grid layout. This masonry theme is responsive, visually appealing, and flexible.

The elements in the masonry are adjusted automatically depending on different sizes and shapes, giving it a more organic look. Also, you can easily change the number of columns for different screen size devices. Also, you can adjust the margin between the columns.

Additionally, the PressBook Masonry Blogs theme allows you to change the content in the grid. For example, you can hide the post summary and meta information like category.

Support for Infinite Scrolling and Load More

The masonry theme offers support for infinite scrolling or a load more button using the Jetpack plugin. So, you can easily add an infinite scroll or a load more button instead of the WordPress default pagination to the posts in the masonry grid.

Also, you can check the video guide on how to set up infinite scrolling for the theme.

PressBook Masonry Dark

An excellent dark masonry theme for WordPress that offers an eye-catching color scheme with great typography is PressBook Masonry Dark.

This is a dark variation of the masonry theme that is content-focused and comes with a set of many options and patterns to customize the overall look of this dark masonry theme.

PressBook Grid Blogs

This is an elegant-looking WordPress theme with a grid layout for blog posts. This theme offers a standard grid instead of a masonry grid. Also, the header area comes with support for an advertisement banner with a branding section on the left side.

Moreover, this theme adapts beautifully across all screen-size devices and provides many options to customize the elements in the standard grid. It is a great choice for writers and bloggers who want to show their content posts in a grid with a clean and modern look.

PressBook Grid Dark

This is a dark grid theme for WordPress that offers a standard grid layout with a stylish look. This theme comes with a highly accessible color scheme. Similar to PressBook Grid Blogs, this theme supports an advertisement area in the header section. Also, you can set the header background, top menu, social links, and primary menu.

A masonry grid, standard grid, and infinite scroll are powerful features that can enhance the user experience and make your website look more modern and visually appealing.

The themes listed above offer a wide range of options for different types of websites and styles, ensuring that you will find the perfect fit for your needs. Whether you are a blogger or photographer, using a theme with a masonry grid and infinite scroll can help keep visitors engaged and interested in your content.

The post Best WordPress Themes with Masonry Grid and Infinite Scroll appeared first on ScriptsTown.

Understanding Web Vitals for WordPress

Web vitals are a set of metrics to evaluate website performance. These include Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).

• LCP measures how long it takes for the largest element on a page to load.
• INP measures the maximum time it takes for a website to respond to user interactions.
• CLS measures how much the page layout shifts during loading.

Good web vital scores result in better user experience and search engine rankings.

Evaluating Current Performance and Vitals

To optimize your WordPress site, it’s important to evaluate your site’s current performance and web vitals. Tools like Google PageSpeed Insights and GTmetrix can help you assess the speed and vitals of your site.

• Use Google PageSpeed Insights or GTmetrix to evaluate site performance.
• Check web vitals scores to identify areas for improvement.
• Analyze load times, page size, and requests to determine performance issues.
• Set benchmarks for performance improvements.

For an eCommerce site utilizing resource-intensive plugins like WooCommerce, it’s vital to closely monitor and address any issues related to high memory usage.

Optimizing Images for Faster Loading

Images are a crucial part of any website but can slow down loading times if not optimized. For WordPress, there are several ways to optimize images, including resizing, compressing, and lazy loading.

• Resize images to appropriate dimensions for the web.
• Compress images to reduce file size.
• Use lazy loading to prioritize loading images below the fold.
• Install plugins like Smush or Imagify to automate image optimization.

Caching and Minification Techniques

Caching and minification are techniques used to reduce the size and complexity of WordPress files, resulting in faster loading times. The caching stores frequently accessed data, while the minification removes unnecessary code from files.

• Use caching plugins like WP Super Cache.
• Minify HTML, CSS, and JavaScript files by using plugins like Autoptimize.
• Leverage browser caching to store frequently accessed data.
• Utilize object caching in your database to efficiently store frequently accessed data and reduce load on the server.

Reducing HTTP Requests and Optimizing Code

Reducing the number of HTTP requests and optimizing code can significantly improve site performance. Combining files, reducing code, and using browser caching are effective ways to reduce HTTP requests.

• Reduce the number of HTTP requests by combining files.
• Remove unnecessary code from HTML, CSS, and JavaScript files.
• Enable server-side caching to improve performance.
• Make sure the WordPress theme or plugins you use have efficient and optimized code.

Minimizing Plugins and Database Optimization

Minimizing plugins, selecting a fast WordPress theme, and optimizing your database can help improve site performance. Removing unnecessary plugins and optimizing your database can significantly reduce site load times.

• Remove unnecessary plugins to reduce code and HTTP requests.
• Use only the plugins with clean and efficient code.
• Optimize your database by removing unused data and tables.
• Use plugins like WP-Optimize to automate database optimization.
• Regularly update WordPress core, themes, and plugins.

Reduce Website Load with Security or Captcha Plugin

Using security and a captcha plugin can not only improve website security but also reduce the load on your site caused by bot attacks. Here are some key points to consider:

• Security plugin helps prevent unauthorized access and malware attacks.
• Captcha plugin helps prevent spam and bot attacks on forms and comments.
• By reducing bot attacks, website load times can be improved.

Selecting a Fast Hosting Provider

Choosing a fast and reliable hosting provider is crucial for website performance. Factors to consider include server location, uptime guarantee, and customer support.

• Choose a hosting provider with servers close to your target audience.
• Look for providers with high uptime guarantees.
• Evaluate customer support options.
• Consider the scalability of the hosting plan.

Enabling Gzip or Brotli Compression and CDNs

Enabling Gzip or Brotli compression can reduce the size of files sent from your server, resulting in faster load times. Using a Content Delivery Network (CDN) can also help to serve content from a geographically closer location, improving site performance.

• Enable Gzip or Brotli compression to reduce file sizes.
• Use a CDN to serve content from geographically closer locations.
• Consider a premium CDN for additional features and faster load times.
• Evaluate the impact of third-party scripts on site performance.

Testing and Monitoring Performance and Vitals

Regularly testing and monitoring your site’s performance and web vitals is crucial to identify areas for improvement.

• Use Google Search Console to monitor web vital scores.
• Set benchmarks for performance and web vital improvements.
• Regularly test site speed and web vital scores to track improvements.

Conclusion

To improve website performance and core web vitals, you should optimize WordPress for fast loading, user experience, and SEO. Whether you have a general-purpose, business, or eCommerce site, it is also important to ensure that many plugins don’t burden your site with excessive load. For example, if you own an eCommerce WordPress site, you should also optimize WooCommerce by making sure only relevant WooCommerce plugins are active.

By understanding core web vitals, evaluating performance, and implementing optimization techniques, speed can be significantly improved. Minimizing HTTP requests, optimizing code, selecting fast hosting, and monitoring regularly is essential for WordPress optimization.

The post How to Optimize WordPress for Fast Loading and Better Web Vitals appeared first on ScriptsTown.

WordPress SEO Plugin – Yoast SEO

To improve your website search rankings, you must have an SEO plugin. Yoast SEO is a popular and useful SEO plugin for WordPress that comes with many great features to improve your site rankings and help your write better content.

Some of the features that Yoast SEO offers are as follows:

• XML sitemaps that help search engines to understand your overall site structure.
• Automated technical advancements like canonical URLs, and meta tags.
• Meta titles and descriptions for better snippets in the search results.
• Schema.org integration to assist search engines in understanding your content.
• Readability and SEO analysis to help write SEO-friendly content.

Dark Mode Plugin for WordPress

If your WordPress theme does not come with a dark mode feature, then it might be a good idea to add it via the Dark Mode Toggle plugin. It can add a dark mode toggle feature to any WordPress theme. You can simply install and activate this plugin to make it function as it works right out of the box.

Also, you can further customize the width, shape, and position of the toggle button by going to “Appearance” > “Dark Mode”.

Having dark mode toggling is a great feature to have to improve the accessibility of your WordPress site. The pro version of the dark mode toggle is also available with more options and it can also bring dark mode to the WordPress admin pages.

Autoptimize – Optimize CSS, JS, and Assets

To improve the performance and speed of your WordPress site, you must use some asset optimization plugins like Autoptimize. This is one of the most useful WordPress plugins to perform compression, optimization, and caching on your asset files like CSS and JS.

Also, it can combine multiple files to reduce the number of HTTP requests and compress the HTML, and fonts. Some features of Autoptimize include:

• Optimize CSS code, Aggregate CSS files, and inline CSS
• Optimize JavaScript code, Aggregate JS files, and inline JS
• Inline critical CSS and defer CSS
• Async JavaScript files
• Optimize HTML code
• Minify CSS and JS files

Images Optimization Plugin – Smush

There might be many large images on your WordPress site that can be one of the causes for slow loading speed. To fix this, you can use an image optimization like Smush. This is also a very useful WordPress plugin to lazy load and optimizes all of your existing images and new images. The features of the Smush plugin are as follows:

• Optimize and compress images
• Lazy-load images
• Lossless compression to maintain the image quality
• Bulk images compression
• Automated image optimization

Social Sharing Plugin to Improve SEO

Allowing visitors to share your content on social media can be a great SEO boost to increase your site visibility. Social Icons Sticky comes with sticky social sharing icons that allow any visitors to quickly share your website URL and content on popular social media sites.

This plugin can also place social sharing icons before or after the content of posts and pages. You can control this feature from the plugin options page.

Having a social sharing feature can be a great addition to your WordPress site that can result in an indirect SEO boost to improve your site rankings on search engines.

Login Security Plugin for WordPress

There are many bots roaming on the internet that target WordPress’s default login page. It’s a must for any WordPress site owner to add some security to the WordPress login page.

Login Security Captcha is a great security plugin to enable reCAPTCHA and also Cloudflare Turnstile validation to your WordPress login page.

This plugin comes with simple options to quickly add Cloudflare Turnstile and reCAPTCHA to the WordPress login, register, forget the password, and comment form.

Login Security Pro is a premium security plugin that also supports adding a captcha on the standard WooCommerce forms. Also, it comes with many additional security features.

Harden WordPress Security

In order to protect your WordPress site. it’s a good idea to block requests to the xmlrpc.php file using a plugin like Disable XML-RPC-API. This plugin can disable trackbacks and pingbacks. Also, it can hide your WordPress version.

If you simply want to disable the xmlrpc.php without using a plugin, then you can do so by going to the root of WordPress files using any file manager and adding the code below at the end of your “.htaccess” file.

# Block WordPress xmlrpc.php requests
<Files xmlrpc.php>
order deny,allow
deny from all
</Files>

The post Useful WordPress Plugins to Improve SEO, Speed, and Security appeared first on ScriptsTown.

This guide explains some of the key points that you can consider and fixes to apply when experiencing issues related to high memory usage on your WordPress site.

Fix Memory Leaks by Poorly Coded Plugins

Badly coded plugins can be responsible for leaking memory and consuming all of the server’s memory. This can cause 500 errors or server crashes randomly.

Deactivate Plugins with High Memory Usage

In this case, you can try deactivating plugins from “Plugins” > “Installed Plugins” one at a time to find which plugin is causing the memory to be utilized fully.

If you can’t access the WordPress admin for deactivating plugins, then you can also deactivate the plugin by using the file manager of your cPanel or web control panel.

Deactivate Plugins using File Manager

To deactivate plugins using the file manager, navigate to your WordPress files, then go to the “plugins” folder inside the “wp-content” that is “wp-content/plugins”. Here, you will find a list of plugins, for example:

wp-content/plugins/jetpack
wp-content/plugins/woocommerce

You can simply rename the folder name of the plugin to deactivate it. For example, if we add “-o” after the “jetpack”. Then, this will deactivate the Jetpack plugin.

wp-content/plugins/jetpack-o
wp-content/plugins/woocommerce

After deactivating plugins one at a time, you can try to access the WordPress admin dashboard. You can repeat these steps for each plugin to find the plugin that causes memory errors.

Also, you may deactivate all of your plugins by renaming all of the folders if you still can’t access the wp-admin dashboard. Once, you are able to access the WordPress admin dashboard, you can rename them back to the original folder names.

Reactivate Plugins

Note that, simply renaming back to the original folder names of the plugins will not reactivate them. You must activate them again using the WordPress admin panel from “Plugins” > “Installed Plugins”.

For your WordPress site, it is recommended to install only well-coded plugins from reputed providers that are actively maintained and do not leave any residual or memory leak.

Increase PHP Memory Limit

If your WordPress website is an eCommerce store and has plugins like WooCommerce, then it might consume so much memory.

Generally, the PHP memory limit is 128MB or 256MB. You may increase this PHP memory limit to 512MB or 1GB to see if that fixes random errors due to memory usage on your website.

As an example, to increase the PHP memory limit using cPanel, navigate to “Select PHP Version” under the “Software” section. Then, go to the options where you find the memory limit value for the PHP as shown below:

You can increase this memory limit value to 512M or 1G.

Increase Physical Memory and I/O Limit

Besides the PHP memory limit, there is also an actual physical memory that you may need to increase to 512 MB or 1 GB as well. You can’t simply change it via cPanel. To increase that value, you might need to contact your hosting provider.

The physical memory usage and its current value are visible in the cPanel under the “Statistics” section.

Along with the physical memory, you can also ask your hosting provider to increase the I/O limit. It is the maximum speed of data transfer between the hard disk and the RAM.

The low I/O limit can cause the freezing of a website while it waits for data to transfer from the hard disk to the RAM.

Increasing the I/O limit can reduce the delay in loading a website. For eCommerce stores having WooCommerce, it’s great to increase the I/O limit to 10 MB/s.

Use Caching Plugins to Reduce Server Load

For a website with high traffic, using caching mechanism can help reduce the server load. Also, using caching can help improve the performance of a website significantly.

Caching reduces memory usage, CPU, and overall load on the server. It can help to fight against DDoS attacks. Also, it can fix random errors that may occur due to high resource usage.

There are many caching and optimization plugins available to use for a WordPress website. One thing to note is you should not activate more than one caching plugin at the same time for the same type of caching.

Upgrade WordPress and PHP Version

Keeping WordPress up to date along with all the plugins and themes may also fix issues related to high memory usage on a WordPress site. Before upgrading to any major version, the backup must be taken beforehand.

PHP is constantly evolving with its performance and new features. So, it is a good practice to make sure the PHP version that you use for your WordPress site remains up-to-date to a version that is actively maintained for security releases.

Before you upgrade PHP on your site, you should make sure all plugins and the theme that you use are compatible with the PHP version that you are going to upgrade to.

Disable XMLRPC and Improve WordPress Security

There are many bots crawling the internet that target WordPress-based sites. Having many bots crawling your WordPress site for vulnerability can slow it down or may cause high resource usage.

Therefore, it is crucial to have a firewall plugin activated or some type of server firewall to protect your WordPress site.

You should disable access to the “xmlrpc.php” file which is the most commonly targeted by the bots that may result in slowing down the WordPress site. There are many ways to disable access to “xmlrpc.php” by using a plugin or directly blocking it via the “.htaccess” file or a similar mechanism. Also, you should secure your WordPress login with a captcha security plugin or firewall whitelist.

So, all these points are important considerations to reduce high memory usage or resource usage for a WordPress website.

The post How to Fix High Resource Usage or Memory Errors in WordPress appeared first on ScriptsTown.

WordPress Themes with Dark Color Scheme

PressBook News Dark

A brilliant dark WordPress theme, PressBook News Dark comes with double sidebars and carousel sliders. The theme comes with a beautiful color scheme that is suitable for a dark theme. This theme can be a great choice for websites related to the news, blogs, magazines, movies, gaming, animes, comics, music, photography, etc. The features include:

• Post carousels in a grid format
• Double sidebars and single sidebar layouts
• Multiple places for advertisement banners
• Top menu and social links menu
• Footer widgets and multiple block areas

The premium version of the PressBook News Dark WordPress theme is also available to fully customize the color scheme, typography, and fonts. Also, the PressBook Premium theme includes many more options along with advanced features.

Oceanly News Dark

If you are looking for a dark theme with a customizable branding area, a hero section with a parallax effect, and a featured posts grid section, then Oceanly News Dark theme is the right choice. This includes an elegant-looking features posts grid section at the top with multiple options. Also, you can configure the number of posts to show in the featured posts section.

It offers a single sidebar, footer widgets section, and multiple page templates. Also, you can customize the hero header and branding area with available options. The features include:

• Featured posts grid layout
• Single sidebar widgets
• Parallax header background
• Header block section
• Footer widgets area

Oceanly Premium, the premium version is also available with accent color, font options, a top menu, and many other features with advanced options.

PressBook Grid Dark

If you are looking for a perfect dark theme with a grid layout and double sidebars, then PressBook Grid Dark is the theme for your website. This theme comes with an excellent dark color scheme and a glossy effect.

It includes a grid layout for archive blog pages like category or tag pages. Also, it comes with double sidebars or a single sidebar for single post pages. For pages, you can choose a page template and configure individual page settings.

The features include:

• Grid card layout for archive pages
• Multiple advertisement areas
• Header and footer block sections
• Double sidebars and footer widgets
• Multiple menus including social links

Dark Mode Plugin for WordPress Themes

Using the Dark Mode Toggle plugin, you can bring dark mode to your existing WordPress theme. This plugin comes with multiple options to customize the toggle button that you can configure from “Appearance” > “Dark Mode”.

Also, it is highly compatible with most WordPress themes and you can simply install and activate the plugin to see it in action.

The post Best Dark WordPress Themes with Double Sidebars or Grid Layout appeared first on ScriptsTown.

In this guide, we learn how to add a dark mode toggle switch button to a WordPress site using a simple plugin.

Dark Mode Toggle Plugin for WordPress

Dark Mode Toggle is a WordPress plugin to bring the dark mode toggle switch feature to any WordPress site. This plugin is compatible with any WordPress theme.

The premium version, Dark Mode Toggle Pro is also available with many advanced features.

After you install and activate the free or premium version of this plugin, you will find a new menu under “Appearance” to configure the plugin options.

Front Settings – Dark Mode Toggle

You can find options related to the front toggle button in the “Front Settings”.

Here, you can set the following options:

• Position of Toggle Button
• Width and Height
• Border Radius
• Font Size (Pro)
• Label for Toggle Button (Pro)
• Button Colors (Pro)

This plugin works out of the box and the toggle button appears on your WordPress site in the desired position. Now, the users can click on the button to toggle the color scheme to dark or light depending on the WordPress theme.

Advanced Settings

When the user toggles the mode, by default, it saves the choice for the next page refresh. The plugin comes with an option to save the user’s choice on local storage.

In “Advanced Settings”, you may uncheck “Save User’s Choice” in case you don’t want the plugin to persist user choice on the next page refresh.

Pro feature: In the pro version, you can upload your own custom image for the toggle button while in light mode or dark mode.

Also, you can set the switching transition time or hide the toggle button on small-screen mobile devices.

If you check the “Auto Match OS Theme” option, then it automatically shows dark mode if the user’s OS-preferred theme is dark.

Applying an Additional CSS Filter Class to Any Block

You can add an additional filter CSS class: dmt-filter-1 or dmt-filter-0 to any block element like images, columns, cover blocks, buttons, etc. This will invert the effect on those block elements. Here’s how to do it:

1. Select the block element where you want to invert the effect.
2. Navigate to the “Block” tab in the sidebar, then you can add a new CSS class dmt-filter-1 or dmt-filter-0 in the “Additional CSS class(es)” field.

This is useful when you want to skip or avoid dark mode on any elements or to remove inverted effects from certain images or blocks by simply adding an additional CSS.

Fix Images using CSS when Dark Mode is Active

Case 1: Images inverse when adding “dmt-filter-1” class to the parent element

If you add “dmt-filter-1” to any HTML element and you find that all images inside of that element get a reverse effect, then you can use this CSS globally to fix it:

.darkmode--activated .dmt-filter-1 img { filter: invert(0) !important; }

You may also want to restrict the above rule only to the parent element where you have applied the “dmt-filter-1” class:

.darkmode--activated .dmt-filter-1.parent-css-selector img { filter: invert(0) !important; }

In the above code, replace the “.parent-css-selector” with a CSS selector of the parent element where you have applied the “dmt-filter-1” class.

If you do not want to use CSS code to fix it, then you can simply add “dmt-filter-0” class to each of the image elements itself inside that parent element.

Case 2: Images inverse when adding “dmt-filter-0” class to the parent element

Similarly, if you add “dmt-filter-0” to any HTML element and you find that all images inside of that element get a reverse effect, then you can use this CSS globally to fix it:

.darkmode--activated .dmt-filter-0 img { filter: invert(1) !important; }

You may also want to restrict the above rule only to the parent element where you have applied the “dmt-filter-0” class:

.darkmode--activated .dmt-filter-0.parent-css-selector img { filter: invert(1) !important; }

In the above code, replace the “.parent-css-selector” with a CSS selector of the parent element where you have applied the “dmt-filter-0” class.

If you do not want to use CSS code to fix it, then you can simply add “dmt-filter-1” class to each of the image elements itself inside that parent element.

Case 3: Images inverse without adding any filter class

If you see any reverse effect on certain images when dark mode is active, then you can avoid this reverse effect on those images with the CSS.

For example, if all those images have a class, “.css-selector”, then you can apply this CSS to remove the invert effect from those images:

.darkmode--activated .css-selector { filter: invert(1); }

The above CSS rule would work for any HTML element having a class, “.css-selector”.

Toggle Dark Mode with a Custom Button (Pro)

You can also trigger dark mode with a click of any custom button or element. To do that, you can simply add a CSS class: darkmode-tg-cs to any button or element. This will toggle dark mode with a click of that button or element.

At the same time, you may also want to hide the default sticky toggle button. To hide it, you can set any negative positions like -999 in “Position from Botton”, “Position from Left”, etc.

Note: The custom button toggle feature is available in the pro version only.

CSS Overrides (Advanced Users Only)

The plugin works with any WordPress theme to automatically change the color scheme. Depending upon the theme, you may want to take full control of the color scheme with CSS.

To allow CSS overrides, you can check the “Allow CSS Overrides” option.

A CSS class, "darkmode--activated" is added to the <body> tag.

This will allow you to write your own custom CSS depending on your theme. For example:

.darkmode--activated .css-selector { background-color: #ff0000; }

Toggle Button in WordPress Admin (Pro)

You can also enable the toggle switch button on the WordPress admin area in the “Admin Settings” tab. In this tab, separate options are available for the admin area.

Dark Mode in iFrame Editor (Site Editor, Post Editor)

In the admin settings, an additional option is available to enable dark mode in iframe editors like the iframe-based post editor, site editor, and so on. You can simply check the option “Dark Mode in iFrame Editor” to enable dark mode in the iframe-based editors.

In this way, the toggle button will appear in every part of the WordPress admin including the WordPress block editor screen.

The post Dark Mode Toggle Switch Plugin to Add Light or Night Mode in WordPress appeared first on ScriptsTown.