Tutorial: Integración de tesis y BuddyPress – Parte 2

En la Parte 1 de la integración de tesis y BuddyPress-I abordé la instalación de WordPress multisitio (en resumen), revisé la red y las pinturas a bordo, luego fui a una instalación detallada de video de BuddyPress. En este artículo, Parte 2 de la integración de tesis y BuddyPress, nos enfocamos en instalar el marco de tesis y la tesis de BuddyPress Children. En este momento, su sitio debe verse como una instalación básica de WordPress. Si usa el tema básico de veinte once, se puede mostrar de la siguiente manera:

Notará que las páginas creadas por BuddyPress se han agregado automáticamente a la barra de menú en el tema de 2011, pero nuevamente, haciendo clic en ellas, probablemente mostrará una pantalla vacía, ya que aún no hemos integrado la compatibilidad de BuddyPress o un utilizable de BuddyPress. Seguirá cubierto.
Paso 1: Instale la tesis temática durante la instalación de BuddyPress, también ha instalado foros de BBPress, el segundo complemento. Para que el tema de BuddyPress: la tesis infantil funcione, también debemos instalar la tesis. Al momento de escribir este artículo, la Tesis 1.85 es la última versión y su archivo de tema debe llamarse tesis_185.zip. Se puede instalar como cualquier otro tema a través del programa de carga del tema de WordPress. En el tablero de administración de red, explore el panel de opciones de temas, seleccione nuevo, seleccione el enlace de carga y luego elija el archivo. Cuando aparezca la ventana, explore el archivo tesis_185.zip y elija. Cuando se cierre la ventana emergente, elija la instalación ahora. No tiene que activar el tema en la red.
Cambiar los permisos de archivo en la tesis El desarrollador de tesis recomienda que cambie los nombres y permisos para algunos archivos y carpetas dentro de la tesis, en particular: el archivo de muestra personalizado se renombra en personalizado
LEYOUT.CSS Los permisos se modificaron en 666
Los permisos de carpeta /personalización /caché se han modificado en 775
Aquí hay un video breve sobre cómo cambiar los permisos en la tesis. Utilizo el código, pero el mismo proceso debería funcionar con su programa FTP. Vale la pena señalar que en la carpeta de tesis creé una copia de la carpeta original de “muestra personalizada”, luego cambié su nombre a “personalizado”. Esto es diferente de lo que recomiendan las instrucciones de tesis, que simplemente está cambiando la carpeta original con muestras personalizadas en “personalizado”.
El archivo personalizado que dejamos atrás, en el tacto, actuará como una reserva para nosotros si editamos o dañamos los archivos personalizados en un momento determinado. Esto asegurará que el marco de la tesis continúe funcionando, independientemente de los cambios que realicemos en carpetas personalizadas. Instale el tema de tesis-bp-child siguiendo el mismo nuevo proceso de tema que el anterior, agregará el tema de tesis-bp-child. Si aún no ha descargado ese archivo, puede encontrarlo aquí. Mientras esté en esto, tome el complemento de conector BBPress-Tesis que utilizaremos más adelante en el tutorial. El archivo se puede encontrar aquí.
El siguiente video presenta la instalación del complemento y personalización de un código corto que hace que el tema infantil reconozca la tesis de los padres. Una cosa a tener en cuenta al instalar el tema del niño tesis-BP es que aparecerá roto. No aparecerá en su lista de tareas disponibles; En cambio, aparece bajo un enlace de temas rotos en el área de administración de las opciones de tema. Al hacer clic en ese enlace de temas rotos, mostrará un mensaje de error que explica lo que debe hacerse para remediar el tema. En nuestro caso, necesitaremos cambiar el archivo style.css del tema secundario para reflejar el padre correcto: tesis_185. Esas instrucciones aparecen alrededor del punto 2:30 En el video enumerado anteriormente. La promesa hasta ahora con tesis y tesis-BP Child Installed and activado Tema, su sitio debe verse como la imagen a continuación:
BuddyPress o tesis agregan automáticamente la mayoría de estos artículos, pero si su sitio no se ve así, hay algunas cosas que puede hacer para reflejar el lugar donde estamos: en la tesis >> Opciones de diseño, configuré las columnas en 3, con un ancho de 480 PX para la columna de contenido y 195 de ancho PX para cada una de las 2 barras laterales. También establecemos el orden de las columnas para usar el aspecto “Content-S1-S2”.
En apariencia >> widgets – puse lo siguiente en la barra lateral 1:

