Sep 18

Print this Post

Graphene – Theme Options

Graphene, which is used on this blog, is a free, powerful WordPress theme with many built-in features. The bulk of these features are accessed through the Graphene Options tab, located under the Appearance tab of the Administrative panel. This post will give an overview of the features found in that tab. For a more broad-based discussion of the theme, read the post: Graphene Theme A Winner.

The Graphene Options Tab

Options Tab – Overview

Many of the customizable features available with this theme are accessed in the Graphene Options tab (or menu). The tab is divided into four sub-tabs and each of those has a number of options to select and modify. One thing to keep in mind is that you do not have to modify anything. If you are happy with the default settings that load with the theme, then you can be off and running as is. However, to fully take advantage of the flexibility of this theme, some work in these menus will be required.

Within each of the Graphene Theme Options tab are the four sub-tabs: General, Display, Colours and Advanced. Each of these tabs contains a number of sub-sub tabs that set various options within the theme. Clicking on the bar of any sub-sub tab will expand it and display the options available under that tab. Each tab is outlined below along with some of the features of that tab (not every feature is discussed)

General Tab

Within the General sub-tab there are a number of sub-sub-tabs (Option) that you will need to modify. At a minimum, set the Slider Options, configure Social Sharing Buttons and set-up the Adsense Options.

  • Slider Options:
    • Disable the slider
    • Make it a full width of the theme
    • Decide what posts to display in the slider
    • Decide the number of posts to display
    • Show a post image in the slider
    • Set the display preference for posts
    • Set the slider speed

  • Front Page Options: choose which post categories show on the front page (default is disabled)
  • Home Page Panes: use this when a static page is the home page
  • Commenting Options: to disable comments
  • Child Page Options: for displaying child pages (if you have any)
  • Widget Area Options: for special widget formatting
  • Top Bar Options: to add RSS or social media to the top bar
  • Social Sharing Buttons: enable sharing on posts
  • Adsense Options:
    • Enable Adsense on post and page
    • Put on Adsense code
  • Google Analytics Options:
    • Enable analytics
    • Put in analytics code
  • Footer Options: add copywrite information
  • Print Options
    • Enable printing of posts
    • Add a print button to posts

Display Tab

Within the Display tab you will probably make some minor adjustments to a number of these settings but at a minimum you will want to set the Column Options and Post Display Options.

  • Header Display Options:
    • Various Header Display Options (custom header is inserted else-ware)
    • Add a search box to the header
  • Column Options: select the default page layout (number of columns and column arrangement)
Change the Column Arrangement in the Graphene Theme

The Column Options Tab

  • Column Width Option: allows you to change the width of the columns
Change Column Widths in the Graphene Theme

The Column Width Tab

  • Post Display Options:
    • Hide the author
    • Date format
    • Hide categories or tags
    • Format author information
  • Excerpts Display Options: enable and format how excerpts are displayed
  • Comments Display Options: hide allowed tags in comment form
  • Text Style Options: allows complete manipulation of all theme default text styles
  • Footer Widget Display Options: choose the number of columns in the footer widget
  • Navigation Menu Display Options: can change the way the main menu is displayed
  • Miscellaneous Display Options: for customizing site titles, Favicon, etc.
  • Custom CSS: a place to enter and store custom CSS

 Colours Tab

The Colours Tab is pretty powerful and if you want to change colors it will take some time and effort. You can alway revert back to the default if it gets to messed-up. Be sure to checkout the three alternate preset schemes. This blog uses one of those with the only other customization being the colors on the slider bars.

  • Top Bar: change the color palette for the top bar
  • Primary Menu: change the color palette for the primary bar
  • Secondary Menu: change the color palette for the secondary menu
  • Content Area: change the color palette for the content area
  • Widgets: change the color palette for the widgets
Change the Color Scheme in the Graphene Theme

Widgets Color Options Tab

  • Slider: change the color palette for the slider
  • Block Buttons: change the color palette for the block buttons
  • Archive Title: change the color palette for the archive title
  • Comments Area: change the color palette for the comments area
  • Content Text:change the color palette for the content text
  • Footer: change the color palette for the footer

Advanced Tab

Unless you are an advanced user, you will probably not need to do anything in the Advanced tabs.

  • Preview: enable a preview of the theme on the Graphene Theme Options Page
  • Custom Tags:  ad code for element
  • Action Hooks Widget Area: select and activate action hooks
  • More Generated CSS: shows CSS generated by the theme for use in making child themes

It is a good idea to click into all of the setting tabs, if for no other reason, just to see what they contain. You will probably find that most of the setting can stay just the way they are and there will be others that you might not even understand (there are a few that I don’t). I just leave those alone. The most important settings are the ones that affect the look of you blog. The slider, for example has a number of options that change its appearance and the way works. Try them out and see what you like the best. Remember that you can always change things down the road and as you get better acquainted with blogging and the theme. I hope this has been helpful and good luck.


Related posts:

  1. Graphene Theme a Winner
  2. Design a Header for Your Blog
  3. Hub Pages Experiment

Permanent link to this article: http://www.pronet6.com/2012/09/18/graphene-theme-options/


1 ping

Skip to comment form

  1. Chris Workman

    Top-notch post! Have just started using the theme and only through your piece did I work out how to hide the categories and tags. Cheers!

    1. Bruce

      Thanks Chris . . .


    Thanks! For this great stuff. I have also downloaded this theme in my site.

    1. Bruce

      Thanks for reading and commenting.

  3. Tammy

    Hi Bruce.
    I have checked help files everywhere and can’t find an answer to this question and wondered if you could help me. I have been in the options page for Graphene upteen times and can’t find an option for this as well. If you go to my website, which I am currently building and have never built a website before, what a learning curve!! Anyway the first thing, my slider I have opted to display only certain posts which will remain that way. I have chosen to show at the bottom of my page 4 posts and they are displayed 2 side by side. I want them to display like yours are, full width of column. In the options I have chosen one column with sidebar for the page because I want access to my pages but my posts clump together.

    The second thing is a colour display and I have changed every colour in case I am missing something but can’t find this option. My posts show up on the home page as a dark grey. I want the post test to show up as white text, what option is this? Of course I don’t want white font on my actually full blogging page.
    If you could help I would be so appreciative. I have literally spent hours searching for this answer and I do not know how to write code at all. Thanks Bruce

    1. Bruce


      Sorry, I have been away from this post for a while – hope you figured it all out and good luck.

  1. Graphene Word Press Theme

    […] Graphene – Theme Options » […]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>