Posts

Showing posts from October, 2017

Post 10 | Child theme & Implementing page style with CSS | Project 3

Image
Child theme & Implementing page style with CSS In this blog, I detail how I made a child theme and used googles inspect element feature to edit and retrieve code to change my themes layout to better suit the website beyond the frameworks regular requirements. The above three images show me folder layout after setting it up to incorporate a child theme, picture 1 is of the contents inside style.css, settings my the folder wpChildTheme up like this allows it to inherit all the attributed from the selected theme, in this case "vantage". Here is the newly created child theme on the theme selection page. Above I have opened the new child theme in googles inspect element view to ideally find some code to configure the header in a more favourable position for the banner picture I have been provided with. Circled in red is some code I found that affects the padding around the heading area of the page. Next, I implemented this and played around with th...

Post 9 | Add file upload | Project 3

Image
Add file upload I decided to add a downloadable version of the smokehouse's recipe booklet so that users couple easily print this out for themselves or save on their devices. To do this I am using a plugin called "Download Manager", displayed below is the recipe booklet listed in the plugins files, along with the shortcode required to implement this where I want the download link. Next, I have placed this download link at the bottom of the recipes page using the site origin page builder utility. Here is the download link placed at the bottom of the recipes page, upon clicking download the user simply gets an instant text file download to their browser. Uploading different content for users to download is easy, on the left side of this picture below I simply click add new then I am presented with this screen, upon landing here I can drag the desired file into the red area or find it using the file browser via the select files but...

Post 8 | Add Social Media linking | Project 3

Image
Add Social Media linking Trust Factor Adding social media links to your page can be a useful tool to increase your sites trust value, if a user lands on a page and can see that it is possible to also view the companies Facebook and other social media avenues it lends a greater sense of reliability, especially social media numbers are high. SEO Benefits On the other hand, social media also had a correlation with better SEO results, it is unclear of how googles algorithm operates as to if or how social media affects rankings.  According to Searchmetrics’ 2016 Rebooting Ranking Factors White Paper: “The correlation between social signals and ranking position is extremely high, and the number of social signals per landing page has remained constant when compared to with the values from last year’s whitepaper. … The top-ranked websites in Google’s rankings displays vastly more social signals than all other pages…. This is primarily due to the overlap between bra...

Post 7 | Add main content text | Project 3

Image
Below I have added some pictures which display the main content text of the site.

Post 6 | Add a Contact form | Project 3

Image
Add a Contact form (12 marks) (Recommended resource: https://wordpress.org/plugins/search/contact+form/ ) Blog: Explain how the form was added and how you made it fit in with the sites look and feel. I have chosen ninjaforms to add a contact form to my contact page of the website, this specific plugin carries the simplistic design whilst also being easy to change for other needs if the site owner requires in the future. Here is the plugin incorporated onto the contact page, due to the main content theme being white is was rather easy to slot it into the page without too much worry over colour themeing, although I would like to look into making it more compact to help keep the page feeling comfortable. The main page of ninja forms interface allows for easy management of multiple types of forms. Further customization of each element making up the contact form is available, including display options, restrictions of characters allowed inside the input box as well a...