Code Ooze

Web Design Articles

Install PHP in Ubuntu 16

This article is the third in a mini-series of quick reference guides for installing Apache, PHP, and MySQL in Ubuntu 16. In this article we will cover the installation of PHP 7 and the Apache PHP module. Lastly we’ll verify PHP works with Apache. My environment for these steps is Ubuntu 16 running on VirtualBox in Windows 10 x64. Previously… Check out the previous article where we installed Apache HTTP Server.

Install MySQL in Ubuntu 16

This article is the second in a mini-series of quick reference guides for installing Apache, PHP, and MySQL in Ubuntu 16. In this article we will cover the installation of MySQL Server. My environment for these steps is Ubuntu 16 running on VirtualBox in Windows 10 x64. Previously… Check out the previous article where we installed Apache HTTP Server. Install Apache in Ubuntu 16 Install MySQL in Ubuntu First we can check if MySQL is already installed.

Install Apache in Ubuntu 16

This article is the first in a mini-series of quick reference guides for installing Apache, PHP, and MySQL in Ubuntu 16. These steps are possibly the minumum required for getting a development environment up and running, and can be used for testing your web development locally. This first article will cover the installation of the Apache HTTP Server. There are many excellent guides availble which provide much more explanation. For a more detailed walkthrough of the process the below examples may be useful:

Hugo Shortcodes

Today I want to share my first glance at Hugo Shortcodes. Previously I have installed Hugo and everything is working nicely, but content authoring is where I’ll spend most of my time with Hugo, so understanding the formatting options is important. This article will introduce two simple examples of formatting and arranging content in Hugo. The traditional CSS approach We can use CSS as we would in any site:

Hugo: Adding a new site directory

Previously I completed a basic Hugo install with the Blackburn theme. It’s default site structure consists of a single directory to store the various pages: /content/post/ We can create subdirectories within post to suit our needs and organise content, and that is fine. However you may be tempted to create additional directories at the same level as post, in which case you will need to delve into it’s inner workings.

Hugo: Adding a Table of Contents

Today I will disuss how to include a Table of Contents (TOC) on a Hugo page. I’ll be referencing the Hugo documentation: https://gohugo.io/extras/toc/ While setting this up in my environment I also found this support page had some helpful information: https://discuss.gohugo.io/t/tableofcontents/1616 As usual I’m working with the Blackburn theme. Include TOC on every page The default site hierarchy in the Blackburn theme centres around the \content\post directory.

Mediawiki: Mobile support

In a previous article I mentioned that I run a local instance of Mediawiki. More recently, I’ve wanted to view my local wiki on my mobile device, however Mediawiki doesn’t support this by default. Thankfully, there is an Extension for that, MobileFrontend. Install MobileFrontend extension Download the extension and extract into \mediawiki\extensions\MobileFrontend Edit LocalSettings.php and add the following: wfLoadExtension( 'MobileFrontend' ); $wgMFAutodetectMobileView = true; The Mobile homepage formatting guide provides some tips.

Mediawiki Upgrade

For several years now I’ve been running a local instance of Mediawiki, and in that time I’ve only upgraded it once. And that’s a problem. Because now I’m scared to touch it. I perform backups regularly, sure. But I’m scared I’ll lose all those years of content if something goes wrong. And an upgrade would require hours I don’t have. Or so I thought. With a litte free time and an acceptance that things may break, I jumped in.