Compare commits

..

No commits in common. "0fea1cd2cd1524861a9929c16df58f157c281590" and "3ca85f9d47909fa66f50b1ba75c5ba12ea79a74e" have entirely different histories.

6 changed files with 12 additions and 50 deletions

View File

@ -11,30 +11,27 @@ externalLink = ""
series = [] series = []
+++ +++
**Charles Stantham** are a firm of made up solicitors who decided they wanted me to make up a [website](https://stanthams.rayelliott.dev/) for their firm. Charles Stantham are a firm of made up solicitors who decided they wanted me to make up a [website](https://stanthams.rayelliott.dev/) for their firm.
The site is a fairly basic brochure site with no particularly special requirements. The site is a fairly basic brochure site with no particularly special requirements.
And so, for this relatively simple site I decided that a ready made customisable theme would be used. And so, for this relatively simple site I decided that a 'site-builder' and a pre-made theme would be used.
## The Theme ## The Theme
The theme I chose, that would be a starting point for the site, was [OceanWP](https://oceanwp.org/). The one chosen was [OceanWP](https://oceanwp.org/).
This uses [Elementor](https://elementor.com/) and provides a ready made, general purpose theme that can be customised for a particular use.
{{< There were some bits of minor customisation required that were not possible through the theme's interface and so a child theme was created.
figure
src="/images/logos/oceanwp-blue-icon.png" Reasons for choosing OceanWP and Elementor:
alt="The OceanWP icon."
class="icon-inline"
caption="There were a number of reasons why using OceanWP is appropriate for a project such as this:"
>}}
* **Quick**. Using such solutions can cut development time considerably. * **Quick**. Using such solutions can cut development time considerably.
This can be especially important for low budget sites. This can be especially important for low budget sites.
Instead of building a site completely from scratch, a general, existing theme can be highly customised. Instead of building a site completely from scratch, a general, existing theme can be highly customised.
* **Flexible**. Although not as flexible as a bespoke theme, OceanWP is highly customisable. * **Flexible**. Although not as flexible as a bespoke theme, Elementor, and therefore OceanWP, is highly customisable.
For features that can't be created or modified within the theme a child theme can be created and these features added on that way. For features that can't be created or modified within the theme a child theme can be created and these features added on that way.
* **Extensible**. Many features are provided as extensions to the base theme. * **Extensible**. Many features are provided as extensions to the base of Elementor.
It is also not difficult to add custom functionality if needed. It is also not difficult to add custom functionality if needed.
* **Lightweight**. There are a lot of popular page builders available for WordPress. * **Lightweight**. There are a lot of popular page builders available for WordPress.
Not all of them are, relatively speaking, as lightweight or well coded. Not all of them are, relatively speaking, as lightweight or well coded.
@ -56,33 +53,9 @@ So, when working with WordPress, a theme developed from scratch should always be
However, this is not always possible given time or cost restraints and compromises may need to be made. However, this is not always possible given time or cost restraints and compromises may need to be made.
In these cases a site builder may be the best option. In these cases a site builder may be the best option.
As there were some minor customisations required that were not possible through the theme's interface, a child theme was created.
{{<
figure
src="/images/stanthams/large-5.jpg"
alt=""
class="medium"
caption=""
>}}
## The Plugins ## The Plugins
The main plugin used was [Elementor](https://elementor.com/). Apart from Elementor, I used a limited number of plugins.
{{<
figure
src="/images/logos/elementor-icon.png"
alt="The Elementor logo."
class="icon-inline"
caption="Elementor is a 'Page Builder' that provides component based building blocks that can be added to a WordPress site and customised."
>}}
This has the advantage of speeding up development time considerably but brings disadvantages similar to those discussed above for using OceanWP.
Again, for this particular project, I felt the advantages outweighed the disadvantages.
Apart from Elementor, a limited number of other plugins were also used:
* [Contact Form 7](https://wordpress.org/plugins/contact-form-7/). * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/).
For a basic contact submission form, this is perfectly suitable. For a basic contact submission form, this is perfectly suitable.
@ -101,7 +74,7 @@ Apart from Elementor, a limited number of other plugins were also used:
UpdraftPlus handles these very well. UpdraftPlus handles these very well.
* [WP Fastest Cache](https://wordpress.org/plugins/wp-fastest-cache/). * [WP Fastest Cache](https://wordpress.org/plugins/wp-fastest-cache/).
It is always better to use server side caching such as Nginx FastCGI cashing or Varnish. It is always better to use server side caching such as Nginx FastCGI cashing or Varnish.
However, in cases where this isn't practical, this plugin is a competent solution. However, in cases where this isn't practical, this plugin is a very competent solution.
* [WP Mail SMTP](https://wordpress.org/plugins/wp-mail-smtp/). * [WP Mail SMTP](https://wordpress.org/plugins/wp-mail-smtp/).
It can be tricky getting mail working when using WordPress within Docker containers. It can be tricky getting mail working when using WordPress within Docker containers.
This plugin provides for a simple solution. This plugin provides for a simple solution.
@ -127,10 +100,4 @@ More interesting are the justifications for the development choices made which a
The primary purpose of the site is to provide information about the business. It is important that this is presented in an easy navigable fashion and the information is given in a clean, uncluttered, easy to digest manner. The primary purpose of the site is to provide information about the business. It is important that this is presented in an easy navigable fashion and the information is given in a clean, uncluttered, easy to digest manner.
All of which is achieved in the design choices of the theming and layout. All of which is achieved in the design choices of the theming and layout.
{{<
figure
src="/images/stanthams/stanthams-team.jpg"
alt=""
class="medium"
caption=""
>}}

View File

@ -16,11 +16,6 @@ body.colorscheme-light .avatar img {
height: 100%; height: 100%;
} }
.content figure.medium > img {
max-width: 30em;
width: 100%;
}
/* /*
* icons * icons
*/ */

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB