Home

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

URL

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. Image

Appearance

I wasn’t sure what I wanted my blog to look like. When looking at the filter to search there were a couple of thing that stood out for me. Image

  • 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)

  1. Removed the wooden background, I liked the colour but not the photo so I selected a similar colour.
  2. 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. *
  3. I added my social media details in Appearance->Theme Options, although I would like a link to my instagram.
  4. 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:

http://www.danimagestro.com/2013/06/19/tutorial-how-to-add-social-media-buttons-to-wordpress-the-easy-non-coders-way/

http://wordpress.org/support/topic/adding-social-media-icons-to-the-header

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

Screen Shot 2014-01-14 at 12.12.38 Screen Shot 2014-01-14 at 12.13.16 Screen Shot 2014-01-14 at 12.13.49 Screen Shot 2014-01-14 at 12.16.33 Screen Shot 2014-01-14 at 12.17.34 Screen Shot 2014-01-14 at 12.18.02 Screen Shot 2014-01-14 at 12.18.33 Screen Shot 2014-01-14 at 12.18.51 Screen Shot 2014-01-14 at 12.21.46 Screen Shot 2014-01-14 at 12.21.50 Screen Shot 2014-01-14 at 12.47.49

Plugins

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 .

To import my blog from my university site to the one linked to my website I needed an importer plugin.

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:

Screen Shot 2014-02-25 at 00.17.51

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:

Screen Shot 2014-02-24 at 20.29.14

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:

Screen Shot 2014-02-24 at 20.29.02

The blog looked like this:

Screen Shot 2014-02-24 at 21.22.53

The CSS code now looks like:

Screen Shot 2014-02-24 at 20.29.06

Now the blog looks like:
Screen Shot 2014-02-24 at 21.23.47

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:

Screen Shot 2014-02-24 at 20.40.45

Before the blog looked like:

Screen Shot 2014-02-24 at 20.44.03 Screen Shot 2014-02-24 at 20.39.38

Now the code looks like:

Screen Shot 2014-02-24 at 21.31.55

And the blog (the blue is rolled over with the mouse): Screen Shot 2014-02-24 at 20.45.16

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:

Screen Shot 2014-02-24 at 20.46.59 Screen Shot 2014-02-24 at 20.49.35

And the blog looked like:

Screen Shot 2014-02-24 at 20.28.51 Screen Shot 2014-02-24 at 20.50.14

Now the code looks like:

Screen Shot 2014-02-24 at 21.40.11And my blog looks like:Screen Shot 2014-02-24 at 20.50.27 Screen Shot 2014-02-24 at 21.36.12

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