Ader Comics, online from 2015 to 2020, was one of the first professional websites I made with WordPress independently.
For this project I implemented a custom design with a parent/child theme scheme and a custom lightbox. In addition, I managed the registration of the domain name, as well as its hosting and maintenance.
The Story
Ader is a former fellow student who, because of my experience in a software company, consulted me about how I could put a portfolio of his illustrations and comics online.
His idea was to have a website like that of the cartoonist Ivan Reis, his model at that time. This Amerimanga artist had implemented his website with a CMS (content management system) that required a commercial license. So I suggested him using WordPress instead.
With a custom design and a plugin to manage multimedia galleries, plus a prettyPhoto-based lightbox (modified to look more like what he wanted), I helped him to put his work online without having to learn how to write HTML (or any other kind of) code. This eventually led to his first professional assignment.
Annotated screen for the customer to understand the different data fields in the Media Library.
How to publish a professional portfolio of illustrations and comics, to edit and update it without having to learn HTML or pay a software license.
Implement a custom design in WordPress, along with one of its plugins for managing multimedia galleries, plus an open source lightbox (prettyPhoto) 'hacked' to work with such a design and get closer to the client's desire. E.g.: change the position of buttons; pick another colors, replace the font, or remove the indentations in the illustration box.
The lightbox
The other important element of the website was the lightbox, somehow independent from WordPress, which was implemented with prettyPhoto.
prettyPhoto brings several skins with default designs, among which you can choose the one you prefer: dark, light, Facebook type, etc.
However, none of them pleased the client: all had indentations and arranged the buttons differently. So the only solution was to "hack" the script.
This was prettyPhoto's skin; below, what Ader really wanted:
I finally prepared a version more in line with the client's request:
This video was a demonstration of the lightbox. Although it wasn't exactly the final version, I was already applying a modification to the code to allow full removal of padding and a different interface layout.