1.3 Manipulate themes and styles to create unique post

Format Text – Dropdown Menus, Colours etc (1.3, 2.1)

WordPress has a variety of editing tools available that change the aesthetics of both posts and of the site itself. I have used these to try and create an aesthetically pleasing site that showcases my work, yet still retaining optimal functionality. Hopefully I have created a site that is easy to browse and visually engaging.

Formatting Text

Formatting text is is easy to achieve on WordPress using the toolbar during the post creation process, this is important as it adds structure and hierarchy to a post. I have used this consistently throughout my portfolio.

Using the text format options to create a variety of headings:

screen-shot-2018-06-18-at-12-15-43.pngScreen Shot 2018-06-18 at 12.15.38Screen Shot 2018-06-18 at 12.15.43Screen Shot 2018-06-18 at 12.15.58

I have also used the text formatting options to highlight quotes, links, bullet points and used the bold, italics and underline options to emphasise content

Screen Shot 2018-06-18 at 12.15.55

Screen Shot 2018-06-18 at 12.19.21

 

Implementing Menus

Any good website or portfolio will have a menu structure that allows you to easily navigate through content in a logical and structured way, this includes a main bar and drop down menus. I was able to implement this through the theme I picked for my portfolio, my menu system sits at the top of my site, and includes drop down menus for my sub categories.

Top Menu:Screen Shot 2018-06-18 at 12.24.42

Sub menus:Screen Shot 2018-06-18 at 12.24.50

 

Further sub menus:

Screen Shot 2018-06-18 at 12.24.58

Screen Shot 2018-06-18 at 12.11.16

 

This menu system relies on me correctly categorising my posts and updating the structure regularly, I achieved this through WordPress’s customising tools.

From the screenshot to the left, you can see where I have implemented parent menus and sub menus under, this appears as the dropdown menu feature on my site.
Although this functions well the menu tool is, at times, hard to use especially when more and more categories and posts are added. Therefore it is important to regularly check that my menu system is functioning as it should be and in the correct order.

 

 

Colours & Styles

I tried to keep a consistent colour scheme throughout my blog posts and portfolio, being careful not to over clutter my content and keep a simple colour scheme. To create and maintain the aesthetic of the site I used WordPress theme customiser to edit the aesthetics.

screen-shot-2018-06-18-at-12-11-34.png

For the background, I kept the site white. Thinking it would be a neutral colour that wouldn’t distract from the content and work I create. I believe looks clean and uncluttered, however a drawback is being unable to change the background colour for specific posts or pages as some work would have benefitted from a darker background (eg my photography work), however this was not something I could control within the limitations of WordPress.

Screen Shot 2018-06-18 at 12.11.46

 

Within the customising options, I was able to pick the font styles for heading and post content. I decided that I wanted my site to have consistency, so I tried to pick sans serif fonts where possible. screen-shot-2018-06-18-at-12-12-20.png

WordPress allows you to select themes, I chose Radcliffe as it allowed the best presentation of work for my purpose.

Although this isn’t perhaps the design I would create myself, I am satisfied with it for the purpose of this portfolio and gives me enough freedom to implement my work.

Front Page

For the front page I took advantage of the ‘featured image’ option with the page editor. I uploaded an image I took during my Location Portraiture unit to sit on the front page. The landing page is the first impression on my portfolio therefore I needed an image that is strong and dynamic.

Screen Shot 2018-06-25 at 13.59.20

Screen Shot 2018-06-25 at 13.59.37

The red tones compliment the reds in the menu, which I believe creates a visual relationship between the two.

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close