Chalk

$79

By The Theme Foundry

Screenshots of Chalk theme

Get creative.

Help others learn.

We built Chalk for bloggers, creatives, and teachers. It starts with readable typography on a clean and responsive layout. You’ve got several different options for sharing and teaching at your finger tips. Post lesson lists. Share a syllabus or a class schedule. Track a group to-do list. Review a discussion. We’ve even included an optional print link with any post or page. All the tools are in place. Just add your materials and start sharing.

Chalk with special styling

Add some style.

Make it your own.

Personalizing your new website should be fun. We’ve leveraged the built-in WordPress customizer, so adding your own background image or color is easy. On top of that, we’ve included seven hand selected font options. You can also set your own primary color for links and buttons with the built in color picker. Combine these fonts and colors with a custom background to give your website a truly unique look.

Screenshot of Chalk music post

Watch. Listen. Read.

Share with your audience.

Chalk makes it simple to post any type of content: videos, quotes, links, status updates, asides, images, galleries, audio files, and even chats. Each format has a unique style, tailored to the media you post. Your audience will enjoy watching video, listening to music, and reading articles on your website.

Help and additional information

If you need help with Chalk be sure to read through the documentation by clicking the Support button at the top of the sidebar on this page. You can also ask us questions in the WordPress.com Chalk support forum.

Looking to buy Chalk for a self hosted WordPress.org website? The Theme Foundry builds WordPress templates for WordPress.org and you can purchase the Chalk theme for WordPress.org directly from their website.

Quick Specs (all measurements in pixels):

  1. Chalk is a flexible-width, responsive design.
  2. The main column maximum width is 760.
  3. Featured images are 760 by 300.
  4. All images will scale to fit the viewing screen.

Posting overview

Chalk supports 9 post formats, selectable from the Edit Post screen: Standard (text), Aside (to-do list), Gallery, Link, Quote, Status, Video, Audio and Chat. Whenever you create a new post, choose an appropriate post format and follow the instructions below.

post format list

Posting articles

Articles work just like regular WordPress posts, leave the post format set to Standard and create your post.

Posting to-do lists

Select Aside from the post format box. Then, create an unordered list. Separate each task into a new list item by pressing enter/return on your keyboard.

To mark a task as complete, highlight the text of a particular list item, then apply the Strikethrough styling (as shown below).

strikethrough

Note: This post format is not intended to display images and other typographic elements.

Posting galleries

Select Gallery from the post format box. Then, complete the following steps:

  1. Upload your image files via the Add Media icon.
  2. Click “Save all changes”.
  3. Customize your gallery settings (optional).
  4. Click “Insert gallery”.

Your images will now show using Chalk’s native slideshow display. The post title and meta will not display, only the gallery you created will be shown.

Would you like to autostart your gallery? If yes, please read through the section of this theme’s documentation about enabling gallery autostart.

Of course, you can also use the default WordPress gallery in the Standard post format.

Note: This post format will not display a Featured Image.

Posting links

Select Link from the post format box and type your link title into the post content editor. Next, highlight the text you just entered, and create your link by clicking the link icon in the editor. The post title will be ignored; only the linked text you entered will be shown.

Posting quotes

Select Quote from the post format box and type or paste your quote into the post content editor. Your quote will now display using Chalk’s custom Quote post format styling. The post title will not display, only the quoted text you enter will be shown.

Posting status updates

Select Status from the post format box and type a brief message into the post content editor. Your status update will now display using Chalk’s custom Status post format styling. The post title will not display, only the text you enter will be shown.

Note: This post format is not intended to display images and other typographic elements.

Posting videos

Select Video from the post format box. Make sure you are editing in the HTML editor mode, and paste your embed code into the post content area. The post title and meta will not display, only the video you embed will be shown.

Note: This post format will not display a Featured Image.

Posting audio

Select Audio from the post format box. Then, upload your audio files via the upload audio icon at the top of your post editor. You may also add a description for your audio files in the post content area.

If you choose to upload multiple audio files, a playlist will automatically be created.

Posting chats

Select Chat from the post format box. Then, create an unordered list. Separate each line of dialogue into a new list item by pressing enter/return on your keyboard. Your conversation will now display using Chalk’s native chat styling.

Styling overview

Chalk features a number of custom styles that will make your content stand out even further. Below are instructions for adding these custom styles to your content.

Alerts

Alert styles call attention to specific sections of your content. To style an alert, you will need to be in HTML editor mode. Then, wrap your content in a div with a class name of “alert”, like so:

<div class="alert">Weighs <strong>40%</strong> of your course outcomes</div>

alert styling

Green “success” alert styling:

<div class="alert success">Your content here.</div>

Red “error” alert styling:

<div class="alert error">Your content here.</div>

Post-it styling

To style a small post-it box, you will need to be in HTML editor mode. Then, wrap your content within pre tags, like so:

<pre>Your content here.</pre>

pre tag styling

This styling is not intended to for long bodies of text.

Enable slideshow on page templates or non-gallery posts

To enable a slideshow on a page or non-gallery post, add your gallery; then, paste the following shortcode into your page content, replacing the default

shortcode:

Using the regular

shortcode will remove the slider styling and return to the default WordPress gallery.

Enable gallery autostart

To autostart a slideshow within a gallery post, add your gallery; then, paste the following shortcode into your post content, replacing the default

shortcode:

To autostart a slideshow within a page template or non-gallery post, include autostart=”true” into the shortcode, like so:

Creating pages

Chalk has three available page layouts, including the Default, Archives and Sitemap templates.

In your WordPress dashboard, navigate to Pages → Add New and select one of the three templates available from the Template drop-down; your content will be formatted accordingly.

page template list

Archives and Sitemap pages

The Archives and Sitemap pages on the demo site are created using the default page templates. Select “Archives” or “Sitemap” from the Template drop-down to set the specifically formatted display for these page types.

Uploading a Feature Image

Chalk’s Feature Image will display above your post content. To add a Feature Image to your post, you need to complete two steps:

  1. Create an image with dimensions of 760 x 300 pixels or larger.
  2. Set a Featured Image within your desired post.

featured image

Not sure how your Featured Image should look? Take a look at this example on the demo site.

Setting a custom background

In your WordPress dashboard, navigate to Appearance → Background. This will display the options available for adding a custom Background Image and/or Background Color.

Change the color scheme

In your WordPress dashboard, navigate to the Appearance → Theme Options page. Under the “Fonts & Colors” section, enter your Primary and/or Secondary color value into the corresponding input fields, or feel free to use the color pickers for convenience.

Typography options

In your WordPress dashboard, navigate to the Appearance → Theme Options page. Under the “Fonts & Colors” section, there are two options for controlling the font families used across your theme.

The Accent font is used for headings, block quotes, buttons, menus and other highlighted areas.

The Body font is used for your post copy and all other content that is not styled by the Accent font.

Display options

Chalk allows you to easily remove the author’s name, post navigation, print link, tags and categories from the post display. In your WordPress dashboard, navigate to the Appearance → Theme Options page. Under the “Display options” section, check the appropriate options to prevent them from displaying on all posts and pages.

display options

Sharing buttons (Facebook, Twitter, Flickr, Google+)

Your sharing buttons are controlled under the “Footer” section of the Appearance → Theme Options page. To disable all footer icons (including RSS), check “Disable all icons”.

social buttons

Footer byline

The input field for your footer Copyright text is found above the sharing options, under the “Footer” section of the Appearance → Theme Options page. By default, this is left empty.

Looking for the self hosted WordPress.org version?

Browse our self hosted WordPress themes at The Theme Foundry website.