Guía primeros pasos WordPress

primeros-pasos-wp

¿Estás decidido a empezar a utilizar WordPress y no sabes por dónde empezar? Estás en el lugar adecuado 🙂 ya que en este post te vamos explicar los primeros pasos con WordPress.

No obstante, Si ya te manejas un poco con la herramienta , te recomendamos que consultes nuestra guía para crear una página web.

WordPress es un sistema de gestión de contenidos o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de cualquier tipo de página web. Originalmente alcanzó una gran popularidad en la creación de blogs, para convertirse con el tiempo en una de las principales herramientas para la creación de páginas web comerciales. Está desarrollado en el lenguaje PHP para entornos que ejecuten MySQL y Apache, bajo licencia GPL y es software libre.

Cómo instalar WordPress

El primer paso vamos a realizar es instalar WordPress en nuestro panel de Hosting: Cpanel o Plesk

Cómo instalar WordPress desde cPanel 

Si tu panel de hosting es CPanel este post te explicamos paso a paso cómo instalar WordPress en CPanel.

Cómo instalar WordPress desde Plesk

Si necesitas instalar WordPress desde Plesk te explicamos paso a paso aquí.

Como acceder al panel de administración de WordPress

Si hemos instalado WordPress anteriormente y queremos acceder a la administración de WordPress debemos seguir los siguientes pasos:
Hay dos maneras de acceder al panel administrativo de WordPress:

Cómo acceder al panel de administración de WordPress desde cPanel con Softaculous

1- Desde el menú principal de Cpanel, en el apartado Softaculous Apps Installer seleccionamos el icono de WordPress:

accceder-wordpress-cpanel-01

2- Una vez accedemos a Softaculous, en la parte inferior se encuentra el listado de instalaciones activas de WordPress

acceder-wordpress-cpanel-02

3- Seleccionamos el icono de admin y accedemos a nuestro escritorio de WordPress automáticamente.

Cómo acceder al panel de administración de WordPress desde Plesk

Si ya tenemos instalado nuestro sitio web con WordPress y queremos acceder a la administración de nuestro sitio para empezar a realizar cambios debemos seguir los siguiente pasos.
Nota: Esta opción solo aparece si hemos instalado WordPress automáticamente desde aplicaciones del panel Plesk:

Desde la pagina principal del panel Plesk “Sitios web y dominios” y desde sobre el dominio que contiene nuestro WordPress haremos clic en “Acceder”:
Panel de acceso a WordPress en Plesk

acceder-woprdpress-plesk

La aplicación del panel Plesk guarda los datos de inicio de sesión del usuario administrador desde que se crea el WordPress, por lo tanto accederemos automáticamente sin necesidad de introducir el nombre de usuario ni la contraseña del administrador:

Nota: Este acceso estará disponible siempre que no le cambiemos el nombre a la carpeta “wp-admin” por otro nombre.

Cómo acceder al panel de administración de WordPress desde el navegador

Si deseas acceder desde la URL de nuestro dominio, debemos escribir en el navegador de Internet la siguiente URL:
tudominio.com/wp-admin

(En vez de tudominio.com debe poner el nombre de su dominio)

Y a continuación introducir el nombre y contraseña del usuario administrador de WordPress:

acceder-wordpress-navegador

 

Podemos ver que ya tenemos acceso a la administración de WordPress:

acceder-wordpress-navegador-02

Cómo añadir un nuevo tema en WordPress

Para añadir un tema en WordPress necesitamos acceder al escritorio de WordPress y seguimos estos pasos:

1- En la barra lateral izquierda,  seleccionamos la opción “Apariencia” y en ella la opción “Temas”.

instalar-tema-wordpress

2- Seleccionamos la opción de añadir nuevo

instalar-tema-wordpress

3- En la nueva ventana pinchamos en Subir tema

4- Se nos abrirá una nueva ventana con un apartado de «Browser». Adjuntamos el archivo zip del tema que queremos instalar y pinchamos en Instalar ahora

instalar-tema-wordpress

5- Una vez instalado el tema (este proceso suele tardar, no te desesperes)  se nos mostrará un aviso del que el tema se ha instalado con éxito. Ahora pinchamos en Activar como vemos en la siguiente imagen

6- El tema se ha instalado con éxito.

instalar-tema-wordpress-05

7- Ahora tenemos que instalar y activar los plugins requeridos por el tema. Pinchamos en Begin Installing Plugins

Seleccionamos todos los plugins requeridos.

En el desplegable Acciones en lote buscamos  Install y pinchamos en Aplicar:

Una vez hemos instalado los plugins tenemos que activarlo. Una vez seleccionados todos los plugins buscamos Activate y pinchamos en Aplicar

10- Instalamos la demo elegida.

NOTA: Este tutorial lo hemos hecho con la Plantilla Bridge. Si estás utilizando otra plantilla es posible que la importación de la demo pueda encontrarse en otro lugar. Te recomendamos que consultes la guía completa del tema que hayas escogido.

