Black and white logo

Learning Designs by Kathleen

  • Home
    • Instructional DesignInstructional Design Portfolio Page
    • Digital DesignDigital Design Portfolio Page
  • My StoryAbout Page
  • ResumeResume Page
  • ConnectConnect with me page

Please Note: Some components of the website are under improvement. Please return periodically to view updates.

  • LinkedIn
  • eMail

Enjoy My Story!

YES! I Love Plants.

silhouette image tracing on a dark green background of a woman holding a small decorative pot with a plant and words stating, "I ❤️ Plants!"

I love plants so much, that it can be dangerous whenever walking around a big box store. There is an inherent and profound need to rescue some of the saddest looking plants available.

I like plants that have unique characteristics. The most recent rescue was a spider plant, that appeared to thrive at first, but it was too sickly for a full revitalization. Then, a few weeks later, I found a unique looking fern, called “Twirly Whirly,” a Boston Fern derivative that only grows to about 14-inches. It has crinkly fronds that apparently grow straight up.

A much newer infatuation though is Air Plants or Tillandsia. Tilly’s, I call them, come in an abundant variety, and each are unique in their way. The most recent acquisition is one called “Medusa” it has snakelike fronds that are a bit bendy like snakes do, or Medusa’s strands of hair.

There is a small part of me that would love to have an arboretum, or botanic garden too just to have more beautiful lusciously green plants.
I have many passions; like a good cup of coffee, or elegant classic budget friendly fashions. An appeal to color in artistic and creative freedom in design. In general, I wear neutral colors, but I do like a good color flash accent now and again. I have an affinity for hats, but I prefer them to be flattering and functional: A good baseball cap, flat cap, a duckbill brim hat, a wide brim sun hat, a classic fedora, or a good-looking cloche. I am also fairly crafty, when I need a break from intangible creativity, like digital design projects.

The Website Story

"An illustration of a woman writing the website story about the difficulty of learning WordPress to create an accessible portfolio website, and asking Ai for assistance with failed attempts" Created by ChatGPT

Where it began…

The development of this website began with three important people. The first was my father (1943 – 2025), who helped me obtain the website domain, and the website hosting company, DreamHost. Next, my graduate professor who mentioned I should create a portfolio for future employment, and also my career advisor, offered their creative vision by suggesting I write the “Website Story”.

Once the accounts were settled, it was time to begin to build the first rendition. It took several months learning to wrangle WordPress. The first thing was selecting an appropriate theme that would allow me to design it how I wanted it to look. The original design concept began with accessibility in mind. Beginning with a colorblind safe color scheme, button page links to navigate to individual pages without using the drop-down menu, and keyboard navigability.

I went through various themes and design layouts with drag and drop template structures. Most appearing more blog like than website. Then, I discovered a theme one called FotaWP, “a lightweight, block-based, multipurpose WordPress theme designed to be responsive, SEO-friendly, and optimized for speed. It seamlessly integrates with both Full Site Editing (FSE) and your favorite page builder.” It appeared, at first, to function the way I wanted. Of course, with every new theme I attempted, there would be a new learning curve; because there was some standard functionality, but each theme had their nuances with page layout and content production.

Overall, it worked well for roughly two years until a technical glitch occurred when I attempted to change the page menu layout from a drop-down to horizontal on the website page header. After attempting to make the changes, it became too difficult to
continue altering. However, after further investigation, I realized the back-end design did not have semantic structures I sought. Making it unsuitable for digital accessibility, or Assistive Technology users to view the content easily, even with the plugin accessibility features, it wasn’t enough to keep.


Two years later…

This website is entering a new iteration, the theme I wanted to select required the FSE (Full site editing) along with accessibility, built-in back-end that didn’t present issues on the face by using Semantic HTML. Semantics, in the case of writing markup language or code, interprets the rules of expression for code generation, and governs the structure and meaning. I wanted to make sure site visitors had what they needed to meet their access needs. Several were cookie cutter template heavy, blog focused themes. I didn’t want all drag and drop features. I wanted to customize it like I had previously. However, with that sentiment I realized, it might take too long to build, therefore, using the native blocks will provide the support to finish within a narrower scope of time.

