WordPress

Nombre del Sitio Web

Enlaces permanente

COMO FUNCIONA WORDPRESS

Front End - Back End

WordPress - Contenido

Trabajar con 2 pestañas

Elementos de un Sitio Web

La creación de un Sitio Web

 Crea las páginas de tu sitio web sin contenido de momento (Quienes Somos, Servicios, Contacto, etc.). Visita el aparatado ► Creación de páginas donde se explica como llevar a cabo esta acción. Creación de páginas  Si incorporas un blog dentro de tu sitio web/blog deberás crear las ► Categorías de entradas. En caso de que tu sitio sea únicamente un blog de noticias y no será necesario crear las páginas de (Quienes somos, servicios, etc.) olvida el punto 1. Categorías de entradas  ► Crea algunas entradas de prueba y ► Asígnales una categoría para que puedas visualizarlas en el front-end de tu sitio web/blog. Crea algunas entradas Asígnales una categoría  Modifica el aspecto de tu sitio web/blog a través de la ► Instalación de un nuevo tema gratuito. Instalación de un nuevo tema gratuito

 El menú es el elemento principal de tu sitio web. Organiza la navegación del sitio a través de la ► Creación de un menú principal Creación de un menú principal  ► Define que contenido a mostrar en tu Página de inicio. Tus últimas noticias del Blog o una página estática. Define que contenido a mostrar en tu Página de inicio.  Comienza a completar las ► Páginas y las ► Entradas. Entradas  Define las ► Áreas de Widgets y los ► Widgets que utilizaras. Áreas de Widgets Widgets  Agrega nuevas funcionalidades a tu sitio web a través de la ► Instalación de plugins. Instalación de plugins.  Permite a los buscadores indexar tu sitio ► Habilitando la indexación para los buscadores. Habilitando la indexación para los buscadores  Avisa a los buscadores que tu sitio web ya esta terminado ► Enviando tu sitio web a los buscadores. Enviando tu sitio web a los buscadores.

TEMAS

 Trabajaremos sobre el tema Sparkling, el mismo esta traducido al castellano y cuenta con una gran cantidad de opciones de personalización a diferencia de otros temas gratuitos.  demo del tema Sparkling. demo del tema Sparkling.

Opciones de configuración

Modificación del logo (Apariencia/Personalizar)

 Un slider o slideshow es una galería de imágenes dinámica en donde cada una de las imágenes que las componen se vincula con algún contenido interno de tu sitio web. En la demo de Sparkling hay un slider de noticias en la página de inicio. Configuración slider principal

Opciones de diseño

Barra lateral

 Sparkling a diferencia de muchos otros temas gratuitos nos permite modificar el color de algunos de los elementos de nuestra web. ► Apariencia ► Themes Options dentro de la pestaña ► Principal y modifica los colores a tu gusto en ► Color del elemento y ► Color del elemento en hover. Cambiar color de los elementos

Modificar el Favicon

Llamada a la acción

Tipografía del tema

Personalizar la cabecera

Personaliza el pie de página

Vincula a redes sociales

PÁGINAS

 Cuando instalas WordPress, por defecto, viene con una entrada de blog y una “Página de ejemplo” creadas por defecto. La página de ejemplo la puedes ver en la sección “Páginas” del menú lateral izquierdo del panel de administración de WordPress.  Si entras en esta sección, verás que te aparece una lista de las páginas creadas (en este caso una sola que es la página de ejemplo) y te ofrece la posibilidad de crear más páginas en el enlace “Añadir nueva”. Si acercas el cursor del ratón al título podrás observar que se despliega un menú con las opciones: Editar, Edición rápida, Papelera y Ver. Haz clic en Editar.

Creación de una página

Añade un titulo a la nueva página y agrega el contenido. Añade solo el titulo y haz clic en ► Publicar.

Añadir contenido

Atributos de página

Como cambiar la página principal

 En la misma sección de Ajustes entra en el apartado “Lectura”. En “Página frontal de muestra” selecciona la opción “Una página estática” y en el campo desplegable “Página inicial” selecciona “Página de ejemplo”. Haz clic en “Guardar cambios”. Al seleccionar esta opción, WordPress tomará como página de inicio de tu sitio la página “estática” que le has indicado en el campo desplegable. Si tuvieras más páginas creadas, te aparecerían en este campo desplegable.

Comentarios en una Página/Entrada

 Dirígete a la sección “Ajustes” y entra en el apartado “Enlaces permanentes”. Selecciona “Nombre entrada” y verás que en el campo “Estructura personalizada te aparezca algo como esto: /%postname%/. Haz clic en “Guardar cambios”.  Con esto le estarás indicando a WordPress que las URL de tus páginas tendrán el nombre del título de tu página.

 Inserción de imágenes en páginas  Inserción de galería de imágenes  Asignar una imagen estática  Enlace de texto  Mapa dinámico Otras funciones para páginas

Inserción de imágenes en páginas

 ► Páginas ► Todas las páginas y haz clic sobre la página en la que quieres añadir la imagen.  Ubicar el cursor donde queramos que aparezca la imagen.  Hacer clic en el botón ► Añadir Objeto.  Selecciona una foto desde tu ordenador haciendo clic en ► Selecciona archivos para que sea publicada dentro del contenido de tu entrada/página. Asignar una imagen estática

 Una vez seleccionado el archivo desde tu ordenandor debes completar los atributos de la imagen, asignarle la alineación (izquierda, derecha o centro) con respecto al texto y para finalizar hacer clic en ► Insertar en la entrada/página.

Imagen destacada

Inserción de Galería de Imágenes

 ► Páginas ► Todas las páginas y haz clic sobre la página en la que quieres añadir la imagen.  Ubicar el cursor donde queramos que aparezca la imagen.  Hacer clic en el botón ► Añadir Objeto.  Selecciona una foto desde tu ordenador haciendo clic en ► Selecciona archivos para que sea publicada dentro del contenido de tu entrada/página.  ► Crear Galería y selecciona las imágenes una a una desde tu ordenador o también puedes seleccionar imágenes de la librería multimedia para terminar haz clic en ► Crear Galería. Galería de imágenes

 Modifica el orden de las imágenes arrastrándolas, selecciona la cantidad de columnas y haz clic en ► Inserta galería

Inserción de vídeo

 Recuerda siempre que tu blog/web debe que tener contenido de calidad. Los videos consiguen que los usuarios permanezcan mas tiempo en nuestro sitio web.  Nota Importante: Ten en cuenta que siempre que quieres insertar un video propio en tu blog/web deberás subirlo primero a Youtube o Vimeo.  Entra en Youtube, selecciona el video que quieras insertar en tu sitio web/blog y ► Copia la URL del Video. Inserción de un vídeo

Enlace de texto

 Los enlaces de texto son utilizados con el fin de ampliar la información o redirigir al usuario a otro sitio web.  Dentro del contenido de tus páginas/entradas puedes crear enlaces de texto, para esto deberás primero ► Seleccionar el texto que quieres enlazar y hacer clic en el botón de ► Enlace como lo muestra la siguiente imagen.

Mapa dinámico

 Para insertar un mapa primero entra en ► Google Maps Google Maps  Busca la dirección específica de tu negocio.

 Una vez copiado el código edita una de tus entradas/paginas y selecciona la pestaña ► Texto y pega el código.  Recuerda hacer clic en ► Actualizar para guardar las modificaciones.

ENTRADAS