Núria PimPam

Generalmente el hosting esta configurado con parámetros que limitan los recursos de la web, y esto puede generar alguna limitación en ciertas circunstancias, por lo que es muy recomendable ajustar estos parámetros de inicio para ya tener los limites ajustados.

Aquí vemos como hacerlo en paneles CPanel, si se utiliza otro panel distinto habria que buscar donde configurar esto.

Como configurar opciones básicas de PHP INI
Entramos a CPANEL (dominio.com/cpanel)
Dirígete a Software / MultiPHP INI Editor
Una vez dentro selecciona el dominio que te interesa
Cambiar los datos al menos a los de la imagen
Acuérdate de darle a "Aplicar" para que se guarden los cambios

[Cerrar]

Hay dos opciones de Instalar WordPress:

1.- Instalarlo desde CPanel
&emsp Accedes al CPanel al final del todo en Softaculous y en WordPress
&emsp Sigues pasos.
&emsp Cosas a tener en cuenta: Cambiar el prefijo de la BBDD



2.- Instalación manual:

&emsp Paso 1: Descargar la última versión de Wordpress en https://es.wordpress.org/download (ZIP).

&emsp Paso 2: Acceder al hosting → Administrador de archivos → Ir a la carpeta Public_html → Cargar el archivo ZIP del Wordpress.

&emsp Paso 3: Extraer el archivo ZIP (creará una carpeta "Wordpress" con todos los archivos dentro). Entra a esa carpeta, selecciona todos los archivos y haz clic en "mover" para moverlos a la carpeta anterior (public_html). Ahora podemos borrar la carpeta "Wordpress (ahora vacía)" y el archivo ZIP.

&emsp Paso 4: Desde el CPanel, ir al Asistente de bases de datos MySQL y crear una base de datos y un usuario (Guarda el nombre de la base de datos, el usuario y la contraseña). Al crear el usuario, dale TODOS los permisos seleccionándolos todos.

&emsp Paso 5: En el administrador de archivos, en public_html, busca el archivo wp-config-sample.php y lo renombramos a wp-config.php. Luego, le damos a "Editar" y dentro del archivo debemos cambiar "DB_name + DB_user + DB_password"por los datos de la base de datos creada. También, en $table_prefix = 'wp_'; ponemos otro prefijo. Por ejemplo, $table_prefix = 'ffwp_.

&emsp Paso 6: Entramos a la URL del dominio y nos saldrá un formulario de Wordpress que debemos rellenar con nombre, descripción, correo administrador (usa el tuyo), usuario, contraseña, etc... y guardarlo en ROBOFORM con el nombre de la web
[Cerrar]

Normalmente utilizamos el tema Astra para WordPress.
Instalar y activar el tema Astra.
Ir a herramientas → Temas hijo (necesario haber instalado el plugin "Child Theme Configurator" antes).
Crear el tema hijo de Astra siguiendo los pasos.
Activar el tema Astra Child. [Cerrar]

Borrar los plugins por defecto de Wordpress (Hello dolly, etc...). [Cerrar]

Eliminar las páginas, entradas y temas que vienen por defecto en Wordpress. [Cerrar]

Para redirigir el trafico de http:// a https:// hay que hacer una redirección:

Ir al administrador de archivos y buscar el archivo ".htaccess". Si no lo encuentras, puede ser que esté oculto. Para verlo en ese caso, hacer clic arriba a la derecha en "Configuración" y darle a "Mostrar archivos ocultos (dotfiles)".

Abre el archivo y pega este código:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] [Cerrar]

En el Escritorio del WordPress ir a Ajustes -> Generales

Rellenar los tres primeros campos:
Título del sitio.
Descripción corta. -> Frase que describa el negocio
Icono del sitio (Favicon). [Cerrar]

Revisar que la última checkbox "Pedir a los motores de búsqueda que no indexen este sitio" esté desactivada (por lo general, ya estará desactivada por defecto, pero hay que revisarlo). [Cerrar]

Cambiar la estructura de enlaces permanentes a "Nombre de la entrada" [Cerrar]

Ir a escritorio → Actualizaciones y desactivar actualizaciones automáticas.
Debe leerse:
Este sitio se mantiene al día automáticamente solo con las versiones de mantenimiento y seguridad de WordPress. [Cerrar]

Instalar y activar los siguientes plugins. (Habituales, aún que podría variar en función del proyecto) :

Child Theme Configurator. → Sirve para crear el tema hijo.
Elementor (versión gratuita). → Constructor web.
ElementsKit → Añade funcionalidades al constructor web.
ElementsKit PRO -> (activar licencia premium)

