PapaniaP / ergo_boards

24-hour WordPress Exam

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Crafting a Specialized WordPress Blog

Project Overview

  • Name: Ergo Boards
  • Type: Web Development
  • Date: June 2023
  • Technology Stack: WordPress, Elementor

Introduction

In a demanding 24-hour WordPress exam, I dedicated myself to crafting a specialized blog focused on ergonomic keyboards, showcasing my passion for mechanical keyboards and delivering valuable content to a dedicated audience. The subject and target group of the blog are of my choosing, and all text content and images used are original or obtained from copyright-free sources. This report will provide a concise overview of the WordPress modifications, accompanied by links and screen captures that highlight specific areas where changes were implemented.

Website Screenshot

Table of Contents

Theme Customization

Setup

To create the blog, I had to use WordPress and decided to utilize Elementor as the full site editor. Although visually appealing, I encountered issues due to the theme I selected, Neve, which wasn't fully compatible with Elementor's features in the free version.

Global Styles

To align the theme with my design, I adjusted the color scheme, typography, and layout. For example, I changed the background color to a dark gray and selected an off-white font color to enhance contrast. I also chose Neurona Font for page titles and headings to maintain brand identity, even if it posed legibility challenges.

Global Styles

Improvements

I improved the visual appeal and layout by adjusting margins, enhancing readability. I implemented query loops to help users find content easily and provided links to relevant articles on the right side of the blog post. I also modified the header and footer to better suit the user's needs, simplifying navigation.

Query Loops

Content Creation and Organization

Content creation and organization are vital for a successful blog. Engaging blog posts, structured logically, enhance the user experience. Effective organization through categories and tags makes navigation effortless.

Content

I created original, informative blog posts with the assistance of AI. Covering various aspects of ergonomic and custom mechanical keyboards, these posts followed the blog's visual identity and featured relevant images, headings, and bullet points to enhance readability and navigation.

Organization

I structured the blog with categorized content, grouping similar topics under specific categories or tags.

Categories and Tags Categories and Tags

UX and Interaction Design

Comments

To personalize the user experience, I removed the comments section from my WordPress blog due to issues with spam and unrelated discussions. Instead, I implemented a newsletter subscription feature to establish a direct connection with my audience.

Social Media

I planned to add social media sharing buttons to encourage readers to share content on their favorite platforms. However, this feature remains on my to-do list for future improvements.

Social Media Section

Responsive Design

I optimized the blog for mobile devices, embracing responsive design techniques. This ensures a seamless browsing experience on various screen sizes, catering to the growing number of mobile users.

Responsive Design

Conclusion

In this report, I presented the modifications made to my WordPress blog, enhancing its visual appeal and interactivity. Through theme customization, content creation, and user interaction features, I transformed the blog into a captivating platform for my target audience.

The content creation and organization strategies used ensure valuable information is presented in an engaging and easily digestible format. Although certain desired features, like social media sharing, could not be implemented within the given timeframe, they remain a focus for future development.

Image Credits

All images used in this report have been sourced from Unsplash. Unsplash provides a collection of high-quality and copyright-free images, contributing to the visual appeal of this document. Please note that all images are used for illustrative purposes and are the property of their respective creators on Unsplash.

Font Credit

The Neurona font used in this project was created by Marianela Grande and is available for download on Behance. I would like to extend my appreciation to Marianela Grande for providing this visually appealing font that complements the project's design.

Designed and developed by Paolo Papania

Portfolio | LinkedIn

About

24-hour WordPress Exam

License:Other


Languages

Language:PHP 62.5%Language:JavaScript 28.3%Language:CSS 8.7%Language:SCSS 0.3%Language:HTML 0.1%Language:Java 0.0%Language:Less 0.0%Language:Hack 0.0%Language:VCL 0.0%Language:Perl 0.0%