Workbook theme options

Here's a full breakdown of all the theme options included with Workbook. You can access these via your Customize page to change the appearance and functionality of your blog.

 

Appearance Options

These options let you change some basic settings on your blog. These also affect how your blog looks on mobile apps, the Dashboard and search results. You can also edit these from your main blog settings page - check out Tumblr's help section for more details.

Title - this is where you set the Title of your blog, which is displayed in the sidebar and in the title of the page in your browser.

Description - this is the text shown below your blog title in the sidebar.

Header image - this is the image for your main header image that appears all across Tumblr, and in the header of your theme.

Avatar - this is the image for your avatar, which appears all across Tumblr. On your theme, this displays alongside your blog title in the sidebar.

Avatar Shape - this let's you choose either a square or circle avatar shape.

Title font - choose a font for your blog title, which appears all across Tumblr. This also controls your post titles and quotes on the theme. You can choose to use the regular or bold version of the font.

Background color - set the main background color for your blog's posts and pages.

Title color - set the main color for titles on your blog.

Accent color - set the accent color your blog, this controls links and buttons too.

Show header image - choose whether to show your header.

Show avatar - choose whether to show your avatar.

Show title - choose whether to show your blog title.

Show description - choose whether to show your description.

 

Image Options

Logo - you can upload a Logo image, which will replace the blog title and avatar in the sidebar.

Header 2-5 - upload extra header images to be used in the slideshow. You can add as many as you like, or just use one for a static header image.

Header Emblem - upload an image to sit over the top of your header slideshow.

 

Color Options

Header Background - this sets a background color of your sidebar and header areas.

Header Overlay - this sets a color to overlay the header image, to improve readability of your emblem image and scroll prompt.

Header Text - this sets the color of the text in your description and menu.

Borders - this sets the color of the borders used in the sidebar and other areas of the theme.

Post Overlay Background - this sets the background color for your post hovers on index pages.

Post Overlay Text - this sets the text color for your post hovers on index pages.

Post Background - this sets a background color of your Text, Quote, Chat and Answer posts.

Post Titles - this sets the text color for the the titles and quotes in your posts.

Text - this sets the main text color for your blog and posts.

Link - this sets the color for links in your posts.

Link Hover - this sets the hover color for links in your posts.

 

Dropdown Options

Pagination - choose which pagination method to use: load more adds a simple button you hit to load more posts, infinite scroll loads posts as you scroll, and standard adds basic previous/next page buttons.

Post Shape - choose which shape to use for your posts on index pages - landscape(4:3), square(1:1) or portrait(3:4). The image will be cropped inside this shape to create the seamless grid layout.

Photo Links- the six Link options allow you to choose what happens when you click on a photo:

  • Photo Link Permalink - choose what happens when you click the image in a regular photo post
  • Panorama Link Permalink - choose what happens when you click the image in a Panorama photo post
  • Photoset Link Permalink - choose what happens when you click an image in a photo set grid post

And the available options are:

  • Image - links to the permalink URL of the image (photo post only)
  • Lightbox - opens the image in a lightbox view
  • None - just shows the photo, no link

 

Toggle Options

Photoset Loop - choose whether to loop through all the images in a photo set post, or to just show one image.

Sticky Posts - activate the 'sticky posts' feature, which will display posts with a certain tag at the top of your home page feed.

Show Archive Link - shows a link to your archive in the main menu.

Show Search - shows the search feature in the menu.

White Icons - changes the icons at the bottom of posts to white, in case you are using a dark background color.

Show Group Author - if you're using a group blog, this shows the avatar and name of who created the post on permalink pages.

Sharer - choose whether to show the 'share' function at the bottom of posts.

Sharer Twitter - choose whether to include Twitter sharing in the sharer popup.

Sharer Facebook - choose whether to include Facebook sharing in the sharer popup.

Sharer Google - choose whether to include Google+ sharing in the sharer popup.

Sharer Pinterest - choose whether to include Pinterest sharing in the sharer popup.

Show Timestamp - choose whether to show the timestamp on posts.

 

Text Options

Title Font Size - control the font size used in your blog title.

Title Letter Spacing - control the spacing between characters in your blog title.

Menu Tags Title - set the title for your 'tag list' in the menu.

Menu Tags - create a list of tags to show in your menu. Add the tag names separated by a comma. For example design,typography,posters. Only use spaces when there is a space in the tag, not between each tag. For example typography, graphic design, posters will NOT work, but typography,graphic design,posters WILL work.

Menu Pages Title - set the title for your 'pages list' in the menu.

Header Overlay Opacity - control the opacity of the header overlay color - use decimal values here, for example 0.2 is 20%, 0.8 is 80%.

Header Scroll Prompt - add text here to activate the 'scroll prompt' button in the header.

Photoset Spacing - control the amount of space between photos in a Photoset grid post.

Load More - sets the text inside the 'load more' button.

Load More Loading - sets the text inside the 'load more' button while posts are loading.

Load More End - sets the text inside the 'load more' button when there are no more posts to load.

Footer Text - sets the text in the footer of the page, next to the copyright statement.

Instagram Token - enter your Instagram token to set up the Instagram feed - get your token here.

Instagram Order - choose which order the Instagram feed goes within your posts.

Instagram Label - the text used in the Instagram hover overlay.

Dribbble Username - your Dribbble username to activate the feed of your latest shots.

Dribbble Order - choose which order the Dribbble feed goes within your posts.

Dribbble Label - the text used in the Dribbble hover overlay.

Google Analaytics Code - enter your Profile ID for Google Analytics tracking - see full details here.

Disqus Shortname - simply add your Disqus Shortname here to enable Disqus comments on your blog.

Sticky Tag - this is the tag for the posts that will be shown if you select the 'sticky posts' option.

Font Embed and Family - let's you set up custom fonts, see full details here.

URL icons - let's you link to your other websites/social media, see full details here.