Code Monkey home page Code Monkey logo

manifesto-anchor-theme's Introduction

Manifesto

Manifesto - A minimal, responsive theme for Anchor CMS designed for a distraction-free reading experience on any device. Test drive it... here

Features

  • Responsive design built on a modified version of Skeleton (http://getskeleton.com) to have a percentage based grid system
  • jPanelMenu drawer navigation
  • Options to display/hide Anchor Pages in the main navigation
  • Nice featured images for each post (requires additional setup)
  • Supports post descriptions to display on Posts page and in article header as a teaser
  • "Tweet This" button on posts

* NOTE: I prefer to write my posts in plain HTML, so this theme uses <?php echo article_html(); ?> to return article content. Please use <?php echo article_markdown(); ?> in article.php in order to use this theme with Markdown formatted posts.

Installation

  1. Download the theme from Github
  2. Unzip and copy the theme folder into your themes directory
  3. Set Manifesto as the Current Theme: on the Extend > Metadata menu in Anchor's admin
  4. Blamo! You're done. Move along to setup customizations.

Setup

A few extra customizations are required to take advantage of this themes extra features.

Featured Images and Image Credit

This theme can display one large featured image per post. Optionally, you can also setup an extra field to insert some HTML for crediting the image author. If images aren't for you then not to worry, the theme will simply load with a plain vanilla h1 title.

  1. Create a new Custom Field in the Extend > Custom Fields menu in Anchor's admin
  2. Fill in the form with the following:
    • Extend: post
    • Type: file
    • Unique Key: featured-image
    • Label: Featured Image
    • File Types: [blank]
  3. Upload featured images when editing a post
  4. (Optional) Create another Custom Field with the following settings:
    • Extend: post
    • Type: html
    • Unique Key: featured-image-credit
    • Label: Featured Image Credit
  5. Swish! Ya done good, son.

Navigation & Twitter Account

You can control which pages (not posts) are visible in the main menu, and also setup a link to your Twitter account. The Twitter variable is also used to credit you in the "Tweet This" button in your posts.

  1. Create a new Custom Field in the Extend > Custom Fields menu in Anchor's admin
    • Extend: page
    • Type: text
    • Unique Key: show-in-menu
    • Label: Show link in nav menu?
  2. Click Update
  3. If you want to hide any subsequent pages from the nav, simply uncheck that field in your post
  4. Create a new variable to provide your Twitter username. Extend > Site Variables in Anchor's admin
    • Name: twitter_account
    • Value: YourTwitterUsername
  5. Create a new variable to provide your Twitter URL. Extend > Site Variables in Anchor's admin
  6. That's it! Finished.

This theme is by no means perfect. I was looking to try some BEM techniques in organizing my code with this one, and in all likelihood I fucked it up royally. If you have any questions, submit an issue or shoot me a message: dave [at] daveis [dot] net.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.