Saltar al contenido
StoryBook

Documentación de StoryBook

Guía de configuración y personalización del tema de WordPress StoryBook: instalación, cabecera, pie de página, diseño, widgets y ajustes de la página de inicio.

Instalación

From your WordPress dashboard go to Appearance → Themes → Add New, search for “StoryBook”, then click Install and Activate.

To install manually, download the .zip from WordPress.org and upload it under Appearance → Themes → Add New → Upload Theme.

The readme lists WordPress 4.5 and PHP 5.6 as minimums. No plugin is required; WooCommerce and Jetpack are supported if you use them. The Customizer gains a “StoryBook Support” section with links to the support forum and the demo.

Ajustes de la cabecera

Appearance → Customize → Header Settings → Navigation Bar Settings → Navbar Theme: White (the default), Light or Dark.

The Header Image section sits in the same Header Settings panel. The theme's suggested size is 1600 × 400 pixels.

Set the logo under Site Identity. StoryBook adds “Set custom height for Logo” and a pixel height field (default 60). Assign your menu to the Primary location under Appearance → Menus.

Homepage intro section

Appearance → Customize → Frontpage Settings → Intro Section. Tick “Show Intro Section on Frontpage” (off by default) and fill in “Enter Intro Section Title” and “Enter Intro Section Description”.

The intro only appears when the homepage displays your latest posts. The defaults are placeholder text, so set both fields before enabling it.

Sidebar, colours and fonts

Design Settings → Sidebar Positions sets the sidebar separately for Frontpage (default right), Single Post (default hidden), Page (default hidden) and Archive (default right). Each can be Sidebar on Right, Sidebar on Left or Hide Sidebar. Hiding it on listing pages widens the card grid to three columns on large screens.

Design Settings → Color Settings → “Select Primary Color” (default #4f46e5).

Design Settings → Font Options → “Select Font Combination Option”: Default (Inter), Option 2 (Open Sans), Option 3 (Roboto), Option 4 (Crimson Text) or Option 5 (Lora).

Content settings

Appearance → Customize → Content Settings hides individual elements across the site: Hide Post Categories, Hide Post Excerpt, Hide Post Author, Hide Post Date, Hide Comments Link, Hide Post Tags, and Hide Post Thumbnail displayed on Single Post.

“Set custom length for excerpt?” reveals “Enter Excerpt Length”, which defaults to 30 words.

Widgets and WooCommerce

StoryBook has one widget area, Sidebar, used wherever the sidebar is switched on.

With WooCommerce active, the theme loads its own woocommerce.css and enables product gallery zoom, lightbox and slider. With Jetpack active, it supports infinite scroll and responsive videos.

Child themes and custom CSS

Use Appearance → Customize → Additional CSS for small changes. Because the theme is built from Tailwind utility classes, target the theme's own sb- classes or element selectors rather than utility classes, which can change between versions.

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 intro section does not show: it only appears when Settings → Reading is set to show your latest posts on the homepage.

Posts show no sidebar: Single Post and Page default to Hide Sidebar. Change it under Design Settings → Sidebar Positions.

For anything else, use the theme's public support forum on WordPress.org.

¿Sigues atascado?

Si algo en StoryBook no se comporta como dice esta página, es un fallo que nos interesa conocer.