3 formas de expandir su sitio de WordPress (sin romperlo)

Con el tiempo, nuestros blogs y sitios web tienden a crecer. Cuando eso sucede, encontramos formas de agregar a nuestros sitios. Una de las mejores cosas de WordPress es su capacidad de expansión. Puede convertir su sitio de WordPress en casi cualquier cosa que pueda imaginar (e incluso algunas cosas que no puede imaginar).

Algunas expansiones son pequeñas. Agregan una sola característica. Por lo general, son fáciles de implementar sin dañar el sitio. Otras expansiones llevan su sitio en una nueva dirección. Agregan comercio electrónico completo o integran su sitio con un foro, agregan código a su tema para agregar barras laterales, usan un complemento de subasta para hacer un sitio similar a eBay y mucho más.

Desafortunadamente, esta capacidad de expansión también es uno de sus peligros: si no tiene cuidado, puede romper su sitio. Este tipo de expansiones necesitarán pruebas y ajustes. Pueden hacer que su sitio se vea roto y dar una mala impresión a sus visitantes.

Es fácil agregar características. Las pequeñas cosas pueden hacer que su sitio brille. Puede instalar cosas que sus visitantes están acostumbrados a ver en todas partes. Es posible que ni siquiera se den cuenta de que las características están ahí, pero sí se dan cuenta cuando no lo están. Por ejemplo, migas de pan, botones para compartir en redes sociales , cuadros de búsqueda, foros ( bbPress ), sus propias redes sociales dentro de su sitio (BuddyPress), acordeones y más. Incluso puede realizar cambios ocultos con SEO, seguridad y mejoras en el editor visual. Y la lista continúa.

Puede agregar funciones a su sitio de WordPress a través de:

Complementos
Agregando código a tu tema
Agregar código a sus widgets
Agregando código a tu CSS

En este artículo, queremos ver formas de expandir su sitio de manera segura, sin romperlo. Veremos cómo mantenerse a salvo y luego veremos algunos ejemplos. Antes de realizar cambios en su sitio, haga una copia de seguridad.

Haga una copia de seguridad antes de realizar cambios

Lo primero es lo primero. Siempre tenga una copia de seguridad reciente antes de comenzar a expandir su sitio de WordPress. Aquí hay un vistazo a lo que necesita ser respaldado y por qué.

Base de datos

Algunas expansiones pueden realizar cambios importantes en su base de datos. Antes de expandir su sitio, haga una copia de seguridad de su base de datos.

Tema, CSS, Archivos, etc.

Si ha realizado modificaciones en su tema, como modificar sus archivos de encabezado y pie de página, estilos CSS y cualquier cambio en sus archivos PHP, deberá volver a implementarlos si no están respaldados cuando realiza una restauración. Dependiendo de sus modificaciones, esto puede llevar mucho tiempo y esfuerzo en la codificación y depuración.

Realización de una copia de seguridad con complementos

Hay muchos complementos disponibles para realizar copias de seguridad de sus archivos y bases de datos de WordPress. Veamos uno llamado UpdraftPlus .

Copia de seguridad y restauración de UpdraftPlus

UpdraftPlus es un complemento gratuito que le permitirá realizar copias de seguridad y restaurar de forma manual y automática los archivos y bases de datos de su sitio de WordPress. Puede hacer una copia de seguridad en la nube (Amazon S3, Dropbox, Google Drive, Rackspace Cloud, DreamObjects, FTP , S FTP , SCP, WebDAV, OpenStack Swift y correo electrónico) y restaurar con un solo clic. Puede hacer una copia de seguridad de los archivos y la base de datos en horarios separados.

He aquí por qué me gusta UpdraftPlus. Después de presionar el botón Copia de seguridad ahora y esperar a que se completara la copia de seguridad, hice clic en la pestaña Copias de seguridad existentes donde puedo restaurar mi base de datos, complementos, temas, cargas y otros, independientemente unos de otros. Este no es el único complemento que hace esto, pero es una excelente función que le ahorra tiempo si solo necesita restaurar un tema.

