JustWrite

AcosminBlogger-Responsive-Mock-presantation

JustWrite is a WordPress theme for content writers.

Overview

  • Responsive;
  • Container sizes: Maximum width 1800px with the mini sidebar activated, 1550px without it (style.css – editable);
  • Sidebar maximum width: 435px;
  • Content maximum width: 1120px;
  • Mini sidebar fixed width: 245px;
  • Menu Locations: Main Menu (header), Right Sidebar – First Menu (mini sidebar), Right Sidebar – Second Menu (mini-sidebar);
  • Widgetized Areas: Main Sidebar (index), Posts Sidebar (single), Footer (Area #1, #2, #3, #4)
  • Custom Widgets: Featured Posts, Recent Posts, Popular Posts, Tabs, 125x125px Ads, 300x250px Ad;
  • Page Templates: Default, Full Width;
  • ADs: Header (728x90px), Mini Sidebar (160x600px), Sidebar (300x250px & 125x125px);

Theme Check, Valid HTML5, Valid CSS3

The theme was checked with the latest Theme Checker version.

theme-check

JustWrite has valid HTML5 and CSS3 code. Any CSS3 error is due to third-party plugins (Twitter, Facebook buttons, etc).

Thumbnail recommended dimensions:

Width: 900px; Height: 520px;

You should always upload images bigger than 900x520px. Also, remember to use Regenerate Thumbnails.

Menus

JustWrite features 3 menu locations:

theme-menu-locations

1. Main Menu – You can add your main navigation in this location, with support for up to 3 levels of sub-menus.

2. Right Sidebar – First Menu – It can be used as a Categories navigation. JustWrite will add a link to your homepage (“Main Page”) if this menu location is used.

3. Right Sidebar – Second Menu – It can be used as a Blogroll.

The second navigation menu is available for registered users only. You can register from this page.

After you have finished creating a few menus, you can add them to these locations with the Theme Customizer.

Featured Posts

Featured posts are used in the jQuery slider and the “Featured Posts” widget.

You can select a featured post by clicking the “Mark this post as featured” checkbox. This option is located in the “Posts Options” panel, on the top right side of your posts editor.

featured-posts-panel

Slider (default)

Each slide is a featured post. You can enable the slider, select how many posts to display or change the animation speed in the Customizer > Layout Options > Slider.

jQuery script: jCarousel

Custom Widgets

Some of the widgets (Twitter stream, 300×250 & 125x125px Ads) are available only to our registered users. You can register from this page.

JustWrite has six widgetized areas:

  1. Main sidebar – this sidebar appears in all index related pages (index, archive, 404, category, author, search, tag);
  2. Posts sidebar – this sidebar appears in all article related pages (single, page);
  3. Footer Area #1 – this sidebar appears in the footer;
  4. Footer Area #2 – this sidebar appears in the footer;
  5. Footer Area #3 – this sidebar appears in the footer;
  6. Footer Area #4 – this sidebar appears in the footer;

JustWrite default widgets

  • Featured Posts widget: Displays a list of your featured posts in a stylish way;
  • Recent Posts widget: Displays a list of your latest posts;
  • Popular Posts widget: Displays a list of popular posts;
  • Tabs widget: This widget allows you to display all the above widgets in one single place, with a tabbed navigation;
  • Social Buttons widget: Displays a list of your social profiles;

JustWrite plugin based widgets

  • Twitter Stream widget: Displays a list of your latest tweets;
  • 125x125px Ads widget: Displays a 125x125px ad, you can add its code in a simple textarea;
  • 300x250px Ads widget: Displays a 300x250px ad, you can add its code in a simple textarea;

All these widgets have a prefix in their title, AC:. You can spot them much easier this way.

All widgets have pretty self-explanatory labels. Some notes:

  • Leave the “Title” empty if you don’t want a title to appear (for design purpose).
  • You can add as many widgets as you want, even duplicate them (ex: the 300x250px Ads widget)

Theme Customizer

WordPress 3.4+ introduces a user-friendly and simple theme customization panel that assists you in tweaking certain aspects of your theme such as the logo, colors, background and other standard WordPress display settings. Through the customizer, you can create a completely new color theme to make JustWrite reflect your style and personality.

How to customize your theme

  1. Click Theme Options → Customize OR
  2. Click Appearance → Themes
  3. Click Customize next to the theme thumbnail.

You will then have access to the following customizable options:

  • 1.0 Header Options
    • 1.1 Logo and Description
    • 1.2 Header
    • 1.3 Main Menu
  • 2.0 Layout Options
    • 2.1 Slider
    • 2.2 Advertising
    • 2.3 Mini-sidebar
    • 2.4 Miscellaneous
    • 2.5 Posts
  • 3.0 Global Options
    • 3.1 Basic options
    • 3.2 Global links colors
    • 3.3 Global background colors
    • 3.4 Global border colors
    • 3.5 Global fonts colors
  • 4.0 Social Options
  • 5.0 Footer Options

1.0 Header Options

This panel enables you to change almost anything Header related (adding a logo, description, changing colors and background colors). When you click on it a few sub-sections appear:

1.1 Logo and Description

Logo – Image – If you want to add an image logo you need to click on “Select Image”. A popup will appear and you will be able to upload a logo or select one from the Media Library. Click “Choose Image” and you’re all done.

Center align the logo – does exactly what it says, it center aligns your logo and description. It doesn’t matter if it’s an image or text.

Logo – Font Color – if you don’t have an image logo selected your website’s title (text logo) is displayed. This option changes the font color.

Description – Font Color – font color for your website’s description.

Show description – if checked it will display the description.

Here is how you setup a logo:

1.2 Header

Header – Background Color – changes your header’s background color.

Header – Background Image – click on “Select Image” to upload a background image. Recommended image dimensions are 1920x400px.

Header – Bottom Border Color – this will change the color of the bottom border.

1.3 Main Menu

Disable Fixed Style – if you don’t want the menu to be fixed when scrolling down, select this option.

Show social profiles – if selected it will show your social profiles buttons in the menu. To add them check 4.0 Social Options.

Show social profiles only when the menu is in fixed state – your social profiles buttons will appear only you scroll down and if the menu is in fixed state.

Mobile Menu – this option helps you decide when the mobile menu appears, a minimum screen resolution, default is set to 1140px. In case you have a lot of menu items and on lower screen resolutions they overlap, you can set this to a bigger number (ex: 1400px).

* The rest of the options enable you to change colors for various menu elements.

2.0 Layout Options

2.1 Slider

Show Featured Posts Slider – enables the Slider. You will need at least 3 featured posts selected for it to show up.

[PRO] Show Featured Posts in category archives – this will enable the Slider in categories archives and it will show only featured posts from said category.

Enable autostart (autoscrolling) – you can enable this if you want a slideshow of featured posts with a small delay between transitions.

Select how many posts you would like to display – the number of slides your Slider should have (between three and ten).

Transition Delay – animation delay between slides in milliseconds. Ex: 5000 is 5 seconds.

[PRO] Offset – Number of posts to “displace” or pass over. For example, if you don’t want to start with the (first) latest featured post you can set it to 5, it will then pass over five posts and start from there.

2.2 Advertising

728x90px Ad – enables a 728x90px ad in your Header, on the right side. If this is enabled your website’s description will not show up.

728x90px Ad HTML Code – in this textarea you can paste your ad’s code. You can use Adsense or html.

* Same goes for the 160x600px Ad. This ad appears in the Mini-sidebar (left sidebar). Also, it only appears if your screen resolution is higher than 1600px.

2.3 Mini-Sidebar

Mini-sidebar is the sidebar located on the left side. It is visible only if your screen resolution is above 1600px. If it’s below a button will appear in the menu. when clicked it will expand this sidebar.

First Menu – Title – this title appears above your first selected menu.

Second Menu – Title – this title appears above your second selected menu.

Disable Mini-Sidebar – enable or disables this sidebar.

2.4 Miscellaneous

Disable comments – disable comments globally, no forms or comments lists will appear in single view.

Disable “About The Author” box – disable the box below each post, where the author’s information is displayed.

Disable footer credit links – disable all credit links located in the Footer.

Overwrite font style – in some cases when you have a child theme and you change font families, it might not work. Enable this if you want to force loading the fonts for child themes.

Disable demo widgets – if some sidebars are empty or no sections are added a few placeholders are put in place. You can disable them with this option.

2.5 Posts

Posts layout – select how your posts are displayed in index, single, archives view.

[PRO] Enable Posts + Masonry grid – this allows you to display posts in a more unique way, adding some of them in a masonry grid.

[PRO] Show Masonry after X number of posts – after how many posts should the Masonry grid be added. Set it to 0 to show posts only in grid view.

[PRO] Show excerpt for Masonry posts – if enabled a small summary of your post is added.

Hide main posts query – enable this if you don’t want to show the main posts query (latest posts + pagination) on your homepage. It is useful in case you want to use only sections.

3.0 Global Options

From this panel you can change fonts and colors for borders, backgrounds, links.

3.1 Basic Options

Select a font family – allows you to change font families from a set of curated fonts combinations.

  • Style #1 – Montserrat + Source Sans Pro
  • Style #2 – PT Serif + Montserrat
  • Style #3 – Roboto + Montserrat + Arial
  • Style #4 – PT Sans + Montserrat + Arial
  • Style #5 (default) – Poppins + Lato
  • Style #6 – Roboto Slab + Open Sans
  • Style #7 – Roboto Slab + Source Serif Pro
  • Style #8 – Playfair Display + Source Serif Pro
  • Style #9 – Playfair Display + Open Sans

* (3.2, 3.3, 3.4, 3.5) The rest of the options and subsections allows you to change colors. Check the labels/descriptions and try each color to see where changes are made.

4.0 Social Options

Google Plus – URI for your Google Plus profile.

Facebook – URI for your Google Plus profile/page

Twitter – add just your Twitter username, no URL is needed.

Custom RSS feed – change WordPress’ RSS URL with your own (feedburner for example).

5.0 Footer Options

Logo text – adds a logo in the Footer.

Copyright text – your website’s copyright information.

Hide footer widgets area – removes widgetized areas from Footer completely.

Sections

Sections are widgets which you can use to add unique functionality to your homepage.

All sections have a prefix (“AC Sec:”) and a light blue background color. JustWrite includes the following Sections:

  • Slider – add a jQuery slider for Featured posts, Latest Posts or Posts from a category.
  • Masonry #1 & Masonry #2 – adds posts in a Masonry grid. #1 & #2 have different templates.
  • Categories 2 Columns, Categories 3 Columns & Categories 4 Columns – displays 2, 3 or 4 columns of posts from different categories.
  • Archives – displays all your blog’s archives with links to months and years.
  • Popular Posts – displays 3 of your most popular posts (based on comments).
  • Social Profiles – displays buttons for your social profiles.
  • Advertising – this section allows you to add an ad banner, any size, centered.

You can see below how you can setup your homepage:

Each Section has a few Styling and Display options. Display options are used to hide/show different Section elements and Styling options define a few CSS classes for design purposes.

Styling Options example:

display_options

Tips & Hacks

Social Sharing Buttons: Index View – Expand, next to “Read More” button.

Add the following function at the bottom of functions.php (remember to use a child theme):

Social Sharing Buttons: Single View – Share the love, next to “Author” box.

Add the following functions at the bottom of functions.php (remember to use a child theme):

Also, don’t forget to change “YOUR FACEBOOK APPID” with your own APPID.

Changelog

JustWrite’s Changelog – view changelog;