Cómo personalizar un tema predeterminado BuddyPress Niño

El tema de la funcionalidad niño BuddyPress ofrece a los diseñadores web de todos los niveles de la flexibilidad para crear estilos personalizados y diseños, manteniendo la integridad marco. Este método permite que las actualizaciones se aplican a los archivos del marco y de la plantilla por defecto sin afectar el aspecto de su sitio web. Un tema infantil construida sobre el tema por defecto se puede personalizar fácilmente de la misma manera se crea o modifica un tema normal de WordPress, ya sea a través del Editor de aspecto o iniciando desde cero.

Instrucciones

1 Crear una nueva carpeta en el ordenador y le dan su nombre del tema deseado, tal como "MyBPTheme." Copiar el archivo "style.css" del tema de los niños que desea personalizar y pegarlo en esta carpeta, a continuación, abrirlo en un editor de texto o HTML. Si usted está comenzando desde cero, crear un nuevo archivo en su programa de edición y copia la siguiente información de cabecera en el documento:

/ *

Nombre del tema: MyBPTheme

Plantilla: BP-default

* /

El "Nombre del tema" debe corresponder a su nombre del tema elegido. La "plantilla" está ajustado a "pe-default" para indicar WordPress para utilizar la estructura de la plantilla BuddyPress para cualquier cosa que no incluye en su paquete de tema. Guardar el nuevo archivo en su carpeta de temas como "style.css".

2 Abra la carpeta plugins BuddyPress y haga doble clic en "_inc" y luego "css". Abrir los archivos "adminbar.css" "default.css" y en su editor. Copiar el contenido de ambos archivos en su documento "style.css" a continuación el texto de cabecera.

3 Editar los estilos como desee para personalizar el aspecto visual del tema. Si no está seguro de qué estilos para editar, utilizar el navegador Opera, o instalar el plugin Firebug para Firefox para activar la función de inspector de código en el menú del navegador. Capacidad de carga hasta BuddyPress en el navegador usando el tema que está personalizando. Haga clic en un elemento que desea cambiar tal como un enlace, contenedor, imagen o menú. Usted notará una ventana de código aparece mostrando los estilos HTML y CSS que se corresponden con el elemento. Además, el elemento se pondrá de relieve en la vista de página para una selección más fácil. Usted puede fácilmente encontrar y editar las clases y los selectores correspondientes en su documento "style.css" usando este método.

4 Personalizar la estructura del tema copiando los archivos de plantillas individuales del tema por defecto u otro tema de niño en su carpeta de temas. Por ejemplo, abra la carpeta plugins BuddyPress y haga doble clic en "BP-temas" y haga doble clic en "pe-default". Abra el archivo "header.php" en su editor. Puede añadir o eliminar clases HTML o CSS, etiquetas de plantillas de WordPress y BuddyPress etiquetas de plantilla. Guardar cada archivo de plantilla que cambie a su carpeta de temas utilizando el nombre de archivo original.

5 Sube su nuevo tema BuddyPress niño a su servidor Web bajo "wp-content / themes." Acceder a su panel de administración de WordPress y vaya a "Apariencia> Temas" para activar su tema. Refrescar su página de inicio para revisar los cambios. Ahora puede realizar más ajustes y ajustes utilizando "Inspeccionar elemento" y el editor en línea en "Apariencia> Editor" para ver los cambios surten efecto inmediatamente.

Consejos y advertencias

• Es posible crear un tema BuddyPress niño utilizando su propio CSS y un diseño totalmente personalizado; no hay ningún requisito para el uso de los estilos BuddyPress. Sin embargo, usted debe familiarizarse con las etiquetas de plantilla BuddyPress necesarios para su tema de conservar la funcionalidad completa.
• No copie el archivo predeterminado BuddyPress "functions.php" en su carpeta de temas ya que esto hará que los conflictos que resultan en un error de "página en blanco" cuando se activa su tema. Es posible crear un "functions.php" en blanco para contener funciones personalizadas si lo desea, pero cada función debe tener un nombre único de los del archivo de BuddyPress.