Con casi 2 millones de descargas y una calificación de 4.8 de 5, UpdraftPlus es uno de los mejores complementos de copia de seguridad de WordPress .

Usar un servidor de prueba

Puede que esté loco, pero me gusta la idea de probar y depurar en una instalación separada de WordPress antes de mover las actualizaciones a mi sitio en vivo. Hay dos maneras de hacer esto:

Una instalación de WordPress en otro dominio.
Un servidor de prueba fuera de línea.

Un servidor de prueba fuera de línea es su mejor opción. Esto le permite realizar cambios en un clon de su sitio web y resolver los errores y realizar los ajustes que desee antes de realizar los cambios en su sitio web en vivo y en funcionamiento. Cuando esté listo, puede mover los cambios al sitio en vivo.

Mover los cambios al sitio en vivo usando el modo de mantenimiento

Una vez que haya resuelto todos los errores, es hora de mover las actualizaciones al sitio en vivo. Todavía podría haber algunos problemas y su sitio aún podría necesitar alguna configuración y ajustes antes de que esté listo para que los visitantes lo vean. La mejor manera de hacer esto es programando algún tiempo de inactividad. Hágales saber a los visitantes con anticipación cuándo su sitio estará inactivo. Hágales saber cuándo, por qué y por cuánto tiempo. Planifique con anticipación e intente ser lo más preciso posible. Luego, una vez que esté listo, póngalo en modo de mantenimiento. Una forma de hacerlo es mediante el uso de un complemento de modo de mantenimiento como Anticipate.

Anticipar

Anticipate es el complemento de modo de mantenimiento de ET que oculta su sitio y muestra un mensaje a sus visitantes. Verán una cuenta regresiva, una barra de progreso, un mensaje, enlaces de redes sociales y un formulario de envío de correo electrónico. Puede utilizar su propio logotipo. Los visitantes pueden navegar a través de cualquiera de las páginas que ha proporcionado para el área del control deslizante. Esta es una excelente manera de informar a los visitantes que está realizando algunas actualizaciones y les brinda una forma de seguirlo y recibir actualizaciones por correo electrónico. Cualquier usuario que haya iniciado sesión verá el sitio normal tal como es. De esta manera, puede ver el efecto que cualquier cambio que realice tiene en su sitio.

Anticipate es parte del plan Developer de $89 por año . Incluye acceso a todos los temas y complementos, actualizaciones perpetuas, soporte premium y archivos de Photoshop en capas.

Sugerencia rápida sobre el otro modo de mantenimiento

Cuando actualiza un complemento o tema, WordPress entra en modo de mantenimiento. Si su sitio no finaliza una actualización, podría quedarse atascado en el modo de mantenimiento. Cuando vaya a su sitio, verá este mensaje de error en lugar de su página de inicio o su tablero:

Brevemente no disponible para mantenimiento programado. Vuelva a consultar en un minuto.

Es muy probable que este mensaje siga ahí sin importar cuánto tiempo esperes. Esto mata tanto la parte delantera como la trasera. Esto significa que no puede ejecutar su complemento de restauración desde el backend. Afortunadamente, esto es fácil de arreglar. Aquí hay una forma de arreglarlo usando FTP. Para este ejemplo usé FileZilla .

Usando FTP, inicie sesión en su sitio y vaya a la carpeta principal del sitio. Esta es probablemente la primera carpeta que ve cuando inicia sesión. Desplácese hacia abajo hasta que vea un archivo llamado .maintenance. Resáltalo y bórralo. Ahora puede volver a su sitio y acceder tanto al front-end como al back-end. Solo ten cuidado con lo que borras. Existe un gran potencial para eliminar los archivos que necesita.

Complementos y widgets