En nuestro caso seleccionamos Qode Import (en otra plantilla busca opciones de importación):

  • En el primer desplegable seleccionamos la demo (generalmente cada una tiene un número o nombre)
  • Import Type: All
  • Marcamos la casilla de Import Attachements 

Y pulsamos en Import

importar-demo

¡Conseguido! Ahora si accedes a tu web, si todo ha salido correctamente, tendrás una copia exacta de la demo en tu web y podrás empezar a trabajar.

Ajustes básicos en WordPress

Ahora quiero explicarte los ajustes básicos e imprescindibles que tienes que hacer antes de comenzar crear tu página web:

En la barra lateral izquierda encontrarás el apartado Ajustes.

Ajustes lectura

En esta ventana podemos establecer cómo se mostrará el contenido en nuestra web

1- En el apartado Tu portada de muestra seleccionamos qué página va a aparecer cuando cualquier usuario entre en la página principal de nuestra web:

  • En el caso de que nuestra web sea un blog seleccionaremos Tus últimas entradas
  • Si tu página es de servicios optaremos por una página estática. En portada buscaremos la página de inicio de la web y en la página de entradas el blog.

2- Visibilidad en los motores de búsqueda

En líneas generales se refiere a si queremos que nuestra página web aparezca en los motores de búsqueda (Google), te recomendamos lo siguiente:

  • Nada más instalar WordPress en tu web marca la casilla disuadir motores de búsqueda
  • Una vez tu web esté lista para recibir visitas desmárcala.

Una vez realizados todos los ajustes pinchamos en guardar cambios.

ajustes-lectura-wordpress

Cómo configurar nuestras URL amigables

Estructura de urls

Una URL o Uniform Resource Locator (del inglés, localizador de recursos uniforme) nos es más que la dirección de un recurso en Internet, como lo es una página, una imagen o un video. Lo puedes entender como una dirección física, pero aplicada al mundo online.

Su formato nos es familiar a todos:

http://www.example.com/directorio/pagina.html

Se distingue por lo siguiente:

  • http:// – Indica el protocolo utilizado para acceder al recurso, en este caso Hypertext Transfer Protocol o protocolo de transferencia de hipertexto. Es el protocolo más común en Internet, aunque también son populares otros como FTP.
  • www – Es el subdominio donde se encuentra el recurso, que en este caso indica Word Wide Web. Al contrario de lo que muchos piensan, no es obligatorio y tampoco tiene por qué llamarse así. Fíjate que en el caso de los sitios alojados en WordPress.com y Blogger.com el subdominio es el nombre del blog.
  • example – Es el nombre del dominio, sin más.
  • .com – Es el nombre del dominio de nivel superior, que puede ser .com, .es, .net, .org o cualquier otro. A día de hoy existen más de 300 extensiones.
  • /directorio – Una carpeta de la que pueden colgar páginas y otros directorios.
  • /pagina – El nombre del documento.
  • .html – La extensión del documento, en este caso HTML pero no tiene por qué llevarla.

Porqué necesitas URL amigables

Supongamos que planeas comprarte una cámara fotos y has dado con dos tiendas que tienen el modelo que buscas.

La dirección del producto en la primera tienda es esta:

http://www.example.com/B001G5ZTLS/ref=sr_1_5?s=foto&ie=UTF8&qid=1365525726&sr=1-5

Y la dirección de la segunda esta:

http://www.example.com/camaras/reflex/canon-eos-5d-mark-2/

¿Cuál serías capaz de recordar? ¿La que incluye parámetros indescifrables, o la que está escrita en nuestro idioma? La respuesta está clara.

La primera es lo que se conoce como URL dinámica, y es un tipo de URL diseñada para ser manejada por máquinas. La segunda en cambio, es más apropiada para personas, y no es casualidad que sea la que prefieren los buscadores.

Es accesible. Es corta. Es fácil de recordar. De ahí que se denomina, URL amigable.

