Pressroom - Responsive News and Magazine Theme
Pressroom is a responsive WordPress Theme best suitable for news, newspaper, magazine or review sites. Each and every element of the Theme has been tested to ensure it adapts to modern smarthphones and tablets. Pressroom includes wide and boxed layout, 15 predefined header styles, sticky menus, light, dark and high contrast color skin for visually impaired users. The Theme comes with 6 different home page layouts, 9 different post type layouts including gallery, review, soundcloud audio or video post types.
PSD source files are available to all of our buyers. Please contact us to get the files. You will receive perfectly organized and layered Theme plus all of the icons used within a project in full PSD vector.
Theme Features
- Responsive Design
- jQuery Powered
- Wide And Boxed Layouts
- Page Builder with 50+ Components
- WooCommerce compatibile
- RTL Mode support
- Customizable Theme Option Panel
- Build in Color Picker to Customize the Theme Colors
- Unlimited Sidebars
- Boxed Pattern Or Background Image Support With / Without Overlay Layer
- 15 Predefined Header Styles
- Light, Dark And High Contrast Color Skins
- Sticky Menu
- Ajax Contact Form
- Map of Location
- 6 Home Page Layouts Including
- Wide Slider For Featured Content
- Small Slider For Featured Content
- Block-Based Featured Content
- 9 Post Formats Layouts
- Featured Image
- Small Featured Image
- Gallery
- YouTube Video
- Vimeo Video
- SoundCloud Audio
- Review Style 1
- Review Style 2
- Quote Style 1
- 7 Blog Layouts
- Blog With Small Slider
- Blog 1 Column With Right Sidebar
- Blog 1 Column With Left Sidebar
- Blog 2 Columns With Right Sidebar
- Blog 2 Columns With Left Sidebar
- Blog 3 Columns
- Search Page Template
- Page Templates
- About Style 1
- About Style 2
- Authors List
- Single Author Page
- Contact Style 1
- Contact Style 2
- Category Page
- Default Page
- 404 Not Found
- Search Page Template
- Valid HTML5 Code
- Crossbrowser Compatible
- Clean Design
- 36 Social Icons To Choose From
- 20 Features Icons To Choose From
- Documentation Included
Instructional Videos
- Activate and Automatic Dummy-content Import,
- Woocommerce Integration,
- Set Theme Options
- Set Mega Menu
Need HTML (non - WordPress) version?
There is also HTML version of this theme available. You can find it here: Pressroom - Responsive News and Magazine Template
CSS Styles
The project uses the following cascade of template styles (in order):
- animations.css - styles for animated elements,
- dark_skin.css - styles for dark skin,
- high_contrast_skin.css - styles for high contrast skin,
- jquery.qtip.css - default styles for tooltips (overwritten in style.css),
- superfish.css - default styles for superfish menu,
- menu_styles.css - styles for different menu layouts,
- odometer-theme-default.css - styles for Odometer smoothly transitioning numbers plugin,
- prettyPhoto.css - default styles for prettyPhoto lightbox,
- style.css - base styles for the entire project,
- responsive.css - styles for responsive design,
- ubermenu.css - styles for ubermenu plugin (if installed),
- no_responsive.css - styles for no-responsive mode,
- reset.css - styles which resets default browsers styles.
All CSS files are located under /style directory.
Theme Structure
Project is divided by four main files: index.php, header.php, footer.php and functions.php
index.php
It's main project file which calls other. It contains get_header and get_footer calls.
header.php
The file contains head section of the html tree structure. You can find here also wp_head call.
footer.php
The file contains bottom part of the page, including copyright area and footer area. You can find here also wp_footer call.
functions.php
The file contains definition/includes of the functions for:
- widgets,
- shortcodes,
- sidebars,
- ajax calls,
- load javascript and css files,
- base configuration,
- menu generation,
- custom meta box and options pages.
Javascript Files
Plugins and library
- jQuery Easing v1.4.1 - https://gsgd.co.uk/sandbox/jquery/easing/,
- jQuery blockUI v2.70 - https://malsup.com/jquery/block/,
- qTip2 - Pretty powerful tooltips, https://github.com/qTip2/qTip2/,
- jQuery prettyPhoto v3.1.5 - Simple lightbox alternative, http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/,
- jQuery timeago - Plugin that makes it easy to support automatically updating fuzzy timestamps, https://timeago.yarp.com/,
- jQuery BBQ v1.2.1, Plugin which provide support for browser histry, http://benalman.com/projects/jquery-bbq-plugin/,
- Odometer v0.4.6, Plugin for Smoothly transitioning numbers, https://github.hubspot.com/odometer/,
- jQuery carouFredSel v6.2.1 - Carousel plugin, https://github.com/Codeinwp/carouFredSel-jQuery,
- jquery TouchSwipe - touch and swipe support for carousel plugin, http://labs.rampinteractive.co.uk/touchSwipe/demos/,
- jquery Transit - CSS transitions & transformations for jQuery, https://ricostacruz.com/jquery.transit/.
Other files:
- jquery.sliderControl.js - script which supports slider control for galleries and home slider,
- jquery.hint.js - script which supports hints/placeholders for form fields,
- main.js - script contains all executable instructions of jquery plugins, events handlers etc.
Page Builder
Page Builder documentation is available here.
Widgets
There are 6 build in widgets:
- Cart Icon,
- Contact Details Box,
- High Contrast Switch Icon,
- Scrolling Posts,
- Scrolling Recent Posts.
- Social Icons.
Languages
Theme supports translations. To create your language translation, please download this usefull tool Poedit. Then find in languages directory default.po file and open it in Poedit.
Translate appropriate texts and save the file giving it appropriate name (check here for more). For example French: fr_FR, German: de_DE, etc.
The last step is setting the language in wp-config.php file. Please open it and find (or add if it doesn't exists) below line:
define ('WPLANG', '');
Then set your language, for example French:
define ('WPLANG', 'fr_FR');
That's all.
Credits
Fonts used
- Roboto By Christian Robertson, Apache License, version 2.0
https://www.google.com/fonts/specimen/Roboto, - Roboto Condensed By Christian Robertson, Apache License, version 2.0
https://www.google.com/fonts/specimen/Roboto+Condensed, - Arial - default system font.
Icons
All icons by QuanticaLabs. Icons are an integral part of the Theme, please do not use it separately for other purposes.
Images
Premium images you can use along with this Theme without asking permission (included in downloadable package):
- Gladness By Pressmaster
https://photodune.net/item/gladness/361817, - Wireless In The City By Ollyi
https://photodune.net/item/wireless-in-the-city/2360384, - Pediatrician Examine Child Throat Cold Prevention By Candyboximages
https://photodune.net/item/pediatrician-examine-child-throat-cold-prevention/2501412, - Grilled Salmon By Fudio
https://photodune.net/item/grilled-salmon/4410510, - Smiling Portraits By Spaxiax
https://photodune.net/item/smiling-portraits/4933178, - Young Beautiful Girl In Poppy Field By Ababaka
https://photodune.net/item/young-beautiful-girl-in-poppy-field/5226364, - Young Beautiful Hipster Woman Success Aviator Glasses By Peus80
https://photodune.net/item/young-beautiful-hipster-woman-success-aviator-glasses/7326191.
All other images comes with this Theme are licensed under Creative Commons Zero CC0 1.0 Universal (CC0 1.0). You can use it along with this Theme without asking permission.
Changelog
Check the changelogFAQ - Frequently Asked Questions
1. How to set MegaMenu?
Below steps are shown on this Video.
For Mega Menu theme is using Ubermenu plugin, which you can find on CodeCanyon.
If you would like to have the same menu as in theme live preview please follow below steps:
- Download Ubermenu plugin, install it and activate,
- Go to Appearance->UberMenu and set:
- under 'Integration' section check for the 'Automatic Integration Theme Location' the 'Main Menu' checkbox,
- under 'Basic Configuration' section set 'Skin' to 'None (Disable)',
- under 'Dropdown Transitions' section set 'Transition' to 'None' and 'Transition Duration' to 0,
- under 'Menu Bar' section set 'Menu Bar Alignment' to 'Center' and 'Menu Bar Width' to 1050,
- under 'Responsive Submenus' section uncheck 'Display Submenu Retractor [Bottom]' checkbox.
After that please switch tab to 'General Settings' (Appearance->Ubermenu->General Settings tab) and set:
- under 'Assets' section uncheck 'Load Google Maps API' checkbox,
- under 'Script Configuration' section set 'Hover Intent Delay' and 'Hover Intent Interval' to 0.
You can also import above settings by using below import data under Import/Export section:
{"direct_inject":"off","nav_menu_id":"_none","skin":"none","orientation":"horizontal","vertical_submenu_width":"","trigger":"hover_intent","transition":"none","transition_duration":"0","bar_align":"center","bar_width":"1050","bar_margin_top":"","bar_margin_bottom":"","items_align":"left","bar_inner_center":"off","bar_inner_width":"","descriptions_top_level":"on","descriptions_headers":"on","descriptions_normal":"on","target_divider":" \u2013 ","bound_submenus":"on","submenu_inner_width":"","submenu_max_height":"","dropdown_within_mega":"off","image_size":"full","image_width":"","image_height":"","image_set_dimensions":"on","image_title_attribute":"off","disable_images_mobile":"off","lazy_load_images":"off","submenu_background_image_reponsive_hide":"off","responsive":"off","responsive_toggle":"off","responsive_toggle_tag":"a","responsive_toggle_content":"Menu","responsive_collapse":"on","responsive_max_height":"","display_retractor_top":"off","display_retractor_bottom":"off","retractor_label":"","force_styles":"on","style_menu_bar_background":"","style_menu_bar_border":"","style_menu_bar_radius":"","style_top_level_font_size":"","style_top_level_text_transform":"","style_top_level_font_weight":"","style_top_level_font_color":"","style_top_level_font_color_hover":"","style_top_level_font_color_current":"","style_top_level_font_color_highlight":"","style_top_level_background_hover":"","style_top_level_background_current":"","style_top_level_background_highlight":"","style_top_level_item_divider_color":"","style_top_level_item_glow_opacity":"","style_top_level_item_glow_opacity_hover":"","style_top_level_padding":"","style_top_level_horiz_padding":"","style_extra_submenu_indicator_padding":"on","style_align_submenu_indicator":"edge","style_top_level_item_height":"","style_submenu_background_color":"","style_submenu_border_color":"","style_submenu_dropshadow_opacity":"","style_submenu_fallback_font_color":"","style_submenu_minimum_column_width":"","style_submenu_highlight_font_color":"","style_submenu_item_padding":"","style_header_font_size":"","style_header_font_color":"","style_header_font_color_hover":"","style_header_font_color_current":"","style_header_font_weight":"","style_header_border_color":"","display_header_border_color":"on","style_normal_font_color":"","style_normal_font_color_hover":"","style_normal_font_color_current":"","style_normal_font_size":"","style_normal_background_hover":"","style_flyout_vertical_padding":"","style_description_font_size":"","style_description_font_color":"","style_description_text_transform":"","style_top_level_arrow_color":"","style_submenu_arrow_color":"","style_hr":"","style_toggle_background":"","style_toggle_color":"","style_toggle_background_hover":"","style_toggle_color_hover":"","style_search_color":"","style_search_placeholder_color":"","style_search_icon_color":"","row_spacing":"","icon_width":"","icon_display":"block","google_font":"","google_font_style":"","custom_font_property":"","container_tag":"nav","allow_shortcodes_in_labels":"off","display_submenu_indicators":"on","display_submenu_close_button":"off","theme_location_instance":"0"} - Go to Appearance->Menus and add new menu position. You can add a 'Links' type position, set the '#' for URL and 'Mega Menu' for 'Link Text'.
- Add from 'UberMenu Advanced Items' the 'Tabs Block' menu item and make it a child of your previously added 'Mega Menu' position,
- Add a 'Latest Posts' menu item (can be also 'Links' type with '#' for URL set) and make it a child of 'Tabs' menu item,
- Add from 'UberMenu Advanced Items' the 'Custom Content' menu item and make it a child of 'Latest Posts' menu item.
In the 'Custom Content' menu item you can place any content that should be displayed in your mega menu. Below are the shortcodes used in theme live preview:
- For 'Latest Posts' position:
[blog_3_columns items_per_page="3" order_by="date" show_post_excerpt="0" read_more="0" post_details_layout="simple" show_post_comments_box="0"]
- For 'Recent Galleries' position:
[blog_3_columns items_per_page="3" order_by="date" show_post_excerpt="0" read_more="0" post_details_layout="simple" show_post_comments_box="0" post_format="post-format-gallery"]
- For 'Recent Reviews' position:
[blog_3_columns items_per_page="3" category="review" order_by="date" show_post_excerpt="0" read_more="0" post_details_layout="simple" show_post_comments_box="0"]
- For 'Features Posts' position:
[vc_row][vc_column width="1/2"][blog_small items_per_page="3" ids="35,50" order_by="date" show_post_excerpt="0" read_more="0" show_post_comments_box="0"][/vc_column][vc_column width="1/2"][blog_small items_per_page="3" ids="33,31" order_by="date" show_post_excerpt="0" read_more="0" show_post_comments_box="0"][/vc_column][/vc_row]
- For 'Latest Posts' position:
Support
Support for all our items is conducted through our Support Forum.
Please register an account and search the forum or create a new topic, we'll answer as soon as possible.
We're in GMT +1 and we aim to answer all questions within 24 hours (Monday – Friday). In some cases the waiting time can be extended to 48 hours.
Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.
Need HTML (non - WordPress) version?
There is also HTML version of this theme available. You can find it here: Pressroom - Responsive News and Magazine Template