La mayoría de las expansiones se realizan con complementos y widgets. Con tantas formas de mejorar y expandir WordPress, y con tantas actualizaciones de WordPress, seguramente habrá al menos un complemento que no haga lo que esperas. No todos los complementos son totalmente compatibles con su tema y otros complementos. Con tantas opciones, es difícil saber exactamente qué funcionará mejor para usted. A menudo probamos varios en un experimento para ayudarnos a tomar nuestras decisiones.

Es fácil tomar un complemento y hacer clic en el botón de activación. Desafortunadamente, esto no siempre da los resultados esperados. Probablemente la mayoría de nosotros instaló un complemento y fue a ver nuestra página de inicio solo para ver una pantalla blanca con un código de error y una cadena de código en la parte superior. Puede usar FTP para eliminar el complemento si es necesario. Aquí hay algunos consejos sobre cómo evitar este problema.

Algunos consejos rápidos sobre complementos

Preste atención a las revisiones y la fecha en que se actualizó por última vez un complemento antes de instalarlo. Como ejemplo, si un complemento tiene muchas revisiones, consulte la última ronda de revisiones. Podría tener 500 reseñas de 5 estrellas y cinco reseñas de 1 estrella. Si la 1 estrella fue porque no funciona con la última versión de WordPress, entonces las 5 estrellas son irrelevantes. Lo mismo ocurre al revés. Las 1 estrellas son irrelevantes si el problema que tenían se ha solucionado. Nada de esto importa si no se ha actualizado en un año.

Verifique las conversaciones recientes para ver si alguien tiene problemas con el complemento y si está recibiendo el soporte que está solicitando. Si la última respuesta del programador fue hace más de un año y los usuarios aún tienen problemas, podría ser una buena idea omitir el complemento y buscar otra opción.

Verifique su instalación de WordPress después de cada complemento que instale. Esto lo ayudará a descubrir qué complemento ha causado un problema.

Un ejemplo: agregar una tienda con WooCommerce

En este ejemplo, estamos expandiendo un sitio web de WordPress al instalar WooCommerce. Bastante simple, ¿verdad? Simplemente instala el complemento y puede comenzar a vender sus productos, ¿verdad? Así que aquí está la cosa: WooCommerce no viene configurado de la manera que lo necesita. Viene con libras esterlinas como moneda predeterminada, no tiene sus opciones de envío configuradas de la manera que desea, no tiene el carrito de compras configurado con sus cuentas, y lo más obvio… no viene con sus productos cargados en su lista de inventario.

Eso es un montón de cosas para configurar, y eso ni siquiera lo cubre todo. Eso es justo lo que recitaba en la parte superior de mi cabeza. ¿Por qué importa esto? Bueno, ninguna de sus opciones de compra funcionaría, y si lo hicieran, podría hacer que los compradores coloquen artículos en sus carritos de compras antes de que establezca correctamente sus precios y niveles de inventario. Además, su sitio se verá roto hasta que complete todo. Su inventario se verá vacío. Baste decir que sus visitantes pueden encontrar su sitio irritante. Eso no es lo que quieres.

Tan pronto como instale WooCommerce , aparecerá un enlace a la tienda y un carrito de compras en su página de inicio. Sus visitantes harán clic en estos solo para descubrir que su sitio no funciona.

WooCommerce en realidad tiene muchos ajustes que deben realizarse antes de que su sitio funcione correctamente. Esto tomará algún tiempo. No es algo que se pueda hacer en solo unos minutos, especialmente si tiene mucho inventario.

Para evitar que su sitio se vea dañado y para evitar que funcione incorrectamente porque aún no se ha probado, realice la instalación en un servidor de prueba, sitio de prueba o coloque su sitio en modo de mantenimiento.

Agregar código a su tema