When the original website broke down, I decided to focus on obtaining a theme that had both FSE (Full Site Editing) and was semantically structured. Going through the themes, many made promises, and failed to deliver. I often found myself questioning, “If I’m having difficulty attempting to build the website with this, how much more difficult will it be for viewers to use?”

I spent an excruciating amount of time navigating the theme selector, testing, and ultimately selecting a new theme called Bluehost Blueprint, “a block-based, multipurpose, WordPress theme. Compose your pages to fit any design you like with the power of Full Site Editing (FSE) and the included wide range of Block Patterns. The pre-built pages will help you populate and transform your website into a wonderful website. Customize colors and font pairings to create your own unique look and feel.” I eventually discovered it too looked like it would provide what I needed, until it didn’t.

Bluehost is another website domain hosting company, and they designed a WordPress theme that is free for anyone to use. At first, it allowed me some of the same flexibility as the original, but it still had glitches I had no control over. After learning its landscape for a few days, it became terribly buggy to use. I had difficulty uploading and using typeface, that wouldn’t generate the way I required. This theme was more blog-focused, than website focused, and it had too many templates that didn’t appeal, or perform. It also didn’t behave like the Full Site Editing, I used in the original theme, but it did have the semantic structures allowing for keyboard navigability, and screen reader use among other digital accessibility structures at the back-end. What it doesn’t provide is an easy build. Therefore, I returned to looking for another theme in the hopes I get one to operate appropriately. 


What happened next…

A new theme discovered: It really wasn’t much of a new theme, just one I overlooked. Instead of continuing to sort through the various developed themes built from authors outside the WordPress family, I went with a standard theme built by WordPress called, “Twenty Twenty-Four, is designed to be flexible, versatile, and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. It is designed to be flexible, versatile, and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four includes style and full-page design variations to help speed the building process. It is fully compatible with the site editor, and takes advantage of design tools introduced in earlier versions of WordPress.”

It seems to function better in some ways, and with the first page nearly complete, I’ve been able to test keyboard navigation, which seems to be working well. The typeface generation is also working well, but I’m having a few fit issues with the block structures. This time, instead of doing every single thing custom like I did in the first design, I’m actually using some block builder features that are native in the theme design. I have decided that to save some time in the rebuild process, it might be better to at least try.


Where it is now…

I have changed the layout color scheme a tad, but using similar some color palettes from the original when I used the FotaWP theme.

It has taken quite some time to reestablish this website, there were many unforeseen issues, including typeface rendering properly, back-end build (the things under the hood) where one doesn’t always understand how things function. The website rebuild was completed by two different machines. One kept breaking down, but also kept the design fluid when it functioned. While the other could run the high-powered design applications, but for some reason couldn’t keep up with the aesthetics like the former machine. Along with all the initial drags, snags, and minutia to get it here. All pages are finally built, and I hope they appear in your purview the way I see them. To solve these issues, it turned out to be a browser issue, seemingly a caching issue, where nuggets of information were stuck, and wouldn’t let anything penetrate making functionality difficult. To fix this sticky process, I ended up uninstalling and reinstalling the browser.



See evaluation documentation (to come) on the portfolio pages regarding this project.

  • LinkedIn
  • Email

©2025 | Learning Designs by Kathleen | Image Attribution: Maddisen V. | Media Attribution: Adobe Creative Cloud. |

  • LinkedIn
  • Mail
Accessibility Adjustments

Powered by OneTap

How long do you want to hide the toolbar?
Hide Toolbar Duration
Select your accessibility profile
Vision Impaired Mode
Enhances website's visuals
Seizure Safe Profile
Clear flashes & reduces color
ADHD Friendly Mode
Focused browsing, distraction-free
Blindness Mode
Reduces distractions, improves focus
Epilepsy Safe Mode
Dims colors and stops blinking
Content Modules
Font Size

Default

Line Height

Default

Color Modules
Orientation Modules