Theme Setup
To set up your site to look similar to the demo, follow these steps:
- Set up featured content using the Homepage Slider directions below.
- Add a custom header to be displayed above your homepage content by heading to Appearance → Customize → Header → Add new image.
- Add a welcome message under Appearance → Customize → Theme → Front Page Settings.
- Verify that the latest posts are displayed on the homepage by going to Appearance → Customize → Front, and make sure Your latest posts is selected.
- Add a Site Logo under Appearance → Customize → Site Title. The logo will be displayed in the site’s menu panel.
- Set up a Custom Menu in Appearance → Menus. Below your menu settings, check the box next to Masthead Menu and click Save Menu.
- To display widgets in the sidebar, go to Appearance → Customize → Widgets. Add any widget you would like – we used the Twitter Timeline for the demo.
Homepage Slider
Featured Content
- Go to Appearance → Customize → Featured Content
- Add a word to the Tag Name field; we suggest using the tag featured to keep things simple, since this is the Featured Content Slider.
- Click the Save button and Close the Customizer.
- To add a blog post to the Feature Slider open the post in the editor and add a tag using the custom word from Step 3 (we suggested using the word featured).
- Update the post and head over to the homepage of your site to check out the super-duper-awesome Feature Slider! (Note: you’ll need to add the specified tag to at least two posts before the slider will appear on the homepage.)
Featured Images
The image displayed in the Featured Content Slider on the homepage is the image set as Featured Image in the post. Learn about Featured Images.
We suggest using large Featured Images for the best display and recommend a size of 1024 wide by 700 high. Images at a 5:4 ratio (standard photo size) will generally work, as long as the width is greater than 1000px.
Logo in the Sidebar
The maximum Site Logo dimensions are 240×240. The default header image is your Gravatar. The theme will automatically detect the Gravatar (if one exists) and sets it as the site logo upon initial theme activation.
Learn how to change the Site Logo.
Managing Widget Area
Sidebar in Masthead
The sidebar is hidden from the reader’s view until they click the “Menu” button in the masthead area. The default sidebar includes a navigation menu and search box, but this widget area can be customized to include any widget. We strongly recommend you add a navigation menu, page menu, or category widget here to ensure readers can navigate your site effectively.
Adding a Social Menu with Links
Journalistic offers a social menu option in the widget and menu zone (Sidebar in Masthead). The social links will show up as icons.
Learn how to enable the Social Menu.
This custom social menu currently supports the following social networks:
- WordPress.org
- WordPress.com
- Dribbble
- Google+
- GitHub
- Tumblr
- YouTube
- Flickr
- Vimeo
- CodePen
Typography
Journalistic offers typographic customizations — make articles look more intriguing by adding paragraphs of call-out text and drop-caps.
Drop-Caps
This theme comes with a .dropcap
class that can be applied to a paragraph element within the text of your posts. To add it, switch to the text editor view, then wrap an existing paragraph of text with a paragraph element containing the class:
<p class="dropcap">This is a paragraph of text for which I want to have a drop cap.</p>
Adding the drop-cap will start your sentence like this:
Adding a Lead-In Paragraph to a Post
This theme comes packaged with a .lead-in
class that can be applied to a paragraph element within the text of your posts. This style makes the entire paragraph larger by 10% and adds an italic style. To add it, switch to the text editor view, then wrap an existing paragraph of text with a paragraph element containing the class:
<p class="lead-in">This is a paragraph of text for which I want to have a lead-in.</p>
This is what your paragraph looks like as a lead-in paragraph: