Revisiting Some Web Design

Much earlier this year, after attending Madlab’s Intermediate WordPress Course as taught by all-round amazing dude Mike Little, I got the opportunity to completely rebuild my Dad’s company website, dewrisk.co.uk, using WordPress’s 2014 theme and custom CSS. Though I’d learned a lot on the course, there were still a few formatting issues with the site. So when I was asked to go back and update a few things, it was a really good opportunity to go back, look at what I had done and try to make a few improvements. I’m sure there’s plenty more that I could do with some experience, but I wanted to record and share a few things that I’ve learned today.

By googling and reading about the WordPress forums, I also learnt a few really useful pieces of code for functions that I previously didn’t realise you could do with CSS – such as preventing long words from hyphenating at the end of a line (note, according to the forum thread that I got this from, it seems these rules are quite specific to WP 2014 theme, but the WP forums are pretty extensive so I’m sure someone there will be able to help with other themes):

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget
 {
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
}


I also learned how to stretch the page to fit wide screens, previously the theme seemed to be formatted for square screens, and would sit awkwardly on the left. This piece of code (which came from this post) moved the header all the way across, whilst keeping the theme responsive in differently sized browsers.

.site,
.site-header {
    max-width: 100%;
}

I also found a useful plugin called Delete All Comments, which automatically stops the comment form from appearing at the end of posts or elsewhere – obviously it can be turned off manually within the dashboard anyway but this just gives me some piece of mind, especially now the website has a blogpost section and well as the original few pages.

There’s a few more things I’ve like to test on the site as I’m learning, but this all seems like a good update so far.

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s