{"id":583,"date":"2026-06-22T14:13:39","date_gmt":"2026-06-22T14:13:39","guid":{"rendered":"https:\/\/jennifertanghe.com\/?p=583"},"modified":"2026-06-22T14:16:38","modified_gmt":"2026-06-22T14:16:38","slug":"creating-jenny-comics-a-custom-comics-website-built-in-two-days-with-wordpress-and-my-lubinik-framework","status":"publish","type":"post","link":"https:\/\/jennifertanghe.com\/creating-jenny-comics-a-custom-comics-website-built-in-two-days-with-wordpress-and-my-lubinik-framework\/","title":{"rendered":"Creating Jenny Comics: a custom comics website built in two days with WordPress and my Lubinik framework"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.project-links-gallery {\n  margin-top: 3rem;\n  padding: 2.5rem 1.5rem;\n  background: #fff;\n  border: 1px solid #f1d9e1;\n  border-radius: 18px;\n}\n\n.project-links-gallery h2 {\n  margin: 0 0 0.5rem;\n  font-size: 2rem;\n  line-height: 1.1;\n  color: #2e2a2b;\n}\n\n.project-links-gallery > p {\n  margin: 0 0 2rem;\n  color: #6f5f65;\n  font-size: 1rem;\n  line-height: 1.6;\n}\n\n.project-main-link {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n\n.project-main-link a {\n  text-decoration: none;\n}\n\n.project-main-link img {\n  display: block;\n  width: 100%;\n  max-width: 760px;\n  margin: 0 auto;\n  height: auto;\n  border-radius: 16px;\n  border: 1px solid #f0d7df;\n  box-shadow: 0 14px 30px rgba(185, 92, 129, 0.12);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.project-main-link a:hover img {\n  transform: translateY(-4px);\n  box-shadow: 0 18px 34px rgba(185, 92, 129, 0.18);\n}\n\n.project-main-link p {\n  margin: 1rem 0 0;\n}\n\n.project-main-link p a {\n  display: inline-block;\n  font-weight: 600;\n  color: #d25d8b;\n  text-decoration: none;\n  border-bottom: 1px solid transparent;\n  transition: color 0.2s ease, border-color 0.2s ease;\n}\n\n.project-main-link p a:hover {\n  color: #b84773;\n  border-color: currentColor;\n}\n\n.project-covers-row {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1.25rem;\n  align-items: start;\n}\n\n.project-cover-card {\n  text-align: center;\n}\n\n.project-cover-card a {\n  display: block;\n  text-decoration: none;\n}\n\n.project-cover-card img {\n  display: block;\n  width: 100%;\n  max-width: 220px;\n  margin: 0 auto;\n  height: auto;\n  border-radius: 12px;\n  border: 1px solid #f0d7df;\n  box-shadow: 0 10px 24px rgba(185, 92, 129, 0.1);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.project-cover-card a:hover img {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 28px rgba(185, 92, 129, 0.16);\n}\n\n.project-cover-card h3 {\n  margin: 0.9rem 0 0;\n  font-size: 1rem;\n  line-height: 1.3;\n  color: #2e2a2b;\n}\n\n@media (max-width: 900px) {\n  .project-covers-row {\n    grid-template-columns: 1fr;\n  }\n\n  .project-links-gallery {\n    padding: 2rem 1.25rem;\n  }\n\n  .project-links-gallery h2 {\n    font-size: 1.7rem;\n  }\n}\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.project-link-card a:hover img {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 26px rgba(185, 92, 129, 0.16);\n}\n\n.project-link-card h3 {\n  margin: 0;\n  font-size: 1.25rem;\n  line-height: 1.2;\n  color: #2e2a2b;\n}\n\n.project-link-card p {\n  margin: 0;\n  color: #5f5257;\n  line-height: 1.65;\n  font-size: 0.98rem;\n}\n\n.project-link-card p:last-child {\n  margin-top: 0.25rem;\n}\n\n.project-link-card p:last-child a {\n  display: inline-block;\n  font-weight: 600;\n  color: #d25d8b;\n  text-decoration: none;\n  border-bottom: 1px solid transparent;\n  transition: color 0.2s ease, border-color 0.2s ease;\n}\n\n.project-link-card p:last-child a:hover {\n  color: #b84773;\n  border-color: currentColor;\n}\n\n@media (max-width: 900px) {\n  .project-links-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .project-links-gallery {\n    padding: 2rem 1.25rem;\n  }\n\n  .project-links-gallery h2 {\n    font-size: 1.7rem;\n  }\n}\n<\/style>\n\n<h1>Creating Jenny Comics: a custom comics website built in two days with WordPress and my Lubinik framework<\/h1>\n\n<p>Jenny Comics is a very personal project that I created to give my comics, my characters, and my visual universe a real home online. My goal was not simply to upload a few images, but to build an author website able to present my series, my episodes, and the full graphic identity of my work.<\/p>\n\n<p>What makes this project a little special is that it was completed very quickly: in two days, I built a complete website designed both as a creative space, a solid editorial base, and a fully custom web project.<\/p>\n\n<h2>A personal website, but a real project architecture<\/h2>\n\n<p>Even though this is my own universe, I developed it with the same logic I use for professional work: a clean structure, a reusable foundation, well-organized content, and a smooth experience on both desktop and mobile.<\/p>\n\n<p>To do that, I relied on <strong>Lubinik<\/strong>, my WordPress framework, which allows me to clearly separate the technical base, the site-specific features, and the fully custom visual layer. This approach helped me move fast without sacrificing the overall coherence of the project.<\/p>\n\n<h2>Designing the site around comics<\/h2>\n\n<p>Jenny Comics needed to support a real editorial structure built specifically for comics. I organized the site around dedicated content for series, episodes, and characters, with adapted templates, relationships between content, and a structure designed to make future publishing easier.<\/p>\n\n<p>The idea was simple: create a foundation clean enough to work well immediately, while remaining flexible enough for future episodes, new pages, and later improvements.<\/p>\n\n<h2>A strong and expressive visual identity<\/h2>\n\n<p>Visually, I wanted something colorful, expressive, and lively, something able to reflect the energy of my comics right away. The website needed to carry that identity clearly without losing readability or ease of navigation.<\/p>\n\n<p>I therefore developed a custom child theme with an illustrated homepage, tailored editorial sections, dedicated reading pages, reworked navigation, and many responsive refinements to keep the experience enjoyable both on mobile and on desktop.<\/p>\n\n<h2>Building fast, but building properly<\/h2>\n\n<p>One of the most interesting aspects of this project is precisely that balance between execution speed and level of finish. In two days, the site was designed, structured, styled, optimized for mobile, configured for SEO, and prepared to evolve over time.<\/p>\n\n<p>This kind of project reflects my way of working very well: moving fast when needed, but always with a real architecture behind it, so that the result is not only attractive at launch, but also durable and easy to expand.<\/p>\n\n<h2>Why this project feels so personal<\/h2>\n\n<p>Jenny Comics is probably one of the projects that represents me best, because it brings together several essential parts of my work: development, design, storytelling, visual identity, and the desire to create truly custom tools.<\/p>\n\n<p>It is not just a website to display my comics. It is also a concrete demonstration of the way I approach the web: a space where technique and sensitivity move together, even within a very short timeframe.<\/p>\n\n<h2>See the project<\/h2>\n\n<p>Jenny Comics is now a living, personal, and scalable foundation ready to host my future stories. It is also a good example of what I can build quickly when a project needs visual identity, editorial structure, and custom development at the same time.<\/p>\n\n\n<section class=\"project-links-gallery\">\n  <h2>Explore Jenny Comics<\/h2>\n  <p>A few key pages from the project and its visual universe.<\/p>\n\n  <div class=\"project-main-link\">\n    <a href=\"https:\/\/comics.jennifertanghe.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">\n      <img decoding=\"async\" src=\"https:\/\/jennifertanghe.com\/wp-content\/uploads\/2026\/06\/jennycomics-1.webp\" alt=\"Jenny Comics homepage preview\">\n    <\/a>\n    <p><a href=\"https:\/\/comics.jennifertanghe.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">Visit the live website<\/a><\/p>\n  <\/div>\n\n  <div class=\"project-covers-row\">\n    <article class=\"project-cover-card\">\n      <a href=\"https:\/\/comics.jennifertanghe.it\/comics\/niki-the-little-dog-family\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"https:\/\/jennifertanghe.com\/wp-content\/uploads\/2026\/06\/nikithelittledogfamily-cover1.webp\" alt=\"Niki the Little Dog Family series page\">\n      <\/a>\n      <h3>Series Page<\/h3>\n    <\/article>\n\n    <article class=\"project-cover-card\">\n      <a href=\"https:\/\/comics.jennifertanghe.it\/comic-episodes\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"https:\/\/jennifertanghe.com\/wp-content\/uploads\/2026\/06\/nikithelittledogfamily-cover2.webp\" alt=\"Jenny Comics episodes archive\">\n      <\/a>\n      <h3>Episodes Archive<\/h3>\n    <\/article>\n\n    <article class=\"project-cover-card\">\n      <a href=\"https:\/\/comics.jennifertanghe.it\/about\/\" target=\"_blank\" rel=\"noopener noreferrer\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"https:\/\/jennifertanghe.com\/wp-content\/uploads\/2026\/06\/nikithelittledogfamily-cover3.webp\" alt=\"Jenny Comics about page\">\n      <\/a>\n      <h3>About Page<\/h3>\n    <\/article>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Jenny Comics is my personal comics website, designed and developed in two days to publish my stories, introduce my characters, and build a strong, responsive, and scalable visual space around my universe. <a class=\"read-more\" href=\"https:\/\/jennifertanghe.com\/creating-jenny-comics-a-custom-comics-website-built-in-two-days-with-wordpress-and-my-lubinik-framework\/\">Leggi tutto<\/a><\/p>\n","protected":false},"author":1,"featured_media":587,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jtseo_title":"","_jtseo_description":"Freelance full-stack architect and creative consultant. Viterbo, Italy","_jtseo_keywords":"","_jtseo_canonical":"","_jtseo_robots":"index,follow","_jtseo_og_title":"","_jtseo_og_description":"","_jtseo_og_image_id":0,"_jtseo_twitter_image_id":0,"_jtseo_og_type":"","_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[432,431],"tags":[],"class_list":["post-583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personal-projects","category-web-dev"],"jetpack_featured_media_url":"https:\/\/jennifertanghe.com\/wp-content\/uploads\/2026\/06\/nikithelittledogfamily-cover2.webp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/posts\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/comments?post=583"}],"version-history":[{"count":7,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/posts\/583\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/posts\/583\/revisions\/595"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/media\/587"}],"wp:attachment":[{"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/media?parent=583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/categories?post=583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jennifertanghe.com\/wp-json\/wp\/v2\/tags?post=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}