BitForm (lleva honeypot, SMTP)
o
Contact Form 7. → Sirve para crear los formularios de contacto.
Honeypot for contact form 7. → Sirve para que no llegue Spam.



Shortpixel (activar licencia premium). → Optimiza las imágenes.
&emsp Instalar y activar el plugin: ShortPixel.
&emsp Ir a la web de shortpixel, iniciar sesión y en API Keys "https://shortpixel.com/show-api-key", ir abajo de todo, hasta la opción que permite generar una nueva API key. Poner el dominio y darle a "Generate".
Ahora copias la API key para ese dominio, y vuelves a la web. Vas a Shortpixel → settings y pegas la API key para activar la licencia.
&emsp Ya puedes configurarlo para optimizar las imágenes de la web en Lote. Una vez optimizadas las imágenes, dejar el plugin si se seguirán subiendo imágenes en el futuro, o quitarlo si no se van a subir más imágenes.

Alttext (activar licencia premium). → Pone el atributo alt a las imágenes mediante IA.

&emsp Instalar y activar el plugin: Alttext.
&emsp Ir a la web de AltextAI, iniciar sesión y en Account → API Keys "https://alttext.ai/account/api_keys", darle a + New API Key. Poner el dominio y darle a "Create".
&emsp Ahora copias la API key para ese dominio, y vuelves a la web. Vas a Alttext→ settings y pegas la API key para activar la licencia, marcas Español (o el idioma de la web) y también la opción de "Also set the image title with the generated alt text.". Luego guarda los cambios.
&emsp Ya puedes ver la sección "Bulk generate", que te permitirá darle a un botón y empezará el proceso de poner automáticamente los atributos alt a todas las imágenes (puedes añadir Keywords interesantes para la web para que lo tenga en cuenta).
[Cerrar]

Si la web se esta desarrollando en el dominio final, lo mejor es ponerlo en mantenimiento:

En el caso de trabajar con Elementor:
Elementor → Herramientas → Pestaña "Modo Mantenimiento"

Escoge Modo: "Mantenimiento"
Quién puede acceder: "Conectado"
Escoger plantilla: → Editar plantilla

Esta plantilla debe de poner en el centro : PÁGINA EN MANTENIMIENTO
(Se puede añadir el logo en el centro)

En la edición del Elementor ir abajo a la izquierda para configurar la página:
[Cerrar]

Debes prefijar las fuentes a utilizar en la web. Primero debes de saber que fuentes están definidas en el diseño.
También debes de fijar los colores: El principal y secundario

Opción A — Mandan los ajustes de Elementor

&emsp Elementor → Ajustes del sitio
&emsp Abre cualquier página con Elementor → ⚙️ (icono hamburguesa arriba izq.) → Ajustes del sitio.
&emsp Colores globales: define tu paleta (Primario, Secundario, Texto, Acento…).
&emsp Fuentes globales: define Títulos (H1–H6) y Texto base.
&emsp Elementor → Ajustes → General (en el panel de WordPress)
&emsp NO marques “Desactivar colores por defecto” ni “Desactivar fuentes por defecto”.
&emsp Así, los widgets (incluido ElementsKit) tomarán los globales de Elementor.
&emsp Astra (Customizer)
&emsp Déjalo sin forzar colores/fuentes (o en neutro) para que no sobrescriba.
&emsp Resultado: Elementor gobierna y ElementsKit hereda de Elementor.

Opción B — Mandan los ajustes del tema Astra

&emsp Apariencia → Personalizar (Customizer) → Global
&emsp Typography: elige la fuente para texto y headings.
&emsp Colors: define la paleta (texto, enlaces, fondo, etc.).
&emsp Elementor → Ajustes → General
&emsp Marca “Desactivar colores por defecto” y “Desactivar fuentes por defecto”.
&emsp Esto hace que Elementor herede del tema (Astra).
&emsp Elementor → Ajustes del sitio
&emsp No definas colores/fuentes globales que contradigan al tema (o déjalos por defecto).

Resultado: Astra gobierna y Elementor/ElementsKit heredan del tema. [Cerrar]

Si el proyecto se ha realizado con Elementor y/o ElementsKit:

Crea el header y Footer desde ElementsKit -> Header Footer [Cerrar]

Crear de la web que se vea bien estéticamente y funcione todo (homogeneo, estetica, margenes, proporciones...). [Cerrar]

Dentro del plugin, tienes 2 pestañas:

Formulario: Esta pestaña es la estructura del formulario con código.
Correo: Esta pestaña es la configuración del formulario (quien envía, donde llega, etc...).