Búsqueda
Mensajes recientes
Comentarios Recientes
Archivo
Categorías
Meta
No hay nada en la barra lateral 2, pero la tesis agrega automáticamente un contenido predeterminado, que debe ver en la imagen de arriba resaltada con azul en la barra lateral más derecha: la barra lateral 2. No se preocupe, cambiaremos todo esto más adelante. Si, por alguna razón, no puede hacer que el sitio refleje exactamente lo que tenemos aquí, no se preocupe: estos son configuraciones cosméticas del sitio que cambiaremos de todos modos. Mientras se incluya el marco del sitio y el CSS se vea correctamente alineado, sabemos que estamos en el camino correcto. Todos los widgets se modificarán y la alineación de las columnas se cambiará con CSS en la parte final de esta serie de tutoriales, por lo que No se preocupe por los anchos de píxeles o el aspecto general del sitio.
La creación de menús útiles de BuddyPress, notará en la imagen anterior que la tesis elimina el menú predeterminado de la página de WordPress, por lo que antes de comenzar a trabajar con configuraciones específicas de BuddyPress, le ayuda a crear un menú de navegación principal. Puede agregar un menú de WordPress navegando a la configuración de opciones de apariencia y haciendo clic en menús. Se le presentará una pantalla vacía que se ve así:
Cree un menú de navegación principal en la casilla de verificación Nombre del menú, escriba las palabras “Menú principal”, luego haga clic en el botón azul brillante “Crear el menú” a la derecha. Una vez que haga esto, los elementos de la izquierda ya no serán decolorados y podremos seleccionar algunas de estas opciones.
En el cuadro desplegable en el menú principal, seleccione el menú principal que acabo de crear y luego haga clic en el botón de rescate azul. Ahora desplácese un poco hacia abajo y agregue algunas páginas. Agregando páginas al menú principal en el cuadro de título de la página, haga clic en la pestaña “Muestra todo”.

Verá una lista de todas las páginas de nuestro sitio, ordenadas alfabéticamente. Hay una excepción: la página inicial, que debe aparecer sobre todas las demás páginas. La mayoría de las páginas que podemos ver se han agregado durante el proceso de instalación de BuddyPress. Ahora seleccionaremos cada uno de ellos que se mostrarán en nuestro nuevo sitio web. Pon las garrapatas al lado de las siguientes páginas:

Actividad

Blogs

Foros
Grupos
Miembros
Inscribirse
Haga clic en el botón “Agregar al menú”. Estos elementos de menú se agregarán dentro del lado superior derecho como un menú vertical.
Puede sacarlos y la red en cualquier orden que desee, pero para ahora, para obtenerlos como son. Recuerde hacer clic en el botón Guardar menú para bloquear estas páginas. Vea su sitio y actualice la página. Se debe agregar el menú y su página debe verse así:
Tómese un momento y haga clic en cada elemento en el menú de la página para asegurarse de que estén en condiciones de trabajo. Ahora, cada página debería conducir a una determinada función de BuddyPress en lugar de mostrar una pantalla vacía. Sin embargo, notará dos inconsistencias:
El elemento de menú de registro lo lleva al bucle principal del blog
El elemento del menú del foro lo lleva a la página del foro grupal

#1 aparece porque eres autenticado como administrador. Si se desconecta y hace clic en el elemento del menú de registro, se le dirigirá a una nueva página de registro de usuario. Esto es, en esencia, lo que verá a los visitantes de su sitio antes de formar parte de su red. Al hacer clic en los foros del elemento del menú, desea que le muestre la página de foros a nivel de sitio, pero en su lugar se le dirige a la página del foro del grupo. Esta es la forma en que BuddyPress trabaja con los foros de BBPress, las fuerzas del foro grupal para prioridad al foro a nivel del sitio cuando ambos están instalados juntos. Esto podría aclararse en una versión futura de BuddyPress, ya que cambia su sistema de plantilla, pero por ahora es un remedio que tendremos que hacer y lo haremos en la siguiente sección. Configuración de BuddyPress Asegúrese de tener el complemento del conector BBPress-Tesis en cuestión, ya que resolverá el problema #2 mencionado anteriormente. Haremos algunos otros cambios en el panel de configuración de BuddyPress para obtener la funcionalidad correcta. Todo esto se explica en el video Configurar BuddyPress a continuación. Felicitaciones, su sitio ahora es un tema de BuddyPress-Tesis Child Totalmente funcional. Tiene todas las características interesantes de WordPress Multisite, BuddyPress Social Networks y el poderoso marco de tesis. Si ha seguido este tutorial, su sitio ahora debería verse como la imagen a continuación:

Si te has extraviado en el camino, te ayuda a regresar al principio y asegurarte de que no te hayas perdido un paso.Hay partes del proceso que deben completarse en orden, lo que significa que otras cosas aguas abajo se basan en los cambios aguas arriba que se realizan primero.Pero, no importa qué tan bien se ve el sitio, hay algo que hacer para modelar el tema para que sea más estéticamente agradable e invitar a nuestros lectores.En la próxima y última publicación, la Parte 3 de la tesis de integración y la serie BuddyPress, discutiremos algunos cambios simples de CSS que harán que su nuevo sitio BuddyPress.Etiquetas: temas infantiles