Blog

WordPress is still the most popular CMS

WordPress has a long and varied history. It was first released in 2003 as a blogging platform and since then evolved into the leading content management system the world over. And recent research shows it won’t be giving up that title anytime soon.

Technology Usage Change since 1/10/21 Market share Change since 1/10/21
WordPress 42.9% +0.3% 65.1% -0.1%
Shopify 4.3% +0.3% 6.5% +0.3%
Wix 1.9% +0.1% 2.9% +0.2%
Squarespace 1.8% +0.1% 2.7% +0.1%
Joomla 1.8% -0.1% 2.7% -0.2%

© W3Techs.com

So why is WordPress the CMS of choice?

There are quite a few answers to this question but they can perhaps be narrowed down to three main points.

01. It’s cost effective

The open source platform is ideal to build on. Amateurs and WordPress developers alike have a stable and feature rich CMS to work with that can be extended with fields and plugins to construct a myriad of complex sites.

A good example of this flexibility is WooCommerce, the popular WordPress eCommerce plugin. With it you can create a secure and feature rich online shop that utilizes the power of WordPress. In fact, WooCommerce proved to be such a success, it is now by far the most popular open source eCommerce solution.

Technology Websites %
WooCommerce 34,853 3.49
Shopify 26,980 2.7
Magento 10,618 1.06
Squarespace 3,011 0.3

© trends.builtwith.com

02. It’s user friendly

Not everyone works with computers, and even the most savvy internet user can find CMS systems confusing and difficult to navigate. But WordPress has a clean and clear interface that makes creating and editing pages and posts a breeze. And this intuitiveness extends to WooCommerce. If you’ve ever used Magento to sell online you’ll be surprised at how easy it is to sell with a WordPress eCommerce shop.

03. It’s great for SEO

SEO is not only central to site visibility but also vital for trust and credibility. WordPress sites tend to be easy for search engines to index and when used with an SEO plugin to optimize pages, posts or products, you have full control over how Google sees your website.

Learn more about our WordPress websites for business, WordPress eCommerce Stores or if you get in touch and we’ll be happy to go through some options.

WooCommerce recent products slider without a plugin

If you use WooCommerce as your eCommerce platform you’ll find there’s no shortage of plugins to enhance its functionality. But it’s good practice to install a plugin only when strictly necessary and if you’re using a WordPress theme that incorporates a modern framework like Bootstrap, a lightweight option is to recycle the code to make your own custom WooCommerce product slider.

The example below uses Bootstrap 5 carousel code and shows 12 products 3 at a time. If a product is marked out of stock it’s not selected. You can change the number of products shown by editing $slides, $products_per_slide and the Bootstrap column code.

recent products slider

<div id="recent-products" class="carousel slide" data-bs-ride="carousel">					
	
        <div class="carousel-inner">	

	<?php 
	$slides = 4;
	$products_per_slide = 3;
	
	$args = array(
	'post_type' => 'product',
	'orderby' => 'date',
	'posts_per_page' => $slides * $products_per_slide,
	'meta_query' => array(
		array(
			'key'     => '_stock_status',
			'value'   => 'outofstock',
			'compare' => '!='									
		)
	)
	
	);	
	
	$recent_products = new WP_Query( $args );	
	
	if ( $recent_products->have_posts() ) :
		$i = 0; 
		while ( $recent_products->have_posts() ) : $recent_products->the_post();
			if ( $i % $products_per_slide === 0 ) : ?>
				<div class="carousel-item <?php if ( $recent_products->current_post == 0 ) : ?>active<?php endif; ?>">
					<div class="row">
			<?php endif; ?>
						<div class="col-sm-4">
							<a href="<?php the_permalink() ?>"><?php echo woocommerce_get_product_thumbnail(); ?>
							<p class="mt-3 text-truncate text-truncate--2"><?php the_title(); ?></p></a>
						</div><!--/.col-sm-4 -->
			<?php if ( $i % $products_per_slide === $products_per_slide - 1 ) : ?>
					</div><!--/.row -->
				</div><!--/.carousel-item -->
			<?php endif; ?>
		<?php $i++; 
		endwhile;
		?>									
		<?php if ( $i % $products_per_slide !== 0 ) : ?>
					</div><!--/.row -->
				</div><!--/.carousel-item -->
		<?php endif; ?>								
	 <?php wp_reset_postdata(); endif; ?>
	</div><!--/.carousel-inner -->	
	
	<div class="carousel-controls">
		<a role="button" class="me-1 reverse-image" data-bs-target="#recent-products" data-bs-slide="prev"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/></svg><span class="visually-hidden">Previous</span>
		</a>
		<a role="button" class="ms-1" data-bs-target="#recent-products" data-bs-slide="next"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm2 12l-4.5 4.5 1.527 1.5 5.973-6-5.973-6-1.527 1.5 4.5 4.5z"/></svg><span class="visually-hidden">Next</span>
		</a> 
	</div><!--/.carousel-controls -->
	
</div><!--/.carousel -->	
#recent-products .carousel-controls {
	position: absolute;
	right: 0;
	top: -46px;
}

#recent-products .reverse-image svg {
	 transform: scaleX(-1);
}

Remove shortcodes from WordPress posts

Shortcodes are pretty nifty things so WordPress plugins and themes often use them to add complex interactive elements to posts or pages with a single line of code.

But when you switch a theme or deactivate a plugin that relies on them the shortcode doesn’t just go away, instead you end up with weird bits of code on your posts and pages which can be troublesome to locate and remove depending on the size of your site.

Recently, we upgraded a simple eCommerce website to a powerful WooCommerce store and were tasked with removing the old plugin shortcode [wp_eStore_buy_now_button] from countless posts that would have been a mammoth task if done manually.

Instead, we added a shortcode of our own to the theme functions file that deleted them all instantly.

/**
 * Remove WordPress eStore shortcodes from posts
 */
function shortcode_remover($attrs=array()) {
    return '';
}
add_shortcode('wp_eStore_buy_now_button', 'shortcode_remover');

You can use this code to clear up shortcodes on your site as well. Simply replace ‘wp_eStore_buy_now_button’ with the shortcode you’d like to remove.

How much does a website cost?

This is a question that we try not to answer over the phone or before going through a web design brief thoroughly. The cost of a website is determined by quite a few factors that include design time, the platform used and functionality involved.

If we’re pricing a website for a large business we take into account discovery meetings, wireframing, design visuals, custom functionality, fixing bugs and so on. The hours worked would then be reflected in the price.

On the other hand, if a startup gets in touch wanting a quick online web presence we can usually price that straight away as we know what’s involved.

how much does a website cost

To give a general idea of costings, a small business website could be priced at anything from £550 to £2000, and a bespoke website with custom features will usually start at £2500.

You can learn more about our web design process and services by clicking the following links: Website Design & Development, WordPress Websites, eCommerce stores.

Or if you have a project you’d like to discuss complete the form on our Contact Us page to give us an overview and we can set up a call to go over the available options.

Illustration: Eleanor Wright