PDF download Descargar el PDF PDF download 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.

Parte 1
Parte 1 de 11:

Instalar Elementor

PDF download Descargar el PDF
  1. 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.
  2. Está en la barra lateral de la izquierda, al lado del ícono que se parece a un enchufe.
  3. Está en la esquina superior izquierda de la página de complementos.
  4. Esto mostrará una lista de programas adiciones que coincidirán con tu búsqueda.
  5. 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.
  6. Luego de instalar Elementor, este botón aparecerá junto al encabezado en el cuadro Complementos de Elementor. [1]
    Anuncio
Parte 2
Parte 2 de 11:

Crear una nueva página con Elementor

PDF download Descargar el PDF
  1. Está en la parte superior de la barra lateral a la izquierda de WordPress.
  2. 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.
  3. 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».
  4. En el menú desplegable debajo de «Diseño de página», selecciona una plantilla para la página.
    Anuncio
Parte 3
Parte 3 de 11:

Seleccionar colores por defecto

PDF download Descargar el PDF
  1. Está en la esquina superior izquierda de la barra lateral de Elementor a la izquierda.
  2. Es la primera opción en el menú de la barra lateral debajo del encabezado «Style».
  3. 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.
  4. Está en la esquina superior derecha del menú de la barra lateral.
    Anuncio
Parte 4
Parte 4 de 11:

Seleccionar fuentes por defecto

PDF download Descargar el PDF
  1. Está en la esquina superior izquierda de la barra lateral de Elementor a la izquierda.
  2. Es la segunda opción debajo del encabezado «Estilo» en la barra lateral.
  3. Es la primera opción en el menú Fuentes predeterminadas.
  4. Selecciona una familia tipográfica en el menú desplegable.
  5. Selecciona el grosor de la fuente en el menú desplegable. También puedes seleccionar «Negrita» en el menú desplegable.
  6. Es la primera opción en el menú Fuentes predeterminadas.
  7. Selecciona una familia tipográfica en el menú desplegable.
  8. Selecciona el grosor de la fuente en el menú desplegable.
  9. Es la primera opción en el menú Fuentes predeterminadas.
  10. Selecciona una familia tipográfica en el menú desplegable.
  11. Selecciona el grosor de la fuente en el menú desplegable.
  12. Es la primera opción en el menú Fuentes predeterminadas.
  13. Selecciona una familia tipográfica en el menú desplegable.
  14. Selecciona el grosor de la fuente en el menú desplegable.
  15. Está en la esquina superior derecha de la barra lateral.
    Anuncio
Parte 5
Parte 5 de 11:

Agregar un encabezado

PDF download Descargar el PDF
  1. Esto regresará la barra lateral al menú por defecto.
  2. 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.
  3. 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.
  4. 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.
  5. 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
Parte 6
Parte 6 de 11:

Agregar el cuerpo del texto

PDF download Descargar el PDF
  1. 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.
  2. 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.
  3. 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.
  4. 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
Parte 7
Parte 7 de 11:

Agregar una imagen

PDF download Descargar el PDF
  1. El cuadro Imagen tiene un ícono que se asemeja a una foto de montañas con un sol.
  2. Es el cuadro grande y gris de la barra lateral. Esto abrirá una ventana emergente.
  3. 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.
  4. 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.
  5. Está en la esquina inferior derecha del navegador de archivos. Esto subirá el archivo de imagen y lo mostrará en la sección.
  6. 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.
  7. 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.
  8. Si deseas agregar una descripción a la imagen, usa el cuadro de texto al lado de «Subtítulo» para ingresar la descripción.
  9. 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
Parte 8
Parte 8 de 11:

Agregar un video

PDF download Descargar el PDF
  1. El cuadro de video tiene un ícono que se asemeja al logo de YouTube.
  2. En el menú desplegable al lado de «Tipo de video», selecciona YouTube o Vimeo.
  3. En el cuadro debajo del enlace, copia y pega el enlace del video de YouTube o Vimeo.
  4. 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.
  5. 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
Parte 9
Parte 9 de 11:

Agregar botones

PDF download Descargar el PDF
  1. 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.
  2. 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.
  3. El cuadro Botón tiene un ícono que se asemeja al cursor de un mouse haciendo clic en un botón.
  4. Ingresa lo que quieres que diga el botón en el cuadro de texto al lado de «Texto».
  5. En el cuadro al lado de «Enlace», agrega la URL de la página que quieres enlazar al botón.
  6. 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.
  7. 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.
  8. En el menú desplegable, selecciona un ícono para que se posicione al lado del texto del botón.
  9. En el próximo menú desplegable, selecciona si quieres colocar el ícono antes o después del texto.
  10. 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
Parte 10
Parte 10 de 11:

Agregar un separador

PDF download Descargar el PDF
  1. Los separadores son líneas sólidas que van en medio de las secciones en un sitio web.
  2. En el menú desplegable al lado de «Estilo», selecciona el estilo de la línea. Se puede seleccionar sólido, doble, punteado o rayado.
  3. Ajusta el grosor de la línea con la barra deslizadora debajo de «Peso».
  4. Haz clic en el cuadro al lado de color para seleccionar el color de la línea.
  5. Ajusta cuánto de la sección ocupará la línea con la barra deslizadora debajo de «Width».
  6. 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

Acerca de este wikiHow

Esta página ha recibido 759 visitas.

¿Te ayudó este artículo?

Anuncio