Designed with webcomic blogs in mind, this doubles as a standard blog theme.
Static previews: index page, permalink | Code
Features:
Comic focused options: Comic navigation (option for image or text links), home/"read chronologically" buttons
Option for header image and two background images
Option for tall/fixed-on-scroll header
Custom colors, fonts (Google/Tumblr fonts), font sizes, and post sizes
Optional title/avatar/description, search bar, like/reblog buttons, tags, Archive/Random links
Responsive
Four special tag links, plus unlimited custom links (see my theme installation guide for how to add these)
Supports new post types/pinned posts
And more!
My first ever comic theme, and an entry for the Opposites Attract challenge! Features some special scripting to ensure chronological page navigation works smoothly regardless of your pagination choices.
See more about how to customize this theme (especially for comic usage) and theme credits under the cut.
Customization in general:
Use either all images or no images for page navigation (first/previous/next/last), as the styles for text navigation are only activated when no images are present.
If you'd like, you can change the four custom tag links to redirect to other non-tag pages. To do this, search for "TAG LINKS" in the theme code, and remove "/tagged/" from the href attributes (href="/tagged/{text:Tag 1 name}" -> href="{text:Tag 1 name}"). You will now be able to add any link in the "Tag 1 name" field; this can be repeated for Tag 2, Tag 3, and Tag 4.
Customization for webcomic blogs specifically:
For the page navigation (first/previous/next/last) to lead to the appropriate pages, set your blog to display only one post per page. Do this by going to Advanced options on the Customize page, then setting Posts per page to 1.
For the "First" navigation link, add the link to your first comic page under the "First comic page URL" field. To accommodate for future blog URL changes, you might want to write the link simply in the format "/post/1234567890", deleting all other parts of the URL.
Theme credits: Layout and design concept by kernelbastard, Tippy tooltips by atomiks, icons from Font Awesome, custom like buttons by Demirev, NPF photosets plugin by codematurgy, dark/light mode toggle by eggdesign, custom audio posts by annasthms, scroll to top script by Fabian Lins
It’s been a while since we had a challenge, so we released a series of polls in the codingcabin discord server to determine what we should do next. After several tiebreaker rounds, we decided to combine the two for an (optional) two part challenge!
Option 1:
Create a theme with a complementary color palette. Complementary colors are pairs of colors found on the opposite sides of the color wheel. You can use this tool to help determine your color palette, just make sure you select complementary in the sidebar.
Option 2:
Create a theme that is the opposite of your usual style. Not everyone has a specific style, so it’s okay if you can’t think of an exact opposite! The goal of this challenge is to step out of your comfort zone and try something you normally wouldn’t, like making a fansite theme if you’ve never made one before, or using a dark background if most of your themes are light.
You can also use this as an opportunity to explore styles that you don’t see often in themes or have been hesitant to try, like maximalism or brutalism.
You do not have to do both parts of this challenge, but you can if you want! You also do not have to be a member of the server to try the challenge.
How to participate:
Reblog this post.
Submit your entry, tag codingcabin in your post, or tag the post with #oppositesattractchallenge
Duration: December 14th, 2021 to February 14th, 2022
For questions contact @suiomi, @annasthms, or @eggdesign, or leave a message
