The Studio 4 Blog
We like to keep you up to date with everything that is happening here at The Studio 4, so welcome to our blog.

Blog Archives

Exploring the new WordPress Editor Gutenberg

WordpressWhat is Gutenberg?

Gutenberg is the new visual WordPress editor. It is named after Johannes Gutenberg, who invented the first printing press with moveable type. As of writing this, the new visual editor is currently in its beta testing phase; it is therefore not ready to run on production sites just yet.

How is it different?

For those just starting with WordPress, the new editors goal is to make things ‘easier’. When compared to the current visual editor, Gutenberg requires minimal shortcodes and HTML to make things work.

So, unlike the current WordPress editor, you don’t have to:

Create featured images to be added at the top of a post or page; Write shortcodes for specialized assets of different plugins; Import images, multimedia and approved files from the media library or add HTML shortcodes; Add widgets for content on the side of a page; Copy and paste links for embeds;… [Read More]

5 Tips for Good Website Design

Websites are often the first interaction potential customers will have with your business. This is why it is important to have a site that is not just informative, but also looks good and is easy to use. Things like colour choice, responsiveness, and navigation are just some of the informative factors to consider when designing your website.

Navigation

You could have the best content in the world on a great looking website, but it can be pointless if you haven’t considered the navigation of the site. Users need to be able to move freely around the site easily, being able to find exactly what they want. Dropdown menus are a great way to achieve this, such as this one on A&S Landscape.

A dropdown menu is a simple, yet effective way to show users everything your site has to offer. For A&S Landscape, their menu is broken down into … [Read More]

How should I make my website mobile friendly?

Take a look around you now. Who has a mobile within a metre of them? The answer is probably everyone.

Research from GSMA’s real-time tracker puts the number of mobile devices at 7.22 billion whilst the US Census Bureau says the number of people is still somewhere between 7.19 and 7.2 billion. No other technology has impacted us like the mobile phone. It’s the fastest growing manmade phenomenon ever.

Believe it or not, 37% of websites are not compatible for smartphones.

Making your website mobile friendly can be done in two ways.

Option 1: Mobile Site

This essentially means creating a duplicate version of your website on a different domain to make it mobile friendly.

For example, www.mobile.websitename.co.uk as well as www.websitename.co.uk

Although having a mobile version of your website isn’t the easiest way to make it mobile friendly there are a few advantages.

You could make the mobile version… [Read More]

SEO begins at the website development stage

The foundation of a successful website starts with a great design, user-friendly interface and a well developed user experience.

But unknown to most, these have become very important ranking factors and a big part of modern search engine optimisation (SEO). This includes things like page speed, site usability and a responsive mobile design.

Although SEO starts with considering the website content as the predominant ranking factor, there are other contributing factors that help bring information to the forefront. This includes outlining the title and description of the page with your most relevant keyword. The title should be the most relevant searchable term for that particular page.

By thinking of areas such as the page title, description and keywords in relation to SEO at development stage will ensure that your website is setup with the right structure to become Google friendly.

Search engine’s primary goal is to give you the most … [Read More]

A Basic Guide to Pixel Perfection on the Web

Responsive web design has become a crucial part of most company websites.  For smartphones: Increasing the font size of text, making links easier to press for fingers and rearranging the layout to work on a small, vertical display is ideal. But aside from those points, there’s one other thing that can improve your website on higher resolution devices.

Phones, tablets, and computer screens are squeezing more and more pixels into smaller spaces. For example, the 27″ 5K iMac has a PPI (Pixels Per Inch) of 218, compare that to a 21″ screen with a resolution of 1920×1080 which has a PPI of 100.13. That’s more than twice the amount of pixels in the same amount of space.

As you can see in the image below: some displays can have 4 pixels squeezed into the same space as 1 on another device (2 vertical and 2 horizontal). Some devices may even … [Read More]