Tecnología

Inicio

Cómo crear una plantilla de BuddyPress

Cómo crear una plantilla de BuddyPress


El marco para WordPress BuddyPress le ayuda a crear sitios de redes sociales, portales de comunidades complejas y herramientas de colaboración a través de una amplia biblioteca de plantillas y plug-ins. Cualquier tema de WordPress trabajará con BuddyPress con poca o ninguna modificación, sin embargo es posible que desee crear un conjunto de plantillas personalizadas para manejar-BuddyPress características específicas, tales como los perfiles del foro, la corriente actividad o miembros. El método más fácil y segura de hacer esto es crear un tema BuddyPress niño en lugar de modificar el núcleo de BuddyPress.

Instrucciones

1 Crear una nueva carpeta y ponerle el nombre de su nuevo tema. Abra el editor HTML y crear dos nuevos archivos. Guarde el primer archivo como "functions.php" en la nueva carpeta. Guarde la segunda como "style.css".

2 Introduzca el siguiente texto de cabecera en su plantilla style.css:

/ *

Nombre Tema:

Tema URI:

Descripción:

Version: 1.0

Autor:

Autor URI:

Plantilla: BP-default

Etiquetas:

* /

Rellene cada campo. Como mínimo, el style.css debe contener un nombre de tema y el valor de la plantilla. El valor de la plantilla debe permanecer pb-default; Sin embargo, si se desea basar su nuevo diseño de la funcionalidad de un marco BuddyPress tema personalizado, como Buddymatic, introduzca su nombre del tema en su lugar.

3 Abra la carpeta marco BuddyPress y abra la carpeta "_inc" ubicado en "BP-temas / BP-default". Abrir cada una de las hojas de estilo que se encuentran bajo "css". Copiar el contenido del documento default.css que comienzan con el estilo "cuerpo" y pegarlo en su documento style.css justo por debajo de su texto encabezado de la plantilla. Continuar para copiar y pegar el reset.css y estilos adminbar.css en su hoja de estilo.

4 Editar, eliminar o añadir estilos si lo deseas. Para ver más fácilmente los estilos que afectan a partes de la disposición general, es posible utilizar la función de "Inspeccionar elemento" del navegador Opera o el Firebug para Firefox. Por ejemplo, si desea cambiar la imagen de fondo, debe editar la siguiente línea del estilo de "cuerpo":

background: #000000 URL( ../images/mybg.jpg) fixed no-repeat;

Crear una carpeta "imágenes" en su nueva carpeta de temas y asegurarse de que los estilos hacen referencia a las imágenes usan el camino correcto para el archivo de imagen.

5 Abrir los archivos de plantillas en el BuddyPress "BP-temas / BP-default" partes carpeta que contiene la disposición de que desea personalizar. Por ejemplo, si desea personalizar el contenido que aparece en su página principal, abra el archivo "index.php" y guardarlo en su nueva carpeta de temas. Puede añadir etiquetas de plantilla, HTML o clases de estilos que anularán la plantilla por defecto BuddyPress.

6 Añadir cualquiera de las funciones personalizadas para su archivo functions.php. También es posible añadir funciones adicionales de WordPress a este archivo, tales como el registro de las barras laterales o la adición de la funcionalidad plug-in. Sin embargo, no copie el contenido del archivo functions.php por defecto en el archivo. Si usted tiene nada que añadir, guardar el archivo como un archivo en blanco a su nueva carpeta de temas y heredará automáticamente las funciones predeterminadas de lo plantilla que declaran en el encabezamiento de su style.css.

Consejos y advertencias

  • Para añadir otro nivel de personalización a su tema, crear plantillas de página personalizados utilizando etiquetas de plantilla BuddyPress BuddyPress se encuentran en el Codex y guardarlos en su nueva carpeta del tema BuddyPress igual que lo haría para un tema normal de WordPress. Usted será capaz de seleccionar estas plantillas de página en el editor de páginas de WordPress para dar ciertas páginas de un aspecto y la funcionalidad especial.
  • Evitar copiar todo el tema por defecto BuddyPress como la estructura no es apoyado por nuevas versiones de BuddyPress y causará conflictos. Su Tema niño sólo debe contener los archivos de plantilla que se han modificado más allá del defecto para ayudar a reducir el riesgo de conflictos. Los (.php) archivos de plantilla y style.css todos deben estar en la raíz de la carpeta de temas. JavaScript, hojas o imágenes de estilo adicionales pueden ser organizados en subcarpetas.