Plantilla para poner en la plantilla de formulario (Lo de honeypot es para evitar el Spam): Después de probar el formulario, pasale el código al ChatGPT diciendole que te lo de igual pero cambie los estilos a los que tu quieras (colores de tu web, enlace de política de privacidad a tu web, etc...). Ten en cuenta, que el campo de checkbox de aceptación de la política de privacidad, tendrás que cambiar "acceptance-273" haciendo clic en "Aceptación" y viendo el ID que debes ponerle.

[honeypot your-name]
[text* nom placeholder "Nombre"]
[email* your-email placeholder "Email"]
[text* your-subject placeholder "Asunto"]
[textarea* your-message placeholder "Mensaje"]
[acceptance acceptance-273] Acepto la <a href="https://tusitioweb.com/politica-de-privacidad/" target="_blank">política de privacidad</a> [/acceptance]
[submit "Enviar"]


Formularios (verificar que estén correctos, se envía bien el email, el receptor...).

Como remitente habría que poner: WordPress@dominio.com
Como asunto debe de poner ENVÍO DESDE WEB XXXXX (Donde XXXXX es el nombre del dominio)

Enviarse un formulario cambiando temporalmente el campo PARA por un correo nuestro y verificar que recibimos TODOS los campos del formulario que se han rellenado.

Tipo:

Nombre: XXXXXXX
Teléfono: XXXXXXX
Email: XXXXXXXXX
Mensaje: XXXXXXX

En el caso que no funcione, es posible que el servidor no permita envios sin autenticar, por lo que se tenga que configurar un envió por SMTP

Cambiar el PARA por el correo del cliente y enviar un formulario de prueba. Preguntar al cliente si ha recibido los datos del formulario. [Cerrar]

Crear las políticas de la web y añadirlas al footer:

Aviso legal (https://www.invent.tools/politicas/).
Política de privacidad (https://www.invent.tools/politicas/).
Política de cookies (se crea con el plugin de Complianz).
Declaración de accesibilidad (https://www.invent.tools/politicas/). [Cerrar]

Para editar la plantilla de las páginas 404 de la web, vamos a Apariencia → Editor de archivos de temas y seleccionamos el tema "Astra". Veremos que salen muchos archivos, abrimos el archivo "404.php".

Aqui podemos modificar la plantilla 404 para cambiar el texto o añadir CSS.

Ir al ChatGPT y ponerle este prompt:

Eres un experto en programación web. Tengo este código en mi plantilla de Wordpress para el archivo 404.php: (Pegar todo el código de la plantilla). Quiero que me des el mismo código igual pero que le pongas un estilo más profesional y uses los colores (añadir el código de los colores de la web). Además, debe haber un botón para volver a la página de Inicio.

Copiar y pegar el código en la plantilla y ver si la plantilla ha quedado bien en https://dominio.com/loquesea. [Cerrar]

Revisar y arreglar la web en versión móvil y tablet
Revisar que todas las páginas se vean bien (textos, imágenes, margenes, tamaños, etc...).
Si los textos se ven demasiado grandes, regular la fuente.
Hacer el menú hamburguesa visualmente bonito y grande.
[Cerrar]

Acaba de instalar los plugins finales:

SEGURIDAD:
Hide My WP Ghost. → Plugin de seguridad Instalar la versión PRO

&emsp Instalar y activar el plugin: Hide My WP Ghost. PRO (se puede descargar desde login a pagina)
&emsp Ir a "Guardar/Restaurar copia de seguridad" y en "Ajustes de restauración", te permite subir una configuración.
&emsp Debes subir el archivo que se encuentra en: comun/wordpress/anteriores/pluginsImportantes/hide-my-wp_preset.txt y darle a restaurar copia de seguridad.
&emsp Ahora cierra la sesión de Wordpress y revisa que para acceder, ya no funciona: https://tusitio.com/wp-admin sino que deberás introducir https://tusitio.com/online-wp.


CACHE (para mejorar el rendimiento):
FastPixel
&emsp Instalar y activar el plugin: Fastpixel Cache.
&emsp Lo más recomendable es dejar todo por defecto aunque puedes ajustar la configuración.
&emsp Después ir a cache status y hacer el cache en todas las paginas.

o
LiteSpeed Cache. (Otra opción)

COOKIES: (Este hay que instalarlo si el dominio es el final, sino hay que esperar ha hacer el traspaso)
Complianz. → Sirve para crear la política de cookies y el popup.

&emsp Instalar el plugin y activarlo. Luego, completar la información con los datos de la empresa. El mismo plugin creará la política de cookies con los datos que le proporciones.
&emsp Después, también te deja configurar el Popup de aviso de cookies. Editarlo para que quede bien, usando los colores de la web para los botones. [Cerrar]

Para configurar el Search Console, con usuario imapmarketing@gmail.com vas a: https://search.google.com/search-console

Una vez dentro de search console, arriba a la izquierda puedes ver todas las propiedades configuradas. Debajo verás que pone "Añadir propiedad".

Ahora, de las dos opciones que nos da, cogeremos la izquierda "Dominio" y pondremos el dominio de nuestra web sin https://www, es decir, sólo tusitio.com y le damos a continuar. Copiamos el código que nos da y seguimos las instrucciones:

Vamos al CPanel y buscamos el editor de zonas (Zone Editor). Una vez dentro, le damos a administrar y luego a añadir registro.

Ahora rellenamos con los siguientes datos.
Nombre: tusitio.com
TTL: 14400 (o lo que haya puesto, no lo tocamos).
Tipo: TXT.
Registrar: El código que nos ha dado Search console.

Le damos a guardar y en Search console le damos a verificar. Si todo ha ido bien, debería salir que se ha verificado correctamente.

Ahora nos falta añadir el sitemap. Simplemente, copiamos la URL: https://tusitio.com/wp-sitemap.xml y en Search Console, en el apartado Sitemaps lo ponemos en "Añadir un sitemap". [Cerrar]

Para instalar Google Analytics, primero debemos de saber si ya tiene creada una cuenta. Si la tiene creada deberemos de usar su ID

Si no tiene creamos una cuenta en https://analytics.google.com/analytics/web. (Ir a administrar → Crear cuenta y seguir los pasos hasta crear la cuenta y la propiedad).

Una vez hemos creado la cuenta, buscar el ID de medición de esa propiedad.
Ejemplo: G-QRRSDCYS4V

Ahora, vamos al archivo "functions.php", que se encuentra en:
public_html/wp-content/themes/[tema]/functions.php

En ese archivo añadimos lo siguiente al final (RECUERDA CAMBIAR EL ID DE MEDICIÓN POR EL TUYO LAS DOS VECES QUE APARECE):

add_action('wp_head','mi_analytics', 20);

function mi_analytics() {
?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QRRSDCYS4V"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-QRRSDCYS4V');
</script>

<?php
}

Finalmente, para comprobar que funciona, entra en la web con modo incógnito y navega por ella. Luego, entra a la cuenta de Google Analytics y revisa la sección "En tiempo real". Si ves que hay 1 visita (la tuya), está correctamente configurado (puede tardar 1 o 2 minutos en detectarlo). En caso negativo, pon todo el código del archivo functions.php en ChatGPT y pregúntale si hay algo mal. [Cerrar]

Añadir en el footer de la página web el logo de Kit Digital: Común - Kitdigital - Logos (escoger el logo que quede mejor, dependiendo del fondo del footer). [Cerrar]

Hacer un estudio de palabras clave y escoger 2 Keywords interesantes para la web para 2 páginas, 1 Keyword por página.

Añadir el plugin Squirrly SEO, activarlo (mediante licencia info@imapbcn.com) y optimizar las KW lo máximo posible.

Guardar luego el archivo Keywords.txt en: Comun → Kitdigital → JUSTIFICACION → Tramitadas → 1 Justificación → (La web que estés haciendo) → web → Keywords.txt. El archivo debe verse así:

Palabra clave 1
https://tusitio.com (La URL donde está esa KW)
Puntuación: 85% (Lo que te diga Squirrly SEO)

Palabra clave 2
https://tusitio.com/página2 (La URL donde está esa KW)
Puntuación: 78% (Lo que te diga Squirrly SEO) [Cerrar]

Una vez la hemos añadido y estemos en ella, iremos a la sección "Tracking de posiciones" y le daremos a "Añadir Keywords".

Aquí añadiremos las KW que hayamos hecho de WEB y de SEO (en el caso de que se haga SEO). Es importante marcar la opción "ambos" cuando nos pregunta: ¿Donde quieres trackear estas keywords? (Queremos tanto escritorio como móvil).

Luego guardamos los cambios y deberían salirnos las Keywords (repetida cada uno 2 veces, versión móvil y escritorio). [Cerrar]

Hacer el Word (Hosting, directorios, etc...).
Hacer el Word de SEO si se hace SEO (Competencia, etc...).
Hacer Accesibilidad AA
Comun → Kitdigital → JUSTIFICACION → Tramitadas → 1 Justificación → (La web que estés haciendo) → web → Crear el Excel AA. [Cerrar]

Revisa que todos los enlaces funcionan correctamente. (para ver que no llevan a páginas 404 o incorrectas)
Puedes usar la herramienta:
https://www.drlinkcheck.com/

Revisar All Issues y Outbound:
En All Issues mira si aparecen enlaces rotos a reparar.


También puedes usar:
https://smallseotools.com/es/websites-broken-link-checker/ [Cerrar]

Desactiva módulos y Widjets que no se utilicen en Elements Kit para mejorar rendimiento [Cerrar]

Quitar los plugins que ya no sean necesarios como:

Child Theme Configurator
Alttext
ShortPixel
[Cerrar]

Formularios (verificar que estén correctos, se envía bien el email, el receptor...).

NO MARCAR COMO HECHO HASTA RECIBIR CONFIRMACIÓN POR PARTE DEL CLIENTE Y HABER COMPROBADO QUE RECIBE TODOS LOS CAMPOS

Enviar un email con datos TEST, indicando vuestro correo en el mensaje para que pueda respondernos
Por ejemplo:

Nombre: TEST
email: test@imap.es
telefono: 666666666
Mensaje: Esto es una prueba de correo desde la web, si la recibes, reenvia este correo a: marketing@imap.es para que podamos verificar si recibes bien los formularios.

[Cerrar]

Desactivar el modo mantenimiento

Revisar la web en modo incógnito, visitando varios enlaces y ver que todo funciona,

[Cerrar]

Instalar y activar el plugin "Duplicator PRO" Lo encontrarás en comun\wordpress (busca en la carpeta del último año, la versión más reciente)

En la web de origen, ves a las opciones de Duplicator y crea un paquete (create new). Sigue la configuración por defecto y si no indica ninguna advertencia, crea el paquete "Build" (puede tardar un rato).

Ahora te dará la opción de descargar dos archivos, un PHP (installer.php) y un ZIP con el contenido de la web.

Ahora, vamos a la web de destino (dominio final). Desde el Cpanel, subimos al public_html los dos archivos (php y zip) y una vez subidos, buscamos en el navegador: https://dominio.com/installer.php. Ahora sigue las instrucciones para completar la instalación.

* Si creas la BD desde el CPanel, su usuario y le das todos los permisos, entonces selecciona la opción de "Empty Database"

* Otra opción alternativa es crear una nueva BD desde Duplicator, aún que suele dar más problemas. Haz clic en "Test Database" para asegurarte de que la conexión es correcta.

Si todo está bien, haz clic en "Next" para continuar. Ya tienes la web duplicada.

Ahora ves al Cpanel → Public_html y elimina los dos archivos que hemos usado (el installer.php y el zip).

Por último, entra al nuevo Wordpress duplicado. (Entra con los datos guardados en el ROBOFORM del temporal y actualiza el acceso al ROBOFORM)

Dentro del WordPress ves a ajustes → enlaces permanentes y guarda los cambios sin tocar nada.

Revisa que todo está bien (apariencia, enlaces...).
[Cerrar]

Formularios (verificar que estén correctos, se envía bien el email, el receptor...).

NO MARCAR COMO HECHO HASTA RECIBIR CONFIRMACIÓN POR PARTE DEL CLIENTE Y HABER COMPROBADO QUE RECIBE TODOS LOS CAMPOS

Enviar un email con datos TEST, indicando vuestro correo en el mensaje para que pueda respondernos
Por ejemplo:

Nombre: TEST
email: test@imap.es
telefono: 666666666
Mensaje: Esto es una prueba de correo desde la web, si la recibes, reenvia este correo a: marketing@imap.es para que podamos verificar si recibes bien los formularios.

[Cerrar]

Renombra carpeta de la web antigua (temporal) en el public_html poniendo un guion bajo al principio
Por ejemplo: _dominio

De esta manera conseguimos que si hay algún enlace con la URL antigua lo podamos detectar, de lo contrario no lo detectaríamos.


Revisa que todos los enlaces funcionan correctamente. (para ver que no llevan a páginas 404 o incorrectas)
Puedes usar la herramienta:
https://www.drlinkcheck.com/

Revisar All Issues y Outbound:
En All Issues mira si aparecen enlaces rotos a reparar.


También puedes usar:
https://smallseotools.com/es/websites-broken-link-checker/ [Cerrar]

Revisar la web en modo incógnito, visitando varios enlaces y ver que todo funciona y que el diseño esta correcto. [Cerrar]