Journalisticby UpThemes

Theme Setup

To set up your site to look similar to the demo, follow these steps:

  1. Set up featured content using the Homepage Slider directions below.
  2. Add a custom header to be displayed above your homepage content by heading to Appearance → Customize → Header → Add new image.

    Largo Header image
  3. Add a welcome message under Appearance → Customize → Theme → Front Page Settings.
    Largo Welcome
  4. Verify that the latest posts are displayed on the homepage by going to Appearance → Customize → Front, and make sure Your latest posts is selected.
    Largo Latest Posts
  5. Add a Site Logo under Appearance → Customize → Site Title. The logo will be displayed in the site’s menu panel.
    Largo Site Logo
  6. Set up a Custom Menu in Appearance Menus. Below your menu settings, check the box next to Masthead Menu and click Save Menu.Largo Menu Setting
  7. 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

Largo_Homepage_Slider

Featured Content

  1. Go to Appearance → Customize → Featured Content
  2. 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.
    Largo Featured
  3. Click the Save button and Close the Customizer.
  4. 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).Largo Featured Tag
  5. 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.

Largo Featured Post Image

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.

Largo Menu

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.

Largo Social Menu

Learn how to enable the Social Menu.
This custom social menu currently supports the following social networks:

  • WordPress.org
  • WordPress.com
  • Facebook
  • Twitter
  • Dribbble
  • Google+
  • Pinterest
  • GitHub
  • Tumblr
  • YouTube
  • Flickr
  • Vimeo
  • Instagram
  • CodePen
  • LinkedIn

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:

Largo Drop Cap

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:

Largo Lead In