Документация MagazineBook
Руководство по настройке и кастомизации шаблона WordPress MagazineBook — установка, шапка, подвал, макет, виджеты и настройки главной страницы.
Установка
From your WordPress dashboard go to Appearance → Themes → Add New, search for “MagazineBook”, then click Install and Activate.
To install manually, download the .zip from WordPress.org, then go to Appearance → Themes → Add New → Upload Theme, choose the file, and click Install Now. Upload the archive exactly as downloaded; WordPress rejects an unzipped folder.
The theme needs WordPress 5.0 or later and PHP 7.1 or later, according to its readme. After activation you will see a welcome notice and a new About MagazineBook page under Appearance. No plugin is required. The optional integrations are Jetpack (infinite scroll) and Yoast SEO (breadcrumbs, see Header settings).
Импорт демо-контента
MagazineBook does not bundle a demo importer or demo content file, so there is nothing to import.
To reproduce the demo layout, follow “How to set up your front page like the demo website” further down this page. It uses your own posts and categories, so there are no placeholder posts to delete afterwards.
Настройки шапки
All header options live under Appearance → Customize → Header Options. The panel holds these sections: Main Header Area Options, Header Top Bar, Show Date, Show Latest News, Social Media Links, Sticky Menu and Header Media.
Your logo, site title and tagline are set in Appearance → Customize → Site Identity. MagazineBook adds two controls there: “Set custom height for Logo” and, once that is ticked, “Enter logo height (in px)”, which defaults to 60.
If Yoast SEO is active, a “Check to show Breadcrumbs” option appears in Yoast's Breadcrumbs section of the Customizer. Breadcrumbs then show on every page except the front page.
Медиа шапки
Appearance → Customize → Header Options → Header Media. Upload a header image or a header video. The theme's suggested image size is 1280 × 320 pixels, and both width and height are flexible, so WordPress offers to crop anything else.
“Display Header Media On” chooses Home Page Only (the default) or All Pages. “Header Media Position” places it Above Header Top Bar (the default), Below Header Top Bar, or After Main Header.
If your header image looks soft after upload, the cause is usually WordPress resizing rather than the theme. Our WordPress image sizes tool shows which size is being served.
Верхняя панель шапки
The top bar is the thin strip above the main header. Turn it on or off with “Check to show the top bar in header” under Header Options → Header Top Bar (on by default), and choose a Dark (default) or Light bar.
Header Options → Show Date controls the date in the bar. Its format can follow the theme's own format (Theme Date Settings) or the date format you set in Settings → General (WordPress Date Settings).
Header Options → Show Latest News adds a “Latest:” ticker that scrolls through the five most recent posts. Untick it if the bar feels busy.
Область основной шапки
Header Options → Main Header Area Options → Main Header Design offers Type 1 (the default) and Type 2. Both hold the logo or site title and the Primary menu; try each in the Customizer preview before publishing.
The theme registers one menu location, Primary. Create a menu under Appearance → Menus and assign it there.
Next to the logo is the Header Right widget area (Appearance → Widgets). It is sized for the MB: 728x90 Advertisement widget, but any widget works.
Header Options → Sticky Menu has one checkbox, “Check to enable the sticky behavior of the primary menu”. It is off by default.
Настройки дизайна
Appearance → Customize → Design Options holds the site-wide look in four sections: Site Layout, Sidebar Positions, Color Options and Font Options.
Color Options has “Select Primary Color” (default #007bff), used for links, buttons and highlights, and “Base Color Skin”, which switches the whole site between Light and Dark. The header text colour and background colour controls are moved into this section too.
Font Options → “Select Font Combination Option” has four choices. Default uses Barlow Semi Condensed, Lora and Poppins; Option 1 uses Open Sans; Option 2 uses Roboto; Option 3 uses Crimson Text. All are loaded from Google Fonts.
Макет сайта
Design Options → Site Layout chooses Wide Layout or Boxed Layout (the default). Boxed centres the site on a background; the background colour control only appears while Boxed is selected.
Content options
Appearance → Customize → Content Options has a checkbox for each piece of post metadata you might want to hide across the site: the author, the date, the categories and the comments link.
Two more checkboxes affect single posts: one hides the featured image at the top of the post, and one hides the Similar Posts block, which lists three posts from the same categories under the article.
Настройки главной страницы
The MagazineBook front page (front-page.php) is built from sections you can switch on or off under Appearance → Customize → Frontpage Options. It is used whether Settings → Reading shows your latest posts or a static page.
From top to bottom: the banner (slider and featured grid), the full-width “Front Page: Content Top Section” widget area, then the main column — the “Front Page: Content Middle Section” widget area followed by your posts or static page — with the sidebar beside it.
Общие параметры
Frontpage Options → General Options has two checkboxes. “Check to show Banner Section on front page” is on by default. “Check to hide blog posts/static page on front page” removes the posts list (or static page content) so the front page shows only the banner and your widgets — useful when the widgets already list your posts.
Виджеты MagazineBook
MagazineBook registers five widgets, listed under Appearance → Widgets with the “MB:” prefix: Featured Posts Style 1, Featured Posts Style 2, Recent Posts Style 1, Simple Featured Posts and 728x90 Advertisement.
The post widgets each take a title, a number of posts and an optional category. With no category they show your latest posts.
Widget areas: Sidebar, Header Right, Front Page: Content Top Section (full width, below the banner), Front Page: Content Middle Section (main column, above the posts), and Footer 1 to Footer 4.
The 728x90 Advertisement widget takes an image and a link. Put it in Header Right or a content section.
Виджет избранных записей — стиль 1
MB: Featured Posts Style 1 shows five posts by default in two columns: the first post large, with its excerpt, and the rest as a compact list beside it. The theme describes it as suitable for the content middle area.
Виджет избранных записей — стиль 2
MB: Featured Posts Style 2 shows three posts by default: a large lead post with its title over the image, and the following posts in smaller blocks. It is also meant for the content middle area.
Простой виджет избранных записей
MB: Simple Featured Posts lays posts out in a row of four columns. It is designed for the full-width Front Page: Content Top Section, directly under the banner.
Как настроить главную страницу как на демо-сайте
Create the categories you want to feature and assign posts with featured images to them.
Go to Appearance → Customize → Frontpage Options. Leave the banner switched on, pick a category for Banner Slider and a different one for Banner Featured Posts.
Go to Appearance → Widgets. Put MB: Simple Featured Posts in Front Page: Content Top Section, and MB: Featured Posts Style 1 or Style 2 (each pointed at a category) in Front Page: Content Middle Section. Add MB: Recent Posts Style 1 to the Sidebar.
Optionally tick “Check to hide blog posts/static page on front page” in General Options if your widgets already cover the posts you want to show.
Child themes and custom CSS
For colour, spacing or font tweaks, use Appearance → Customize → Additional CSS. It survives theme updates and needs no extra files.
Use a child theme when you want to change templates, such as footer.php to replace the credit line. Create a folder with a style.css whose header contains “Template: magazinebook”, and a functions.php.
This theme loads its main stylesheet with get_stylesheet_uri(). When a child theme is active, that function returns the child theme's style.css, so the parent's style.css is no longer loaded on its own. Your child theme's functions.php therefore has to enqueue the parent stylesheet itself: wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ). If you skip this, the site loses most of its styling the moment the child theme is activated.
Troubleshooting
The banner is empty: the slider and grid only show posts that exist in the chosen category, and slides need featured images. Check the categories under Frontpage Options, and remember the banner shows on the front page only, first page only.
The breadcrumbs option is missing: it only appears when Yoast SEO is active, inside Yoast's Breadcrumbs section of the Customizer.
The site looks unstyled after activating a child theme: the parent stylesheet is not being loaded. See Child themes and custom CSS above.
For anything else, post in the theme's public support forum on WordPress.org so the answer helps the next person.
Всё ещё не получается?
Если что-то в MagazineBook ведёт себя не так, как написано на этой странице, — это баг, о котором стоит сообщить.
Ссылки на соцсети
Social icons are set in Appearance → Customize → Header Options → Social Media Links. Paste the full profile URL into any of the seven fields: Facebook, Twitter, Instagram, LinkedIn, YouTube, Google-Plus and Pinterest. Empty fields are not shown.
“Check to show social media links in header top bar” (on by default) controls whether they appear in the top bar. If you choose Footer Design Type 2, the same links can also appear on the right of the footer (see Footer settings).