After a bit of difficulty I have my website live: kkuphotography.co.uk
The first thing we’ve been asked to do is add the blog part to it kkuphotography.co.uk/blog
Originally it was called kkuphotgraphy.co.uk/wp but I didn’t like name, that so I tried to change it on wordpress itself found in settings -> general
Instead of seeing http://kkuphotography.co.uk/blog it was http://kkuphotography.co.uk/wp and I tried to change the ‘wp’ to ‘blog’ but it went wrong and then when I tried to enter in either name it would say that website couldn’t be found. So I had to remove the wordpress app from my website and reinstall it, and of course changing the url to what I wanted.
- Responsive layout
- A light colour scheme
- Grid layout
- Preferably good for multimedias because I am looking at expanding into video.
I narrowed it down to 8 possible themes. But the one that really stood out was Pinboard, it was responsive, it is a grid layout (similar to this blog), it was the only advertised for multimedias and it had a nice colour scheme (although I knew I could change it if it wasn’t). It also advertise as having social media icons at the top too.
Process to get to how I wanted it to look (images below)
- Removed the wooden background, I liked the colour but not the photo so I selected a similar colour.
- Remove/move widgets. I didn’t feel I needed to much stuff at the top. Also I found a forum and one response said to move all the widgets from the header. *
- I added my social media details in Appearance->Theme Options, although I would like a link to my instagram.
- I didn’t feel I needed the main header because at this point in time I don’t need any other pages. So I removed that.
*Before this I did look at various ways to add social media icons to my blog:
I even tried to find free social media icons to use http://fc08.deviantart.net/fs70/i/2012/098/3/2/free_round_dots_social_icons_by_coloradodev-d4vgd6t.jpg
It was only in this forum did I realise where I was going so wrong: http://wordpress.org/support/topic/theme-pinboard-social-media-links-not-showing?replies=4
To start with I wasn’t entirely sure what plugins were and their benefits but after looking at what wordpress has to offer in terms of plugins and looking at this site which explains the best plugins for photographers. I have installed and activated two:
- SEO Friendly Images: this is my photos can be easily searched for and found.
- WordPress Responsive Thumbnail Slider: So my photos are easily viewed.
Besides these two plugins, my wordpress theme came with
- Hello Dolly – this will give you the ability to see a lyric from the song ‘Hello Dolly’ on the upper right hand side of your admin screen.
- Akismet – this will stop your blog from being spammed through comments or trackback .
I also wanted a gallery. So I started to look for one, I googled ‘best free gallery plugins wordpress’ one article talked about Lazyest gallery I tried to use it, but it didn’t seem to work for me. I then tried Photo Gallery, again this didn’t seem to work for me. So I used the site Mez suggested which was NextGen. I was really struggling to insert a gallery into a page, I was trying many different tutorials and I looked at different forums. Eventually I found this tutorial which directed me to this site and I copied the code for NextGEN Basic Slideshow Gallery . And I changed the gallery ID and this worked.
So my plugin page looks like this:
I didn’t need one for my blogroll because I used this tutorial to create one from the Links, in the menu bar of my WordPress, which works fine.
Changing the CSS:
When looking at the CSS (under Appearance->Editor) I got a disclaimer:
It does mean I can edit the CSS just under a different section.
The first thing I changed was the font in each blog post, from Open Sans to Arial:
The code used to look like:
The blog looked like this:
The CSS code now looks like:
I then changed the colour of a hyperlink in text and when you hover over it. And the hyperlink to be underlined.
The first part is when you hover over it (#d54e21) and the second part is in text (#21759b).
The code looked like:
Before the blog looked like:
Now the code looks like:
Finally I changed the CSS so the ‘kkuphotography’ text was in Arial and the quotes would be in Arial too.
Before the codes looked like:
And the blog looked like:
Now the code looks like: