Crear sidebar wordpress

Crear sidebar wordpress

Barra lateral de WordPress para una página específica

Una barra lateral es cualquier área widgetizada de su tema. Las áreas de widgets son lugares en tu tema donde los usuarios pueden añadir sus propios widgets.  No necesitas incluir una barra lateral en tu tema, pero incluir una barra lateral significa que los usuarios pueden añadir contenido a las áreas de widgets a través del Personalizador o del Panel de Administración de Widgets.

Consejo: El nombre “barras laterales” proviene de una época en la que las áreas de widgets se creaban normalmente en una larga franja a la izquierda o a la derecha de un blog. Hoy en día, las barras laterales han evolucionado más allá de su nombre original. Pueden incluirse en cualquier lugar de su sitio web. Piensa en una barra lateral como cualquier área que contenga widgets.

Para las áreas de widgets en la cabecera y el pie de página, tiene sentido nombrarlas “Área de widgets de la cabecera” y “Área de widgets del pie de página”, en lugar de “Barra lateral 1” y “Barra lateral 2” (que es la predeterminada). Esto proporciona una descripción útil de dónde se encuentra la barra lateral.

Para cargar su barra lateral en su tema, utilice la función get_sidebar. Esta debe ser insertada en el archivo de la plantilla donde quieres que se muestre la barra lateral. Para cargar el sidebar.php por defecto utilice lo siguiente:

  Crear blue

Widget de la barra lateral de WordPress

Navega hasta Apariencia → Widgets y localiza la nueva área de widgets que acabas de crear y añade widgets en ella. A veces, todavía tendrá que hacer algunos ajustes menores de CSS con el fin de adaptar su nueva barra lateral a la apariencia de su tema.

En la sección Nuevo, áreas de widgets, rellena el nombre de tu barra lateral (2) y la descripción (3). A continuación, vamos a seleccionar donde nuestra nueva barra lateral se va a representar. Podemos renderizarla en un tipo de post personalizado, página, post, etc. A continuación, haz clic en la pestaña Avanzado(4) para ver todas las opciones posibles y los lugares en los que podemos renderizar nuestra nueva área de widgets. En este ejemplo vamos a aplicarlo en “Cada entrada individual” y reemplazar nuestra barra lateral del blog en la sección Sidebar to Replace(6).

Menú de la barra lateral de WordPress

Hay plantillas que los diferentes tipos de páginas tienen por defecto. Por ejemplo, si quieres que todas tus entradas muestren una barra lateral, editarás la plantilla de una entrada. Si quieres que una barra lateral aparezca en todas tus páginas, querrás editar la plantilla de Página. Cuando editas una plantilla, el diseño se aplica a todas las páginas y publicaciones que ya utilizan la plantilla.

  Crear parche personalizado

Si quieres crear una plantilla específica que puedas aplicar sólo a las páginas o entradas que elijas, puedes editar la plantilla En blanco. La plantilla en blanco es la que vamos a utilizar en los pasos siguientes. Pero, estos pasos se aplican a cualquier plantilla que estés editando.

La plantilla en blanco (o cualquier plantilla que edites) puede tener ya contenido de marcador de posición por defecto. Por lo tanto, una vez que haya añadido sus columnas, querrá mover el contenido del marcador de posición a las columnas.

La plantilla Índice es la que muestra una lista de tus publicaciones. La plantilla Archivo es la que muestra las publicaciones con una categoría o etiqueta en particular. Al añadir una barra lateral a cualquiera de estas plantillas, la barra lateral aparecerá en las páginas de tus publicaciones y en las páginas de categorías y etiquetas.

Barra lateral personalizada de wordpress sin plugin

Los grandes blogs hacen un excelente uso de las páginas “Acerca de mí”. Para llevar a los usuarios hasta allí, el 99% de las veces incluyen una breve e intrigante “Sección Acerca de mí” en la barra lateral de su blog. En este post te mostraré cómo crear esa sección. Es tan fácil como escribir un nuevo post. De hecho, usaremos el nuevo editor de entradas de WordPress para crearla.

  Crear arcoiris

Todo lo que necesitas para este tutorial es tu página “Sobre mí”, una foto tuya y algo de texto. Tu página “Sobre mí” debería centrarse en tus logros en el mundo de los blogs, atraer al lector con algunas preguntas e incluir fotos tuyas blogueando. ¿Ya tienes esta página hecha? Perfecto.

Ahora, vamos a llevar todo esto al nuevo editor de entradas de WordPress. Ábrelo y sube tu imagen. Haremos gran parte de esto desde la pestaña de HTML. Cuando subes una imagen, WordPress genera automáticamente el código HTML para ella. Ve a la pestaña HTML, y crea un espacio (pulsa enter) encima de tu imagen. Luego, escribe aquí un pequeño mensaje de gancho, algo como “¿Quién está detrás de este sitio?” o incluso sólo “Sobre mí”. Sé creativo.

Ibrahim Villalobos Calvillo

Mi nombre es Ibrahim Villalobos Calvillo, soy ingeniero químico y además llevo un albergue para perros abandonados. Me gustan los animales y lo que más adoro es poder ayudarles.

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad