Descargar el PDF
Descargar el PDF
Este wikiHow te enseñará a personalizar y diseñar temas para WordPress. Diseñar un tema de WordPress desde cero puede ser un proceso largo que implica muchos conocimientos de código, pero existen aplicaciones que pueden simplificar este proceso. Una aplicación es un programa adicional de WordPress llamado Elementor, el cual puede instalarse desde el tablero de administración de WordPress.
Pasos
-
Inicia sesión en WordPress. Después de instalar WordPress en tu servidor, inicia sesión en el tablero de administración de WordPress ingresando la URL de tu sitio web en un navegador web, seguido de /wp-admin (por ejemplo, www.mywebsite.com/wp-admin . Luego, ingresa tu nombre de usuario y contraseña para iniciar sesión.
- Revisa nuestros artículos de wikiHow para saber cómo instalar WordPress en tu servidor web.
-
Haz clic en Complementos . Está en la barra lateral de la izquierda, al lado del ícono que se parece a un enchufe.
-
Haz clic en Agregar nuevo . Está en la esquina superior izquierda de la página de complementos.
-
Ingresa Elementor en la barra de búsqueda y presiona ↵ Enter . Esto mostrará una lista de programas adiciones que coincidirán con tu búsqueda.
-
Haz clic en Instalar ahora en el cuadro que dice «Elementor Page Builder». Es el programa adicional que tiene un ícono violeta y rosa con cuatro barras blancas que forman una «E» mayúscula. Esto instalará Elementor Page Builder como un programa adicional para tu sitio web WordPress.
-
Haz clic en Activar . Luego de instalar Elementor, este botón aparecerá junto al encabezado en el cuadro Complementos de Elementor. [1] X Fuente de investigaciónAnuncio
-
Haz clic en Tablero . Está en la parte superior de la barra lateral a la izquierda de WordPress.
-
Haz clic en + Crear página nueva . Está al lado de Elementor, debajo del encabezado «Descripción general de Elementor », en la primera columna. Esto abrirá un editor visual de páginas.
-
Haz clic en . Es el ícono que se parece a un engranaje y se encuentra en la esquina inferior izquierda de la barra lateral. Esto abrirá el menú de configuraciones.
-
Ingresa un título. En el cuadro de texto debajo de «Título», ingresa el título de la página. Este título se colocará en la parte superior de la página.
- Si no deseas mostrar un título, enciende el botón «Ocultar título».
-
Selecciona un diseño de página. En el menú desplegable debajo de «Diseño de página», selecciona una plantilla para la página.Anuncio
-
Haz clic en ☰ . Está en la esquina superior izquierda de la barra lateral de Elementor a la izquierda.
-
Haz clic en Colores predeterminados . Es la primera opción en el menú de la barra lateral debajo del encabezado «Style».
-
Selecciona una paleta de colores. Se puede seleccionar una paleta de colores de la lista debajo del encabezado que reza «Más paletas» o hacer clic en los cuadros en la parte superior de la barra lateral para seleccionar un color para los colores primarios, colores secundarios, de texto y de acento. En el cuadro de colores, selecciona un color o ingresa el código hex de color en la barra en la parte superior.
-
Haz clic en Aplicar . Está en la esquina superior derecha del menú de la barra lateral.Anuncio
-
Haz clic en ☰ . Está en la esquina superior izquierda de la barra lateral de Elementor a la izquierda.
-
Haz clic en Fuentes predeterminadas . Es la segunda opción debajo del encabezado «Estilo» en la barra lateral.
-
Haz clic en Título principal . Es la primera opción en el menú Fuentes predeterminadas.
-
Selecciona una familia tipográfica. Selecciona una familia tipográfica en el menú desplegable.
-
Selecciona un peso. Selecciona el grosor de la fuente en el menú desplegable. También puedes seleccionar «Negrita» en el menú desplegable.
-
Haz clic en Título secundario . Es la primera opción en el menú Fuentes predeterminadas.
-
Selecciona una familia tipográfica. Selecciona una familia tipográfica en el menú desplegable.
-
Selecciona un peso. Selecciona el grosor de la fuente en el menú desplegable.
-
Haz clic en Cuerpo de texto . Es la primera opción en el menú Fuentes predeterminadas.
-
Selecciona una familia tipográfica. Selecciona una familia tipográfica en el menú desplegable.
-
Selecciona un peso. Selecciona el grosor de la fuente en el menú desplegable.
-
Haz clic en Texto de acento . Es la primera opción en el menú Fuentes predeterminadas.
-
Selecciona una familia tipográfica. Selecciona una familia tipográfica en el menú desplegable.
-
Selecciona un peso. Selecciona el grosor de la fuente en el menú desplegable.
-
Haz clic en Aplicar . Está en la esquina superior derecha de la barra lateral.Anuncio
-
Haz clic fuera de la barra lateral. Esto regresará la barra lateral al menú por defecto.
-
Arrastra el cuadro Título a la sección. El cuadro Título es el cuadro que tiene una gran letra «T» mayúscula. Está en la parte superior derecha del menú de la barra lateral. Esta sección es el cuadro con el contorno punteado de la página principal. Esto convertirá la sección en el cuadro de texto del encabezado. Una nueva sección en blanco aparecerá debajo del encabezado.
-
Ingresa el título. Puedes hacer clic en el encabezado de la página principal e ingresar el título o utilizar el cuadro de texto en la barra lateral.
-
Selecciona el tamaño del encabezado. En el menú desplegable al lado de «Tamaño», selecciona el tamaño del encabezado.
- También puedes usar el cuadro HTML Tag para seleccionar el tamaño de la fuente.
-
Seleccionar alineamiento. Haz clic en uno de los cuatro cuadros en la parte inferior del menú de la barra lateral para seleccionar el alineamiento. Se puede alinear el texto a la izquierda, al centro, a la derecha o justificarlo a lo largo de toda la sección.
- Si quieres usar una fuente o un color diferente del predeterminado, puedes hacer clic en «Estilo» en la parte superior del menú de la barra lateral y seleccionar un color y una fuente diferentes para el texto.
Anuncio
-
Haz clic en Nueva sección . Esto te dará la opción para crear secciones dentro de una sección. Aparecerá una lista con distintas maneras de dividir una sección.
-
Haz clic en una estructura de la sección. Existen varias maneras en que se puede dividir la sección. Se pueden agregar múltiples columnas o una barra lateral a la izquierda o a la derecha, o en ambos lados. Haz clic en el botón con la imagen que más se parece a la manera en que quieres que se vea el texto del cuerpo.
-
Arrastra el cuadro Text Editor a la sección o secciones donde quieres agregar texto. El editor de texto es el segundo cuadro en la barra lateral. Tiene varias líneas que se asemejan a las líneas de un texto. Puedes arrastrarlo a cualquier sección de la página principal.
-
Ingresa el texto del cuerpo. Ingresa el texto del cuerpo en el cuadro de texto en la barra lateral. La barra de herramientas en la parte superior del cuadro de texto te permite agregar texto en negrita, cursiva, subrayado, enumeraciones y listas con viñetas, así como también hipervínculos. El último botón, que se asemeja a dos rectángulos con cajas adentro, expande la barra de herramientas para mostrar más opciones de formato.
- Si quieres usar una fuente o un color diferente de los predeterminados, puedes hacer clic en «Style» en la parte superior del menú de la barra lateral y seleccionar un color y una fuente diferentes para el texto.
Anuncio
-
Arrastra el cuadro Imagen hacia la sección. El cuadro Imagen tiene un ícono que se asemeja a una foto de montañas con un sol.
-
Haz clic en Elegir tu imagen . Es el cuadro grande y gris de la barra lateral. Esto abrirá una ventana emergente.
-
Haz clic en Seleccionar archivos . Es el botón grande en el centro de la ventana emergente. Esto abrirá un navegador de archivos que puedes usar para seleccionar archivos de imágenes.
-
Haz clic en el archivo de imagen. Con la ayuda del navegador de archivos, navega y haz clic para seleccionar una imagen que quieras subir. El tamaño máximo del archivo es de 2 megabytes.
-
Haz clic en Abrir . Está en la esquina inferior derecha del navegador de archivos. Esto subirá el archivo de imagen y lo mostrará en la sección.
-
Selecciona Tamaño de imagen. Selecciona el tamaño de la imagen en el menú desplegable debajo de la imagen. Existe una variedad de tamaños y dimensiones para elegir.
-
Selecciona el alineamiento. Usa los tres cuadros debajo del menú desplegable de tamaño de imagen para elegir el alineamiento de la imagen. Se puede alinear la imagen a la izquierda, al centro o a la derecha de la sección.
-
Agrega una descripción (opcional). Si deseas agregar una descripción a la imagen, usa el cuadro de texto al lado de «Subtítulo» para ingresar la descripción.
-
Agrega un enlace (opcional). Si quieres agregar un enlace, ingresa un enlace a un URL o un archivo multimedia en el menú desplegable en la parte inferior de la barra lateral.Anuncio
-
Arrastra el cuadro de video a la sección. El cuadro de video tiene un ícono que se asemeja al logo de YouTube.
-
Selecciona Tipo de video. En el menú desplegable al lado de «Tipo de video», selecciona YouTube o Vimeo.
-
Agrega el enlace del video. En el cuadro debajo del enlace, copia y pega el enlace del video de YouTube o Vimeo.
-
Ajusta las opciones de video. Usa los botones para habilitar o deshabilitar las siguientes opciones.
- Autoreproducción reproducirá el video automáticamente cuando se cargue la página.
- Videos sugeridos mostrará videos sugeridos cuando se termine de reproducir el video.
- Player Control le da al usuario la opción de detener o reproducir el video, así como saltear ciertas partes del video.
- Título y acciones del reproductor muestra el título del video y las opciones en la esquina superior derecha.
- Modo privacidad no guardará la información sobre el usuario si se activa.
-
Agrega una imagen de cubierta (opcional). Si quieres agregar una imagen de cubierta, haz clic en «Superposición de imágenes» en la parte inferior de la barra lateral. Haz clic en el botón «Superposición de imágenes» y luego haz clic en el cuadro grande gris para subir la imagen para usar como cubierta.Anuncio
-
Haz clic en New Section . Esto te dará la opción para crear secciones dentro de una sección. Aparecerá una lista con distintas maneras de dividir una sección.
-
Haz clic en una estructura de la sección. Existen varias maneras en que se puede dividir la sección. Se pueden agregar múltiples columnas o una barra lateral a la izquierda o a la derecha, o en ambos lados. Haz clic en el botón con la imagen que más se asemeja a lo que quieres que sea el diseño de los botones.
-
Arrastra el cuadro Botón a la sección. El cuadro Botón tiene un ícono que se asemeja al cursor de un mouse haciendo clic en un botón.
-
Ingresa el texto del botón. Ingresa lo que quieres que diga el botón en el cuadro de texto al lado de «Texto».
-
Agrega un enlace a un botón. En el cuadro al lado de «Enlace», agrega la URL de la página que quieres enlazar al botón.
-
Selecciona alineamiento de botón. Con la ayuda de los cuatro cuadros debajo de "Alineación", alinea el botón a la izquierda, derecha, centro o justificado a lo largo de toda la sección.
-
Selecciona el tamaño del botón. En el menú desplegable al lado de «Tamaño», selecciona el tamaño del botón. Se puede seleccionar extra pequeño, pequeño, mediano, grande o extra grande.
-
Selecciona el ícono del botón. En el menú desplegable, selecciona un ícono para que se posicione al lado del texto del botón.
-
Selecciona la posición del ícono. En el próximo menú desplegable, selecciona si quieres colocar el ícono antes o después del texto.
-
Selecciona el estilo del botón (opcional). Si quieres más opciones para darle estilo al botón, puedes hacer clic en «Estilo» en la parte superior de la barra lateral. Aquí se puede cambiar el color del botón, el color del texto y la fuente, así como seleccionar un borde para el botón.Anuncio
-
Arrastra el cuadro de separadores hasta una sección. Los separadores son líneas sólidas que van en medio de las secciones en un sitio web.
-
Selecciona el estilo de los separadores. En el menú desplegable al lado de «Estilo», selecciona el estilo de la línea. Se puede seleccionar sólido, doble, punteado o rayado.
-
Selecciona el peso. Ajusta el grosor de la línea con la barra deslizadora debajo de «Peso».
-
Selecciona el color. Haz clic en el cuadro al lado de color para seleccionar el color de la línea.
-
Selecciona el ancho de la línea. Ajusta cuánto de la sección ocupará la línea con la barra deslizadora debajo de «Width».
-
Selecciona el alineamiento. Haz clic en uno de los tres cuadros debajo de «Alineación» para seleccionar el alineamiento de la línea. Se puede alinear a la izquierda, derecha o al centro de la sección.Anuncio
-
Arrastra cualquier widget a la sección deseada. Hay muchos widgets en la barra lateral que permiten agregar tabuladores, galerías de imágenes, íconos de redes sociales, barras laterales y más. Existen muchas opciones para jugar y experimentar.
-
Haz clic en Publicar . Es el botón verde en la esquina inferior izquierda de la barra lateral. Haz clic aquí cuando termines de diseñar el tema y las páginas. [2] X Fuente de investigaciónAnuncio
Referencias
Acerca de este wikiHow
Esta página ha recibido 759 visitas.
Anuncio