Ventajas de usar direcciones URL amigables:

  • Fácil de entender. Un usuario no necesita visitar la página para saber qué contiene porque ya lo describe claramente.
  • Posicionamiento SEO – Una URL legible te confiere más posibilidades de atraer tráfico orgánico, dado que las palabras que contiene son usadas para calcular la relevancia de la página (junto con otros factores como la etiqueta de título).
  • Proporciona mejores enlaces – Una buena URL tiene el beneficio adicional de servir de texto de enlace o anchor text cuando son copiadas y pegadas en otro sitios, como foros, blogs, etc. Por ejemplo, la URL amigable que hemos visto para la tienda de fotografía (http://www.example.com/camaras/reflex/canon-eos-5d-mark-2) da crédito al enlace para las palabras “camaras”, “reflex”, “canon”, “5d”, etc.

Configuración URL amigables en  WordPress

Tenemos que acceder desde el apartado: Ajustes<Enlaces Permanentes

ajustes-enlaces-permanetes-wordpress

Tenemos 6 opciones de configuración de las urls de nuestra web:

  • Un ajuste simple con número de página
  • Ajuste de fecha(día o mes) y nombre
  • Numérico
  • Nombre de la entrada
  • Personalizado: Con las etiquetas disponibles puedes editar tus URL en las páginas como quieras.

Escogeremos la opción nombre de la entrada y guardamos cambios.

Cómo instalar plugins en WordPress

Hay dos formas de añadir un plugin. La primera es descargarlo desde la pagina oficial de WordPress y añadirlo. La segunda es dentro del WordPress puedes buscar los plugins directamente.

Instalar un plugin desde el repositorio de WordPress

1- una vez hemos accedido a WordPress en la barra lateral izquierda. Seleccionamos PluginsAñadir nuevo

instalar-plugins-wordpress

2- En el buscador situado a la derecha escribimos el nombre del plugin que queremos instalar, en nuestro caso será Contact Form 7.

Seleccionamos el plugin y pinchamos en Instalar ahora:

instalar-plugins-worpress

3-  Una vez el plugin se haya instalado, tenemos que activarlo pinchando en el botón de Activar

instalar-plugins-wordpress

Instalar un plugin mediante un archivo zip

Aunque WordPress dispone de muchos plugins gratuitos. En ocasiones necesitamos instalar plugins premium como WPRocket o Monarch.

1- Una vez en el apartado de plugin (Plugins – Añadir nuevo) seleccionamos Subir plugin

instalar-plugins-wordpress

2- Buscamos el archivo zip del plugin y pinchamos en Instalar ahora:

3- Una vez el plugin está instalado pinchamos en Activar

WordPress SEO by Yoast

Se trata del plugin para SEO más utilizado, nos permite establecer los títulos y metadescripciones de nuestras páginas, crear sitemaps o establecer si la página debe o no ser indexada por Google. Se trata de una plugin gratuito que se puede descargar del repositorio de WordPress. Hay una versión Premium, pero con la gratuita es más que suficiente.

Como todos los plugins, se trata de instalarlo y activarlo en tu panel administrador de WordPress

plugin-yoast-seo

En la barra lateral izquierda, aparecerá un bloque específico de Yoast SEO con sus diferentes opciones de configuración:

plugin-yoast-seo-01

Para configurar Yoast SEO correctamente te recomiendo que consultes esta guía completa de Yoast SEO donde podrás toda la información.

Formulario de Contacto

En nuestra pagina web tener un formulario de contacto es fundamental. Para configurar correctamente tu formulario de contacto y añadirlo a tu página web te recomendamos que consultes nuestra guía para Crear un Formulario contacto en WordPress

Cómo cambiar logo en WordPress

Para cada tema que tengas instalado, tiene una configuración adaptada a ese tema.
Por ello, les explicaremos cómo configurar el logo con nuestro tema “Manual”.
Accedemos a WordPress y debemos ir a “Manual Options” (en mi caso) en la parte izquierda de la página y a “General” y configuraremos el apartado de “Logo Settings”.

Logotipo configuración WordPress

Aquí configuramos los aspectos sobre nuestro logotipo desde nuestro tema “Manual” como ejemplo.

    • Favicon

Es la imagen que se muestra junto a la barra de direcciones.
Veremos este ejemplo:
Imagen favicon configuración WordPress

    • Logo tema

Esta es la imagen que representa a nuestra web. Podremos subir una imagen o quitar la imagen como configuración

    • Logo tema blanco

WordPress aplicará esta imagen si se encuentra el fondo de la imagen (para el encabezado de la página)

Configuración WordPress logo

Para configurar la posición y el tamaño de la imagen es este apartado.

Una vez acabado, presionamos en “Guardar cambios” y se guardarán los cambios.

 

Conclusión

Sabemos que no es fácil en un primer momento familiarizarse con WordPress sobre todo si es la primera vez que utilizas este CMS. Esperamos que nuestra guía de primeros pasos en WordPress te haya ayudado en tu primera toma de contacto con la herramienta. Si tienes alguna duda puedes dejarla en comentarios así como si necesitas más información.

Posts Relacionados

Dejar un comentario

Acepto la política de privacidad

RESPONSABLE: DESAFIO INTERNET SL
FINALIDAD PRINCIPAL: Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
LEGITIMACIÓN: Consentimiento del interesado.
DESTINATARIOS: No se cederán datos a terceros, salvo autorización expresa u obligación legal
DERECHOS: Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, transparencia y derecho a no ser objeto de decisiones automatizadas.
INFORMACIÓN ADICIONAL: Puede consultar la información adicional y detallada sobre nuestra Política de Privacidad y Aviso Legal ADICIONAL: Puede consultar la información adicional y detallada sobre nuestra Política de Privacidad y Aviso Legal

*

Share This