Cómo diseñar temas de wordpress

Thysteachines para personalizar y diseñar temas para WordPress.El diseño de los temas de WordPress desde cero puede ser un proceso largo que implica una gran cantidad de codificación, pero hay aplicaciones que pueden simplificar el proceso.Una aplicación es un complemento de WordPress llamado Elementor que se puede instalar desde el panel de pantalla de WordPress.

Pasos

Parte 1 de 11:
Instalación de elementor
  1. Imagen titulada Diseño Temas de WordPress Paso 1
1. Inicia sesión en WordPress.Después de instalar WordPress en su servidor, puede iniciar sesión en el panel de WordPress escribiendo la URL para su sitio web en un navegador web seguido / WP-Admin (por ejemplo,, Mi sitio web.com / wp-admin.Luego escriba su nombre de usuario y contraseña para iniciar sesión.
  • haga clic aquí Para leer sobre cómo instalar WordPress en su servidor web.
  • Imagen titulada Diseño Temas de WordPress Paso 2
    2. Hacer clic Complementos.Está en la barra lateral a la izquierda.Es al lado de un icono que se asemeja a un tapón eléctrico.
  • Imagen titulada Diseño Temas de WordPress Paso 3
    3. Hacer clic Añadir nuevo.Está en la esquina superior izquierda de la página de complementos.
  • Imagen titulada Diseño Temas de WordPress Paso 4
    4. Tipo Elemento En la barra de búsqueda y presione ↵ entrar.Esto mostrará una lista de complementos que coincidan con su búsqueda.
  • Imagen titulada Diseño Temas de WordPress Paso 5
    5. Hacer clic Instalar ahora en la caja que dice "Constructor de página elementor".Es el complemento que tiene un icono púrpura y rosa con cuatro barras blancas en forma de capital "mi".Esto instalará el constructor de páginas de elementor como un complemento para su sitio web de WordPress.
  • Imagen titulada Diseño Temas de WordPress Paso 6
    6. Hacer clic Activar.Después de instalar el elemento, este botón aparecerá junto al encabezado en el cuadro de complementos elementor.
  • Parte 2 de 11:
    Creando una nueva página con elementor
    1. Imagen titulada Diseño Temas de WordPress Paso 7
    1. Hacer clic Tablero.Está en la parte superior de la barra lateral a la izquierda de WordPress.
  • Imagen titulada Diseño Temas de WordPress Paso 8
    2. Hacer clic + Crear nueva página.Está enfrente del elemento debajo del encabezado que dice "Visión general del elementor".Está en la primera columna.Esto abrirá un editor de página visual.
  • Imagen titulada Diseño Temas de WordPress Paso 9
    3. Hacer clic
    Imagen titulada WindowsSettings.jpg
    .Es el icono que se asemeja a un engranaje en la esquina inferior izquierda de la barra lateral.Esto abrirá el menú de configuración.
  • Imagen titulada Diseño Temas de WordPress Paso 10
    4. Escriba un título.Usa el cuadro de texto a continuación "Título" Para escribir el título de su página.El título irá en la parte superior de la página.
  • Si no desea tener un título, haga clic en el interruptor de "Ocultar título".
  • Imagen titulada Diseño Temas de WordPress Paso 11
    5. Seleccione un diseño de página.Utilice el menú desplegable a continuación "Diseño de página" Para seleccionar una plantilla para su página.
  • Parte 3 de 11:
    Selección de colores predeterminados
    1. Imagen titulada Diseño Temas de WordPress Paso 12
    1. Hacer clic .Está en la esquina superior izquierda de la barra lateral del elemento a la izquierda.
  • Imagen titulada Diseño Temas de WordPress Paso 13
    2. Hacer clic Colores predeterminados.Es la primera opción en el menú de la barra lateral debajo del "Estilo" encabezamiento.
  • Imagen titulada Diseño Temas de WordPress Paso 14
    3. Seleccione una paleta de colores.Puede seleccionar una paleta de la lista debajo del encabezado que dice "Más paletas", O haga clic en los cuadros en la parte superior de la barra lateral para seleccionar un color para los colores primarios, secundarios, de texto y acento.Use la caja de color para seleccionar un color, o ingrese el código HEX de color en la barra en la parte superior.
  • Imagen titulada Diseño Temas de WordPress Paso 15
    4. Hacer clic Solicitar.Está en la esquina superior derecha del menú de la barra lateral.
  • Parte 4 de 11:
    Selección de fuentes predeterminadas
    1. Imagen titulada Diseño Temas de WordPress Paso 16
    1. Hacer clic .Está en la esquina superior izquierda de la barra lateral del elemento a la izquierda.
  • Imagen titulada Diseño Temas de WordPress Paso 17
    2. Hacer clic Fuentes predeterminadas.Es la segunda opción bajo el "Estilo" encabezado en la barra lateral.
  • Imagen titulada Diseño Temas de WordPress Paso 18
    3. Hacer clic Titular primario.Es la primera opción en el menú de fuentes predeterminado.
  • Imagen titulada Diseño Temas de WordPress Paso 19
    4. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
  • Imagen titulada Diseño Temas de WordPress Paso 20
    5. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.También puedes seleccionar "Negrita" En el menú desplegable.
  • Imagen titulada Diseño Temas de WordPress Paso 21
    6. Hacer clic Titular secundario.Es la primera opción en el menú de fuentes predeterminado.
  • Imagen titulada Diseño Temas de WordPress Paso 22
    7. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
  • Imagen titulada Diseño Temas de WordPress Paso 23
    8. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
  • Imagen titulada Diseño Temas de WordPress Paso 24
    9. Hacer clic Cuerpo de texto.Es la primera opción en el menú de fuentes predeterminado.
  • Imagen titulada Diseño Temas de WordPress Paso 25
    10. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
  • Imagen titulada Diseño Temas de WordPress Paso 26
    11. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
  • Imagen titulada Diseño Temas de WordPress Paso 27
    12. Hacer clic Texto de acento.Es la primera opción en el menú de fuentes predeterminado.
  • Imagen titulada Diseño Temas de WordPress Paso 28
    13. Seleccione una familia de fuentes.Utilice el menú desplegable para seleccionar una familia de fuentes.
  • Imagen titulada Diseño Temas de WordPress Paso 29
    14. Seleccione un peso.Use el menú desplegable para seleccionar qué gruesa es la fuente.
  • Imagen titulada Diseño Temas de WordPress Paso 30
    15. Hacer clic Solicitar.Está en la esquina superior derecha de la barra lateral.
  • Parte 5 de 11:
    Añadiendo un toque
    1. Imagen titulada Diseño Temas de WordPress Paso 31
    1. Haga clic en Fuera de la barra lateral.Esto devolverá la barra lateral al menú predeterminado.
  • Imagen titulada Diseño Temas de WordPress Paso 32
    2. Arrastra el plazo de la sección a la sección.El cuadro de encabezado es la caja que tiene una gran capital "T".Está en la parte superior derecha del menú de la barra lateral.La sección es el cuadrado con el contorno punteado en la página principal.Esto girará la sección en el texto de la partida.Una nueva sección en blanco aparecerá debajo del encabezado.
  • Imagen titulada Diseño Temas de WordPress Paso 33
    3. Escriba el encabezado.Puede hacer clic en el encabezado en la página principal y escriba el encabezado o use el cuadro de texto en la barra lateral para escribir el encabezado.
  • Imagen titulada Diseño Temas de WordPress Paso 34
    4. Seleccione el tamaño del encabezado.Utilice el menú desplegable junto a "Tamaño" Para seleccionar el tamaño del encabezado.
  • También puede usar el cuadro de etiqueta HTML para seleccionar el tamaño de fuente.
  • Imagen titulada Diseño Temas de WordPress Paso 35
    5. Seleccione alineación.Haga clic en uno de los cuatro cuadrados en la parte inferior del menú de la barra lateral para seleccionar la alineación.Puede alinear el texto a la izquierda, al centro, a la derecha, o justificado a través de toda la sección.
  • Si desea utilizar una fuente o color diferente del valor predeterminado, puede hacer clic en "Estilo" en la parte superior del menú de la barra lateral y seleccione un color y una fuente diferentes para el texto.
  • Parte 6 de 11:
    Añadiendo texto corporal
    1. Imagen titulada Diseño Temas de WordPress Paso 36
    1. Hacer clic Nueva sección.Esto le dará la opción de crear secciones dentro de una sección.Verás una lista de formas de dividir la sección.
  • Imagen titulada Diseño Temas de WordPress Paso 37
    2. Haga clic en una estructura de sección.Hay varias formas en que puede dividir la sección.Puede agregar varias columnas, o una barra lateral a la izquierda o hacia la derecha, o ambos.Haga clic en el botón con la imagen que se parece más a la forma en que desea el diseño de su texto del cuerpo.
  • Imagen titulada Diseño Temas de WordPress Paso 38
    3. Arrastre el cuadro de editor de texto a la (s) sección (s) donde desea 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 texto.Puede arrastrarlo a cualquier sección en la página principal.
  • Imagen titulada Diseño Temas de WordPress Paso 39
    4. Tipo de texto corporal.Use el cuadro de texto en la barra lateral para escribir el texto de su cuerpo.La barra de herramientas en la parte superior del cuadro de texto le permite agregar letras en negrita, cursiva, subrayado, numeradas y listas de bala e hipervínculos.El último botón, que se asemeja a dos rectángulos con cajas en ellos, expande la barra de herramientas para obtener más opciones de formato.
  • Si desea utilizar una fuente o color diferente del valor predeterminado, puede hacer clic en "Estilo" en la parte superior del menú de la barra lateral y seleccione un color y una fuente diferentes para el texto.
  • Parte 7 de 11:
    Añadiendo una imagen
    1. Imagen titulada Diseño Temas de WordPress Paso 40
    1. Arrastre el cuadro de imagen a una sección.La caja de la imagen tiene un icono que se parece a una imagen de montañas y un sol.
  • Imagen titulada Diseño Temas de WordPress Paso 41
    2. Hacer clic Elige tu imagen.Es la gran caja gris en la barra lateral.Esto mostrará una ventana emergente.
  • Imagen titulada Diseño Temas de WordPress Paso 42
    3. Hacer clic Selecciona archivos.Es el botón grande en el centro de la ventana emergente.Esto abrirá un navegador de archivos que puede usar para seleccionar archivos de imagen.
  • Imagen titulada Diseño Temas de WordPress Paso 43
    4. Haga clic en un archivo de imagen.Usando el navegador de archivos, navegue hacia y haga clic para seleccionar una imagen que desea cargar.El tamaño máximo de archivo es 2 megabytes.
  • Imagen titulada Diseño Temas de WordPress Paso 44
    5. Hacer clic Abierto.Está en la esquina inferior derecha del navegador de archivos.Esto subirá el archivo de imagen y lo visualizará en la sección.
  • Imagen titulada Diseño Temas de WordPress Paso 45
    6. Seleccione el tamaño de la imagen.Use el menú desplegable debajo de la imagen para seleccionar el tamaño de la imagen.Hay una variedad de tamaños y dimensiones para elegir.
  • Imagen titulada Diseño Temas de WordPress Paso 46
    7. Seleccione alineación.Use las tres cajas debajo del menú desplegable tamaño de imagen para elegir la alineación de la imagen.Puede alinear la imagen a la izquierda, el centro o la derecha de la sección.
  • Imagen titulada Diseño Temas de WordPress Paso 47
    8. Añadir un título (opcional).Si desea agregar un título a la imagen, use el cuadro de texto a través de "Subtítulo" Para escribir un título.
  • Imagen titulada Diseño Temas de WordPress Paso 48
    9. Añadir un enlace (opcional).Si desea agregar un enlace, use el menú desplegable en la parte inferior de la barra lateral para agregar un enlace a una URL o archivo de medios.
  • Parte 8 de 11:
    Añadiendo video
    1. Imagen titulada Diseño Temas de WordPress Paso 49
    1. Arrastre la caja de video a la sección.La caja de video tiene un icono que se asemeja al logotipo de YouTube.
  • Imagen titulada Diseño Temas de WordPress Paso 50
    2. Seleccione Tipo de Video.Utilice el menú desplegable de "Tipo de video" Para seleccionar Youtube o Vimeo.
  • Imagen titulada Diseño Temas de WordPress Paso 51
    3. Añadir video enlace.Use la caja debajo del enlace para copiar y pegar el enlace de video de YouTube o Vimeo.
  • Imagen titulada Diseño Temas de WordPress Paso 52
    4. Ajustar las opciones de video.Utilice los interruptores para activar o desactivar las siguientes opciones.
  • Auto-reproducción reproducirá el video automáticamente cuando se carga la página.
  • Videos sugeridos mostrará videos sugeridos cuando se realice el video.
  • Control del jugador le da al espectador la opción de detener o reproducir el video, así como saltar a ciertas partes del video.
  • Título del jugador y acciones Muestra el título del video y las opciones en la esquina superior derecha.
  • Modo privado no almacenará datos de visitantes cuando esté habilitado.
  • Imagen titulada Diseño Temas de WordPress Paso 53
    5. Añadir la superposición de la imagen (opcional).Si desea agregar una superposición de imágenes, haga clic en "Superposición de la imagen" en la parte inferior de la barra lateral.Haga clic en el interruptor al lado de "Superposición de la imagen" y luego haga clic en la caja gris grande para cargar una imagen para usar como una superposición.
  • Parte 9 de 11:
    Añadiendo botones
    1. Imagen titulada Diseño Temas de WordPress Paso 54
    1. Hacer clic Nueva sección.Esto le dará la opción de crear secciones dentro de una sección.Verás una lista de formas de dividir la sección.
  • Imagen titulada Diseño Temas de WordPress Paso 55
    2. Haga clic en una estructura de sección.Hay varias formas en que puede dividir la sección.Puede agregar varias columnas, o una barra lateral a la izquierda o hacia la derecha, o ambos.Haga clic en el botón con la imagen que se parece más a la forma en que desea el diseño de sus botones.
  • Imagen titulada Diseño Temas de WordPress Paso 56
    3. Arrastre el cuadro de los botones a una sección.La caja de botones tiene un icono que se asemeja a un cursor del mouse haciendo clic en un botón.
  • Imagen titulada Diseño Temas de WordPress Paso 57
    4. Escriba el botón de texto.Escriba lo que desea que diga el botón en el cuadro de texto de entre "Texto".
  • Imagen titulada Diseño Temas de WordPress Paso 58
    5. Añadir un enlace de botón.Usa la caja junto a "Enlace" Para agregar la URL de la página, desea que el botón enlace con.
  • Imagen titulada Diseño Temas de WordPress Paso 59
    6. Seleccione la alineación del botón.Usa las cuatro cajas a continuación "Alineación" Para alinear el botón a la izquierda, derecha, centro o justificado en toda la sección.
  • Imagen titulada Diseño Temas de WordPress Paso 60
    7. Seleccione el tamaño del botón.Utilice el menú desplegable de "Tamaño" Para seleccionar el tamaño del botón.Puede seleccionar extra pequeño, pequeño, medio, grande o extra grande.
  • Imagen titulada Diseño Temas de WordPress Paso 61
    8. Seleccione el icono del botón.Use el menú desplegable para seleccionar un icono para ir al lado del botón de texto.
  • Imagen titulada Diseño Temas de WordPress Paso 62
    9. Seleccione la posición del icono.Use el siguiente menú desplegable para seleccionar si desea que el icono vaya antes o después del texto.
  • Imagen titulada Diseño Temas de WordPress Paso 63
    10. Seleccione el estilo del botón (opcional).Si desea más opciones para diseñar el botón, puede hacer clic en "Estilo" en la parte superior de la barra lateral.Aquí puede cambiar el color del botón, el color de texto y la fuente, así como seleccionar un borde para el botón.
  • Parte 10 de 11:
    Añadiendo un divisor
    1. Imagen titulada Diseño Temas de WordPress Paso 64
    1. Arrastre la caja divisoria a una sección.Los divisores son líneas de sólidos que van entre secciones en una página web.
  • Imagen titulada Diseño Temas de WordPress Paso 65
    2. Seleccionar estilo divisor.Utilice el menú desplegable junto a "Estilo" Para seleccionar el estilo de línea.Puede seleccionar sólidos, dobles, punteados o discontinuos.
  • Imagen titulada Diseño Temas de WordPress Paso 66
    3. Seleccione peso.Utilice la barra deslizante debajo "Peso" Para ajustar el grosor de la línea.
  • Imagen titulada Diseño Temas de WordPress Paso 67
    4. Seleccionar el color.Haga clic en el cuadro de color de color para seleccionar el color de la línea.
  • Imagen titulada Diseño Temas de WordPress Paso 68
    5. Seleccione la línea de ancho.Usa la barra deslizante debajo "ancho" Para ajustar la cantidad de la sección que ocupará la línea.
  • Imagen titulada Diseño Temas de WordPress Paso 69
    6. Seleccione alineación.Haga clic en una de las tres cajas a continuación "alineación" Para seleccionar la alineación de la línea.Puede alinearlo a la izquierda, derecha o centro de la sección.
  • Parte 11 de 11:
    Añadiendo widgets y publicar
    1. Imagen titulada Diseño Temas de WordPress Paso 70
    1. Arrastre cualquier widget a la sección deseada.Hay muchos widgets en la barra lateral que le permiten agregar pestañas, galerías de imágenes, iconos de redes sociales, barras laterales y más.Hay lotes para jugar y experimentar con.
  • Imagen titulada Diseño Temas de WordPress Paso 71
    2. Hacer clic Publicar.Es el botón verde en la esquina inferior izquierda de la barra lateral.Haga clic aquí cuando haya terminado de diseñar su tema y sus páginas.
  • Artículos Relacionados