I built Decode, the theme I use on Beyond The Code, to be a beautifully crafted, mobile first theme that uses media queries to bring in CSS for larger screens.

If you want to change any of the colors in your theme, enable the sidebar, social links, and more, access the Customize menu in Admin > Appearance > Customize. From here you can access all the settings available for this theme.

Decode's elegant sidebar is conveniently accessed by clicking or tapping on the menu icon. The sidebar can hold any number of widgets you choose. The side on which the sidebar and the hamburger icon are placed is customizable. You can also disable the sidebar if you choose.

Decode supports link posts, where the title can be hyperlinked. To do this, first set the post format to "Link" and then add designate where the title should link to using a custom field entitled, title_url, url_title, or title_link. I also have added support for quote posts. Quote marks are automatically added, so don't use them when composing a quote.

Featured Images are also supported, allowing you to display large, beautiful images at the top of your posts. A site-wide header image can also be set in the Header Options section of the theme customizer.

To add an explore page to your site, simply add a page with the title that you want and set the page template to "Explore Page" and Decode does the rest, adding an easy place for visitors to find new content on your site.

Breadcrumbs are supported via the Breadcrumb Trail or Breadcrumb NavXT plugins. Simply activate either plugin and enjoy beautiful breadcrumbs across your site.

Lastly, Decode has social icons that can link to your profiles from every side of the Internet. These can all be configured in the Customize menu and are listed below.

  • Twitter
  • Facebook
  • Google+
  • Ello
  • ADN
  • Sina Weibo
  • MySpace
  • Diaspora
  • VK
  • Dribbble
  • Behance
  • LinkedIn
  • Pinterest
  • Fancy
  • Etsy
  • Pinboard
  • Delicious
  • Instagram
  • 500px
  • Flickr
  • deviantART
  • SoundCloud
  • Bandcamp
  • Rdio
  • Spotify
  • Last.Fm
  • Vine
  • Vimeo
  • YouTube
  • Kickstarter
  • Gittip
  • Goodreads
  • Tumblr
  • Medium
  • Svbtle
  • WordPress.com
  • Stack Overflow
  • reddit
  • GitHub
  • Bitbucket
  • Runkeeper
  • Strava
  • Foursquare
  • Yelp
  • SlideShare
  • ResearchGate
  • YouVersion
  • Playstation Network
  • Xbox Live
  • Steam
  • Skype
  • Website
  • Email

The Custom CSS feature allows you to change virtually anything about the style of your site. Refer to the "CustomCSS.md" file in the "docs" folder theme for common and helpful entries and experiment with creating your own to make Decode yours.

Built With

Share this project: