A Note About Content Curation
When you look through the Publisher demo, you’ll notice it’s very thoughtfully constructed. All of the posts have a brief, descriptive excerpt, images are cropped nicely, and embedded video and audio are neatly aligned. As you can see, with little effort, Publisher does an impressive job of making your content shine.
We encourage you to take the same time and consideration when crafting your latest post. When possible, use high quality Featured Images that really highlight your content and underscore your message. Use interesting bits of text for block quotes and pull quotes. Be expressive and creative with your type treatment and styling. In doing so, you’re creating a beautiful, content-rich experience for your readers.
Visit the Style Guide to see layout and styling examples that you can use in your own site.
First off, thanks for purchasing Publisher! Upon activating your theme, you should visit Appearance → Customize to setup the basic theme settings such as your logo, header, background and social links. Detailed instructions and tips can be found below.
Publisher has a handful of theme options that you can access by going to Appearance → Customize → Theme. Here is a brief rundown of the settings in the Theme menu.
Adding Your Logo
The first option in the Theme Options menu will be Logo Upload. Click the Logo select box to drag and drop or select an image from your computer. One you’ve uploaded and selected an image, a thumbnail preview will display and your logo will update live in the browser.
Social Media Icons
To add social media icons to the header of Publisher, simply visit Appearance → Customize → Theme Options and add your links. Be sure to enter the full URL to your sites. Only the links you add will show up in the header.
Add a Custom Header Image
Add a Custom Header Image to your site by going to Appearance → Customize → Header.
First, upload a new image or choose one from your media library. Once uploaded, you will have the opportunity to crop the image and set a few more options.
Note: Your uploaded image should be at least 210px tall. The width should be at least 1000px to provide a crisp background.
If you like the header image you see in the demo, feel free to grab it here.
Add a Custom Background Image or Color
Add a Custom Background to your site by going to Appearance → Customize → Background.
Similarly to the Custom Header Image, you can either upload a new image or choose one from your media library. Once you’ve chosen your image, you will have several options for displaying the background. You can also choose a background color instead of an image.
Complimentary Dark Background Color
If you’d like a sleek dark background, try using the color
#3E444D. This is a great dark gray/blue color and compliments the default color scheme of Publisher very well.
Adding Widgets to the Sidebar
To add widgets to the sidebar, visit Appearance → Widgets. Drag any of the available widgets onto the sidebar and arrange them however you’d like.
Adding Images to Your Posts
Adding Homepage Excerpts
As you can see on the Publisher demo homepage, each post has a small excerpt of text that represents the post. This can be done in a few different ways.
- By default, Publisher will cut off your text and create an automatic excerpt after 55 words. While this will work, it’s not the cleanest option since it will truncate your content automatically.
- You can fine tune the excerpt by using the Excerpt box when creating your post. I recommend this option because it gives you the most control over how the excerpt displays.
- You can also use the More Tag to cut off your content at a certain spot. Note: This is helpful for audio and video posts on the homepage, if you want to show audio or video embeds coupled with a text excerpt.
Using Post Formats
A Post Format is a piece of information that can be used by a theme to customize its presentation of a post. Publisher supports a few post formats that you can use to customize the look of your posts.
Changing the Post Format
You can change the post format of any post by selecting it from the Format box on the Edit Post page. The Format box will be in the right-hand column, under the Publish box. From the list, you can choose Standard, Image, or Quote. See below for a breakdown on how to use each format.
The Standard post format is the default post format. It is used for writing blog posts or articles. Simply write your post and hit publish.
You can publish text, video, audio and galleries in the Standard post format.
The Image post format allows you to display just an image block on the homepage. The single page will show the image, as well as a title and content like standard posts.
To use it, create a new post, select Image from the Format box, add a title, content (optional) and set a Featured Image.
The Quote post format allows you to add quote text, which will show as a stylized block.
To use it, create a new post, select Quote from the Format box, add a title, and then add your text to be displayed in the quote block. To add a citation name, go to a new line, enter the name and italicize the text. This will style the name differently from the quote. You can also set a Featured Image here, which will be used as a transparent background behind the quote.
Full-Width Page Template
Publisher comes with a full-width page template, which displays your post content without a sidebar. To use the full-width template, select Full Width from the Templates section of the Page Attributes module.
Extra Styles Via Classes
Publisher comes with a few extra typography styles that can be used by simply applying a class to your content. They are entirely optional, but can add a nice touch to your content!
Pull quotes are similar to block quotes, but are reserved for less text. See Publisher’s Style Guide to see our suggested usage.
To use pull quotes you can add a class of pull-left or pull-right to your content. See an example below.
<span class="pull-right">This text will be pulled right.</span>
Text highlight simply adds a yellow background to your text, useful for in-paragraph emphasis. To use the highlight style, you can add a class of highlight to your content. See an example below.
<span class="highlight">This text will be highlighted.</span>
Intro text styling simply makes your text lighter and larger, creating a nice light title effect. This is useful for introducing a post or page with a brief description. To use the intro text style, you can add a class of intro-text to your content. See an example below.
<span class="intro-text">This text will be intro text.</span>