Opus

Focus on content. The rest is secondary.

Opus Theme

Opus is WordPress theme which focuses on content.
The rest is secondary.

The Origin

The development of Opus was started in 2013: I was looking for a (free) theme and all available options I could find are either too complicated or have particular edge case that I couldn’t compromise. So I decided to make one on my own: a theme that focuses on content, incredible clean, and worthy to be released on WordPress Theme repository.

Hence Opus was born. Opus is my first theme on WordPress repository.

The Goals

Opus is made with these goals in mind:

  1. Opus should look great on mobile screen.
    Traffic from mobile start to surpass desktop traffic. There’s no question on this. Mobile UX deserves priority as much as desktop UX.
  2. Opus should efortlessly work out of the box
    Many themes requires you to configure stuff to make it looks like its demo. Once you install and activate Opus, it’s already looks the way it looks on the demo page.
  3. Opus should allow its user to express themselves
    Everyone is unique. Opus allows you to express your preference by choosing color accents and header image.
  4. Opus should work effortlessly
    It really annoys me when the content I published looks misplaced due to technical issue. Opus is developed to detect your content’s quirkiness and adjust it on the fly.
  5. Opus is all about GREAT reading experience.
    I’ve blogged since 2008. I’ve written a lot. I want those posts to be read effortlessly.

The Theme

Here’s how Opus looks like:

00 - Opus is developed using mobile first approach. It looks great on small screen and big screen
00 – Opus is developed using mobile first approach. It looks great on small screen and big screen
01 - Opus one column content-focused layout
01 – Opus one column content-focused layout
02 - Opus expanded menu
02 – Opus expanded menu
03 - Opus focuses on content. It even hides the top-navigation as you scroll down the page and display it when you scroll up the page
03 – Opus focuses on content. It even hides the top-navigation as you scroll down the page and display it when you scroll up the page
04 - Opus supports civil footnotes plugin out of the box
04 – Opus supports civil footnotes plugin out of the box
05 - Opus is about letting your content shines. Opus doesn't get in your way
05 – Opus is about letting your content shines. Opus doesn’t get in your way
06 - If you're not into green, you can always change Opus' color
06 – If you’re not into green, you can always change Opus’ color

Plugin Compatibilities

Opus is made to be compatible with these plugins:

  1. CF Post Format
    Post Format tab UI on editor
  2. Jetpack’s Infinite Scroll
    Jetpack’s module for infinite scrolling functionality
  3. WP-IG
    Instagram integration plugin: post your Instagram photo to WordPress
  4. Civil Footnotes
    Adding footnote in markdown like interface

Changelogs

December 14th, 2013 – Available at WordPress Theme Repository

Opus has been approved by WordPress Theme Reviewer and it is available on the WordPress Theme repository.

***

July 13th, 2014 – v1.1.0

Seven months after its inception to WordPress repository, there are some stuffs that I think need to be added, tweaked, and fixed. Hence the version 1.1:

  • Hiding top navigation when the page user scrolls down the page. Display the top navigation when the user scrolls up the page. Saving screen space for more important focus: the content. Inspired by this article
  • Adding support for Infinite Scroll feature provided by Jetpack
  • Adding support for WP-IG, the Instagram – WordPress integration plugin
  • Displaying embed code, oEmbed-supported link, or url to video stored on post meta ‘_format_video_embed’ as video on single page. Note: I recommend Crowd Favorite’s wp-post-format plugin for better UX for post format
  • Subtle improvement on design: smaller content width to make featured image on post format image more digestable, changing typography from open sans to roboto (IMO it is more sharper especially when it is used on large font-size), adding parallax effect to page image cover, adding subtle shadow to give sense of depth to the layout, inspired by Android Material Design
  • Hiding tag box if there’s no tag to be displayed
  • Fixing top nav behavior on small screen

***

August 5th, 2014 – v1.2.0

Version 1.2 is here! This version is basically a visual enhancement and more support for third party plugins:

  • Fixing search form bug on 404 template
  • Adding better looking sticky post UI
  • Prevent entry category crashes with entry time
  • Fixing strict standard issue on PHP 5.4
  • Turn of parallax effect on touch device because jQuery’s .scroll() doesn’t play nice with touch
  • WP-IG support: adding Instagram icon if the post is Imported Instagram media
  • Enhanced UI: adding date, month, and year divider
  • Enhanced UI: adjust javascript based effect if the window is resized
  • Resizing featured image to optimize page load
  • Enhanced UI: changing default page cover photo
  • Enhanced UI: fading out page cover as a complement of parallax effect
  • Civil Footnotes: Adding custom styling for civil footnotes-generated footnote.
  • Changing screenshot image to the better version
  • Jetpack support: tweaking styling for comment email subscription checkbox
  • Adding custom styling for dashboard header editing

December 31th, 2014 – v1.3.0

Improvements added:

  • Replacing custom time code with WordPress’ human_time_diff
  • Adding pot file and loading textdomain for translation
  • More stuffs for translation
  • Better civil footnotes support. It’ll still work on infinite scroll scenario now
  • Fixing editor styling
  • Using protocol relative URL for fonts
  • Adding Phillip Arthur Moore’s Subtitles plugin support

April 23th, 2015 – v1.4.0

Improvements added:

  • Adding grunt task for creating .zip build
  • Adding WordPress 4.1 title-tag support (and its fallback)
  • Adding Jetpack site-logo module support
  • Adding custom background support
  • Adding RTL support
  • Adding styling details for Jetpack custom widgets
  • Fixing top nav’s width issue
  • Custom fonts are now pluggable by translation (useful if Roboto & Montserrat has no support on targetted language)
  • Changing color scheme mechanism using Simple Color Adjuster class

Download

Download | GitHub | Demo

Total Downloads

10,015

Interested in hiring me for your project? Contact me here.