Los temas se pueden expandir agregando código. Puede agregar funciones como anuncios publicitarios, nuevas áreas de widgets, áreas de pie de página, modificar el CSS y mucho más. El código es una bestia exigente. No importa lo que quisiste escribir. Solo sabe lo que escribiste y ni siquiera le importa si funciona o no. Es demasiado fácil colocar el código en la ubicación incorrecta o dejar de lado una parte importante de la sintaxis.

Si se hace incorrectamente, es posible que vea algo como esto:

Error de análisis : error de sintaxis, T_ENCAPSED_AND_WHITESPACE inesperado, esperando T_STRING o T_VARIABLE o T_NUM_STRING en /home/content/Sample/html/example/wp-content/themes/twentyfourteen/functions.php en la línea 64

Para evitar cualquier problema imprevisto, es mejor probar primero su código en su servidor de prueba.

Pruebe el código antes de ejecutarlo en su sitio

Puede probar su código en línea para ayudarlo a resolver los errores. Un ejemplo de ello es WriteCodeOnline .

Aquí puede escribir su código y presionar ejecutar. Probará PHP5, PHP4 y JavaScript.

Hay muchas otras opciones en línea. Simplemente escriba el código de prueba en línea en su navegador favorito y encontrará lo que necesita.

Algunos consejos rápidos sobre temas y código de manejo

Puede agregar funciones a su tema, pero no desea agregarlas mientras los visitantes están en su sitio mirando su contenido. Ya sea que esté modificando su CSS, agregando cosas a su encabezado o pie de página, agregando áreas de la barra lateral, primero desea hacer las adiciones en un servidor de prueba. Una vez que haya resuelto todos los errores y el tema se vea y funcione de la manera que desea, mueva los cambios al sitio en vivo.

WordPress no sabe lo que querías escribir. Solo puede seguir las instrucciones que le des.

Asegúrese de que el código que copie de los tutoriales sea para su base de datos, WordPress y la versión de PHP.

Prueba el código que copiaste. Cualquiera puede cometer un error de escritura en su código.

Un ejemplo: personalización de sus barras laterales en PHP

Llega un momento en el que solo tienes que tener otra barra lateral. Esto puede suceder si desea expandir la funcionalidad de su tema actual o si cambia de tema y necesita agregar una barra lateral para mantener su número actual de barras laterales. Puede expandir su sitio agregando una barra lateral usando PHP.

Puede usar PHP para registrar más de una barra lateral. En wp-includes/widgets.php encontrará la definición de función para register-sidebars(). Puede usar esto para crear una función personalizada dentro de su carpeta de temas (functions.php; si no tiene esto, puede crear un archivo php vacío con ese nombre).

Aquí está el código:

&lt;?php if ( function_exists ('register_sidebar')) {
register_sidebar ('custom');
} ?&gt;
&lt;pre&gt;

En este ejemplo del Codex de WordPress , ‘personalizado’ es un archivo de barra lateral llamado sidebar-custom.php. Las barras laterales se indexan en su base de datos de WordPress con su barra lateral predeterminada (sidebar.php) indexada como 1. Cada barra lateral tendrá un índice superior a 1. Una vez registradas, aparecerán en su área de barra lateral.

Debería poder pegar este código y su tema tendrá un área de barra lateral adicional para arrastrar y soltar widgets. Si funciona perfectamente, sus visitantes ni siquiera sabrán que ha realizado una modificación hasta que coloque un widget en la nueva barra lateral. Sin embargo, si algo sale mal, su sitio podría estar inactivo y sus visitantes verán un mensaje de error en lugar de su sitio.

Para solucionar problemas como este, primero pruebe el código en su sitio de prueba. Una vez que esté satisfecho de que funciona como desea, pegue con cuidado el código en su lugar. Tenga lista una copia de seguridad reciente, por si acaso.

CSS, estilos y su editor visual

