After downloading the theme package open the folder named “Weblog Package (Version)” and un-zip the folder, if it is not already so. Inside the package you will find the following files:
To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Install Themes” tab at the top of the page and then select the “Upload” link, right above the search field. Choose your file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.
The theme files will be stored on your server in the following location: /wp-content/themes/
When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading weblog.zip.
If you’re a problem with the theme or found a bug please let us know on the Bean Help Center. We take pride in our customer support and we will do what we can to assist you.
If you are experiencing a theme issue, please first turn off all third party plugins to see if the problem persists. If so, we will be glad to help.
We are happy to help with setup & bugs you may stumble upon though we cannot support CSS customizations.
To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped Weblog folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Locate the Weblog theme and hit “Activate”.
It is rather important to set your theme menu in the WordPress Dashboard. To do this, locate the Menu options by selecting the “Appearance” tab from the dashboard sidebar and then “Menus”.
Once you’re viewing the Menus, create a new menu and save it. After you’ve saved the menu, you can add it to a menu via the Menu Settings, below the Menu Structure area. Add your pages and links to the menu you just created in the Menu Structure area.
If you’re theme menu does not accurately display in mobile view, the error most likely is caused by the unselected menu here.
The first step is to set your home page as your latest posts in WordPress. To do this, head back into your WordPress Dashboard and from the sidebar links, hover on “General Settings” and click on “Reading”. Choose to have your front page displayed as “Latest Posts” and save.
The demo is currently running the Portfolio Filtered Template as the site home. To set up the portfolio home page, simply create a page using the “Portfolio Template” and publish it. Then in the WordPress Dashboard > General > Reading Settings - you must set your Posts page, which will be the default index page, and your home page (the page you just created).
Alternatively, you may select the page in the Theme Customizer
From within your WordPress Dashboard, navigate to the “Posts” tab (located in the Dashboard sidebar) and click on “Add New”. Select the post format on the right sidebar and the format specific meta fields will appear below the editor.
This theme has built in functionality for many other alternative post formats: audio, video, aside, link and quote formats. To use them, again you would select them from the Format meta box beneath the Publish box.
You will find a meta box located under the publishing box to the right of your post editor. This meta box is used to select alternate post types to publish to your blogroll.
To publish an image post format, set your photo as the post featured image. This image will then be displayed on your blogroll without the clutter of a post title & meta data.To publish a gallery post format, upload as many photos as you’d prefer into the media uploader and DO NOT set a post featured image. If you do, it will override the gallery slideshow.
The recommended default size for image & gallery post featured images is 803px by 562px - for optimal retina use.
From the Theme Settings panel, you may select to display the post Author, Avatar, Date, Comment Count, View Count, Word Count & even a neat “New” post tag. All of these options are in the Blog Settings of the Theme Settings Panel - selectable via a checklist.
From within the WordPress Dashboard Editor (Pages or Posts) you may add a custom heading to show up below the page title. If there is not a heading added, it will pull from the Theme Setting “Branding Introduction.”
To change the post author - which is a default WordPress functionality - select the “Author” checkbox from the “Screen Options” tab, located at the top right of the WordPress editor.
To install the plugin, head over to our website and simply download the free Bean Portfolios Plugin. Once you’ve successfully downloaded the zip file, head to your WordPress Dashboard and select “Plugins > Add New > Upload.” Add the zipped file in the field there and click “Upload.”
Upon a successful upload, you’ll be prompted to activate the plugin. You’ll then see a new “Portfolio” tab in your WordPress Dashboard Sidebar. Creating portfolio posts is done exactly the same as standard posts.
You need to first create a page using the “Portfolio” template. This template notices that you have the Bean Portfolio Plugin activated and will pull your published portfolio posts.
Weblog is capable of displaying audio, video and stacked image portfolio posts. To change the type of portfolio to display, click on the select field for "Portfolio Type" in the Portfolio Meta Settings, located beneath the post editor.
If you have selected Gallery Portfolio, the Gallery Post Format Settings will appear below. Here you will add in your images to the post's gallery by clicking the "Browse & Upload" button. You have the capability to rearrange, caption, add more and remove images from the popup modal that appears. Just remember to hit "Save Gallery" and you're all set.
Recommended size for portfolio gallery images is 940px wide by any height.
We utilized 298px by 235px for an optimal display of the portfolio grid - though you can utilize any height.
To employ a widget, simply go to your Widgets editor (located in your WordPress Dashboard in the “Appearance” menu) and drag your widgets into the specified widget areas.
There are currently 3 widget areas built into the theme, although if you utilize our widget area generator, you can create alternative widget areas to replace current areas on certain pages
To create a widget area, locate the Widget Area Manager on the WordPress Dashboard, under the “Appearance” tab. Once you are in the generator, select “Add New”. Next, simply name the widget area, select the conditions, select the current widget area to replace, then hit “Publish”.
Return to your Widgets editor and you will find your new widget area has automatically been added and is currently following the conditions you have set. Add your alternative widgets here and you will see them change based on the conditions (templates, pages, ect.) that you chose.
There are a couple ways to get to the Theme Customizer. You can select the “Customize” button in the admin bar or select “Customize” from the Dashboard menu.
Theme Settings: Enable Retina.js, Bean Framework SEO metaboxes and the optional header overlay. Also add in your custom branding tagline and introduction.
General Settings: Upload your logo/login logo/favicon/apple touch icon, footer copyright text and even add your analytics script.
Blog Settings: Here you may choose to show the post meta (author, avatar, new post tag, categories, comment counts, tags, views, word counts and post likes). You also have the option to turn on blog pagination, related posts and opt to display Facebook / Twitter Google Plus social sharing.
Footer Settings:Choose to display your social footer icons and add in the URLs to each of your social media profiles, in order to display their respective icons.
404 Page Settings: Customize the 404 Page header and paragraph text.
Custom Styles: Easily manipulate various CSS elements throughout the theme with the color pickers in this tab.
Custom CSS: Insert your own CSS into this block and it will be applied to your website. This overrides all default styles located throughout the theme.
These colors will override all other theme stylesheets. Deleting the color inputted will allow the stylesheets display.
Related Posts: Easily display related portfolio posts on your single portfolio pages, by selecting this checkbox. This option pulls the related posts via category.
Each graphical asset has an associated retina image that should be modified when customizing assets in this theme. You will find these retina assets in their respective image locations, in the “retina” folders. Additionally, if the image size has changed, the background-size property of the associated class in /assets/css/mobile.css must be modified to reflect those changes.
This theme is retina.js ready - which means that any image will be replaced by a retina image if you’ve uploaded one into the same directory & have appended the “@2x” to the end. Example: firstname.lastname@example.org will replace logo.png
WordPress will modify the asset name of any identically named uploads. Make sure your retina assets are the named identically - with "@2x" appended.
Weblog has the following templates built into the theme and can be applied by creating and saving a page in WordPress.
On each page there is a page introduction meta box that will display text below the header title on each page.
On each page there is a sidebar layout selection meta box. You can elect to display a left, right, or full-width layout.
There is also an opportunity to add a widget area to any page throughout the theme. To do this, simply check the “Page Widget Area” option and add a widget via the “Page Widget Area” widget area in your WordPress Widget Dashboard.
These are the primary CSS files used for general front-end styling. Use these to customize your theme even further.