homefinance blog
¿Le gustaría crear una página personalizada en WordPress? Una página personalizada le permite usar un aspecto diferente de las páginas habituales de WordPress. Muchos sitios de WordPress tienen aspectos de página personalizados para sus páginas de venta, páginas de destino, páginas de seminarios web y más. En este artículo, le mostraremos cómo crear fácilmente una página personalizada en WordPress, paso a paso.
Comprensión de las páginas personalizadas de WordPress Por defecto, WordPress le permite crear publicaciones y páginas. Su tema de WordPress controla el aspecto de sus páginas usando un archivo de plantilla llamado Page.php.
Este archivo de plantilla afecta todas las páginas únicas que crea en WordPress. Sin embargo, como ya sabes, no todas las páginas son las mismas. Por ejemplo, es posible que desee crear una página de destino que se vea bastante diferente de las páginas habituales de su sitio web. En el pasado, crear una página personalizada en WordPress significaba codificar su propia plantilla personalizada usando HTML, CSS y PHP. Cubriremos este método, pero no lo recomendamos para principiantes. En su lugar, le sugerimos que use SeedProd u otro complemento para crear páginas para crear su página personalizada. Simplemente use estos enlaces rápidos para moverse directamente a los diferentes métodos.
Uso de SeedProd para crear una página de WordPress personalizada (recomendada)
Uso de Beaver Builder para crear una página personalizada en WordPress
Creación manual de una plantilla de página personalizada en WordPress
Tutorial de video
Suscríbete a WPBeginner
Si prefiere instrucciones escritas, continúe leyendo. El uso de SeedProd para crear una página personalizada en WordPress Seedprod es el mejor constructor de páginas de arrastrar y soltar para WordPress. Viene con más de 100 plantillas diseñadas profesionalmente, que puede usar como base para su página alternativa, puede crear una página de WordPress totalmente personalizada, sin escribir ningún código usando Drag & Drop. Seedprod está diseñado para ser fácil de usar, incluso para principiantes. Sin embargo, también tiene opciones avanzadas que le permiten crear páginas increíbles visualmente para atraer a sus visitantes y aumentar las conversiones. Primero, debe instalar y activar el complemento SeedProd. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Nota: También hay una versión gratuita del complemento Seedprod. Sin embargo, para nuestro ejemplo, usaremos la versión Pro, porque tiene muchas características fuertes. Tras la activación, debería ver la página de bienvenida. Debe ingresar la clave de licencia aquí y hacer clic en el botón “CHECKEK CLAVE”. Encontrará la clave de licencia en el área de su cuenta en el sitio web de SeedProd.
Luego acceda a las páginas de SeedProd »desde su administrador de WordPress. Luego, simplemente haga clic en el botón “Crear una nueva página de destino”.
Luego se le pedirá que elija una plantilla. Puede filtrarlas para encontrar plantillas para el tipo de página que crea. Si prefiere comenzar desde cero, simplemente use la plantilla vacía.
En aras de este tutorial, utilizaremos una plantilla “La página de venta”. Se le pedirá que le dé un nombre a la página y establezca la URL. Después de hacer esto, continúe y haga clic en “Guardar y comenzar a editar la página”.
Para cambiar cualquiera de la plantilla, simplemente haga clic en ella. Es fácil cambiar el texto directamente al generador de página. Por ejemplo, aquí publicamos el título de la página.
Puede formatear su texto, cambiar su alineación, agregar enlaces y más. También es fácil editar imágenes utilizando el generador de página Seedprod. Simplemente haga clic en la imagen que desea cambiar. En este ejemplo, reemplazamos la imagen predeterminada en la parte superior de la página con nuestra propia imagen.
Continúa y cambia lo que quieras simplemente haciendo clic en él. Esto abrirá el panel de edición en el lado izquierdo de la página. Para agregar nuevos bloques (elementos) a su página, simplemente haga clic en la pestaña Diseño en la parte superior de la página. Elija cualquier bloque estándar o avanzado y simplemente tírelo y solíquelo en su lugar en su página.
Después de agregar un bloque, simplemente haga clic para editarlo. Aquí, agregamos un bloque de lista en nuestra página.
Si comete un error en cualquier momento o cambia de opinión, no se preocupe. Simplemente haga clic en el botón “Cancelar” en la parte inferior de la página para revertir lo que ha hecho.
Además, aquí encontrará el botón de recuperación, el historial de revisiones, la apariencia de la apariencia, la vista previa móvil y la configuración global para su página. Una vez que esté satisfecho con su página personalizada, es hora de obtener una vista previa o publicarla. Para publicar la página, haga clic primero en la flecha desplegable al lado del botón de rescate en la parte superior de la pantalla. Luego seleccione la opción Publicar. Consulte un mensaje anunciando que su página ha sido publicada. Para verificar de inmediato, haga clic en el botón “Ver página en vivo”.
Para editar su página personalizada en cualquier momento en el futuro, simplemente vaya a las páginas de Seedprod »desde su administrador de WordPress.
Debería ver la página guardada en la lista de páginas de destino. Simplemente haga clic en el título para editarlo.
La ventaja de usar SeedProd en cualquier otro constructor de páginas de WordPress es que no retrasará su sitio. Seedprod es el constructor de páginas más rápido y le permite crear aspectos de página totalmente personalizados, que son independientes de su diseño de base, por lo que puede tener un encabezado, sótano, etc. El uso de Beaver Builder para crear una página personalizada en WordPress Beaver Builder es un constructor de páginas popular y bien establecido para WordPress.
Puede usarlo para crear fácilmente páginas personalizadas en su sitio o blog. Recomendamos usar la versión completa de Beaver Builder. También hay una versión gratuita de Beaver Builder disponible con funciones limitadas. Primero, debe instalar y activar el complemento Beaver Builder. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Tras la activación, verá la pantalla de bienvenida de Beaver Builder. Simplemente haga clic en la pestaña Licencia para ingresar la clave de licencia. Encontrará esto en su área de cuenta en el sitio web de Beaver Builder. No olvide hacer clic en el botón “Guardar la clave de licencia” para guardar su clave de licencia.
Para usar Beaver Builder, simplemente vaya a páginas »Agregue nuevo a su administrador de WordPress para crear una nueva página. Luego, haga clic en el botón “Iniciar Beaver Builder”.
Entonces se abrirá el editor de Beaver Builder. Debe agregar filas y módulos para crear su página. Simplemente haga clic en el elemento que desea usar y póngalo en su página.
Alternativamente, puede comenzar con una plantilla. Continúe y haga clic en la pestaña Plantilla, luego elija una plantilla para usar.
Luego puede hacer clic en cualquier parte de la plantilla para cambiarla. Por ejemplo, puede cambiar el texto, las imágenes, los colores y más. Aquí, editamos el título de la página. El proceso de edición de Beaver Builder no es tan suave como SeedProd, porque debe escribir el texto en un cuadro emergente separado.
Después de haber terminado de hacer los cambios de la página, haga clic en el botón derecho terminado. Luego podrá guardar o publicar la publicación.
Creación manual de una plantilla de página personalizada Si prefiere no usar un complemento, puede crear manualmente una plantilla de página personalizada. Nota del editor: es completamente bueno tener muchos complementos ejecutados en su sitio web de WordPress. Eche un vistazo a nuestra publicación sobre cuántos complementos de WordPress debe instalar si le preocupa tener demasiados complementos. Primero, debe abrir un editor de texto simple, como el bloc de notas, en la computadora. En el archivo vacío, agregue esta línea de código en la parte superior: <. Puede nombrar su plantilla. Lo que desee, siempre que tenga sentido para usted después de haber agregado el código, guarde el archivo en el escritorio CA, CustomPt.php. Continúe y guarde el archivo con cualquier nombre, asegúrese de que termine con .php. Para el siguiente paso, deberá iniciar sesión en su cuenta de alojamiento de WordPress utilizando un cliente FTP. Una vez conectado, acceda a la carpeta de tema o tema infantil actual. Lo encontrará en el directorio/wp-contemplate/themes/. Luego cargue el archivo de plantilla de página personalizado en su tema. Ahora tiene que iniciar sesión en el área de administración de WordPress para crear una nueva página o editar una existente. En la pantalla de edición de la página, desplácese hacia abajo a la sección "Atributos de la página". Verá un menú de plantilla de caída. Si hace clic en él, le permitirá seleccionar la plantilla que acaba de crear.
Si selecciona su nueva plantilla y visite esta página en su sitio en este momento, verá una página vacía. Esto se debe a que su plantilla está vacía y no dice WordPress qué mostrar. No se preocupe, le mostraremos cómo editar fácilmente su plantilla de página personalizada. Editar su plantilla de página personalizada La página de su página Shab es como cualquier otro archivo de tema de WordPress. Puede agregar cualquier etiqueta HTML, plantilla o código PHP a este archivo. La forma más fácil de comenzar con la página personalizada es copiar la plantilla de página existente proporcionada por su tema. Abra el cliente FTP y acceda a la carpeta temática. Allí encontrará un archivo llamado Page.php. Debe descargar este archivo en su computadora. Abra el archivo page.php en un editor de texto simple como el bloc de notas y copiar todo su contenido, excepto el encabezado.
La parte del encabezado es el lado comentado desde la parte superior del archivo. No lo copiamos, porque nuestra plantilla de página personalizada ya tiene una. Ahora debe abrir su archivo de plantilla de página personalizado y pegar el código completo que ha copiado al final. El archivo de su página de su página se vería así ahora:
<? Php
// Inicie el bucle.
while (have_posts ()): the_post ();
// Incluye la plantilla de contenido de la página.
get_template_part (‘Template-Parts/Content’, ‘Page’);
// Si los comentarios han abierto o tenemos al menos un comentario, cargue la plantilla de comentarios.
If (comentarios_open ()
}
// final del bucle.
Giro
?>
<!-.
Simplemente guarde el archivo de plantilla de página personalizado y cargue nuevamente en la carpeta de temas usando FTP. Ahora puede visitar la página que creó usando la plantilla de página personalizada. Debe verse exactamente como las otras páginas de WordPress. Luego continúe editando el archivo de plantilla de página personalizado. Puede personalizarlo de la manera que desee. Por ejemplo, puede eliminar la barra lateral que elimina la línea que inicia <? Php get_sidebar. También puede agregar código PHP personalizado o agregar cualquier otro código HTML que desee. Para agregar el contenido real para su página, simplemente edite la página normalmente en WordPress. También puede dejar el editor de contenido del editor de contenido completamente vacío y agregar contenido personalizado directamente a la plantilla de página. De esta manera, el contenido que agregue aparecerá en todas las páginas utilizando la plantilla personalizada. Esperamos que este artículo lo ayude a agregar una página personalizada en WordPress. Es posible que desee ver nuestra guía sobre los tipos más importantes de páginas de WordPress que debe tener cada sitio web, y nuestra lista de WordPress debe tener todos los sitios web. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.