Con CSS puedes modificar las fuentes en tu sitio. Puede agregar nuevos estilos y tamaños de fuente, nuevos colores, etc. No todas las modificaciones están en la parte delantera. Hay muchas maneras de expandir su sitio de WordPress en el back-end. Esto se puede hacer con complementos y código. Se aplican las mismas precauciones y pruebas, sin embargo, los resultados pueden no ser los mismos. Puede expandir el back-end sin que sus visitantes se den cuenta, sin embargo, aún puede bajar su lado si el código no se maneja correctamente. Agregar características como colores y estilos puede ser fácil de hacer, pero no siempre sabe cómo se verán hasta que las prueba.

Una de esas expansiones es agregar estilos a su editor visual.

Estilos personalizados de TinyMCE

El editor visual de WordPress, TinyMCE, tiene una API que puede usar para crear estilos personalizados que se pueden insertar en sus publicaciones desde el editor visual. Esta API usa un botón oculto llamado Styleselect. Debes activar Styleselect y definir tus estilos que se mostrarán en tu menú. Este código del Codex de WordPress irá en su archivo functions.php.

Habilitar la hoja de estilo

// Callback function to insert 'styleselect' into the $buttons arrayfunction my_mce_buttons_2( $buttons ) {         array_unshift( $buttons, 'styleselect' );         return $buttons;}// Register our callback to the appropriate filteradd_filter('mce_buttons_2', 'my_mce_buttons_2');
&lt;pre&gt;

Esto activa el menú desplegable de la hoja de estilo en el Editor visual. Habilita la hoja de estilo filtrando los botones que se cargan en TinyMCE y agrega estos botones a la segunda fila.

Registro de estilos personalizados

A continuación, debe registrar sus estilos utilizando la matriz style_formats dentro de su matriz de configuración TinyMCE. Puede registrar cada estilo con varios ajustes de configuración.

// Callback function to filter the MCE settings
function my_mce_before_init_insert_formats( $init_array ) {
// Define the style_formats array
$style_formats = array(
// Each array child is a format with it's own settings
array(
'title' =&gt; '.translation',
'block' =&gt; 'blockquote',
'classes' =&gt; 'translation',
'wrapper' =&gt; true,
),
array(
'title' =&gt; '⇠.rtl',
'block' =&gt; 'blockquote',
'classes' =&gt; 'rtl',
'wrapper' =&gt; true,
),
array(
'title' =&gt; '.ltr⇢',
'block' =&gt; 'blockquote',
'classes' =&gt; 'ltr',
'wrapper' =&gt; true,
),
);
// Insert the array, JSON ENCODED, into 'style_formats'
$init_array['style_formats'] = json_encode( $style_formats );
return $init_array;
}
// Attach callback to 'tiny_mce_before_init'
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );
&lt;pre&gt;

Lo suficientemente simple para la codificación personalizada, pero debe agregar código a varias ubicaciones. Esto no es algo que debas hacer con prisa. Al igual que con cualquier código, primero pruébelo en un sitio o servidor de prueba y luego mueva el código al sitio en vivo.

Terminando

Hay muchas maneras de expandir WordPress, pero la mayoría son mediante un complemento/widget, código o CSS (solo para simplificar demasiado). La mayoría de las expansiones reales son complementos que agregan funciones. Tanto los complementos como los temas se pueden editar con el editor incorporado, y puede usarlos para agregar muchas funciones nuevas a su sitio de WordPress. Sin embargo, las pruebas y la depuración pueden dañar su sitio, y eso no es lo que buscan sus visitantes. Usando servidores fuera de línea, sitios de prueba, pruebas de código, modo de mantenimiento y copias de seguridad, puede configurar complementos y expandir WordPress sin romper su sitio.

¿Y tú? ¿Ha tenido alguna de las experiencias que he discutido aquí? ¿Tiene una solución diferente para expandir su sitio de WordPress sin romperlo? ¿Dejé algo fuera? ¡Me gustaría saberlo en los comentarios a continuación!

Imagen en miniatura del artículo por Rashad Ashurov / shutterstock.com