Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]
Archivos de tema hijo de Divi

Paso 2: crear el diseño de nuestra página 404.

Hemos terminado de crear el archivo 404.php, ahora sigue el diseño de nuestra página 404.

Vamos a Divi –> Biblioteca de Divi –> Añadir nuevo.
Ojo: Al crearlo debemos escoger Layout o Diseño, sino no funcionará.

Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Archivo 404.php

El archivo resultante lo debemos guardar en la carpeta donde se encuentra nuestro tema hijo de Divi. Para ello, vamos al “Administrador de Archivos” de nuestro proveedor de hosting o por FTP. Regularmente está en Public_HTML –> wp-content –> thenes –> Nombre_Tema_Hijo.

Archivos de tema hijo de Divi

Paso 2: crear el diseño de nuestra página 404.

Hemos terminado de crear el archivo 404.php, ahora sigue el diseño de nuestra página 404.

Vamos a Divi –> Biblioteca de Divi –> Añadir nuevo.
Ojo: Al crearlo debemos escoger Layout o Diseño, sino no funcionará.

Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

 

¿Cómo crear una página 404 personalizada?

Lo primero que hay que hacer es estar seguros que estamos trabajando bajo un Tema Hijo, de no estar trabajando estas personalizaciones en un tema hijo se perderán en la próxima actualización de Divi.

Seguido de eso procedemos con el primer paso:

Paso 1: Crear el archivo 404.php
Para crear el archivo 404.php necesitamos abrir un editor de texto. Para ello utilizamos Sublime Text, Atom, Adobe Dreamweaver, etc.

Copiamos el siguiente código de referencia para crear un enlace entre el Header y Footer del tema padre:

<?php get_header(); ?>

<?php get_footer(); ?>

Y guardamos el archivo como “404.php” sin las comillas

Archivo 404.php

El archivo resultante lo debemos guardar en la carpeta donde se encuentra nuestro tema hijo de Divi. Para ello, vamos al “Administrador de Archivos” de nuestro proveedor de hosting o por FTP. Regularmente está en Public_HTML –> wp-content –> thenes –> Nombre_Tema_Hijo.

Archivos de tema hijo de Divi

Paso 2: crear el diseño de nuestra página 404.

Hemos terminado de crear el archivo 404.php, ahora sigue el diseño de nuestra página 404.

Vamos a Divi –> Biblioteca de Divi –> Añadir nuevo.
Ojo: Al crearlo debemos escoger Layout o Diseño, sino no funcionará.

Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Página 404 antes

 

A uno personalizado hecho con el constructor wireframe de Divi :

 

¿Cómo crear una página 404 personalizada?

Lo primero que hay que hacer es estar seguros que estamos trabajando bajo un Tema Hijo, de no estar trabajando estas personalizaciones en un tema hijo se perderán en la próxima actualización de Divi.

Seguido de eso procedemos con el primer paso:

Paso 1: Crear el archivo 404.php
Para crear el archivo 404.php necesitamos abrir un editor de texto. Para ello utilizamos Sublime Text, Atom, Adobe Dreamweaver, etc.

Copiamos el siguiente código de referencia para crear un enlace entre el Header y Footer del tema padre:

<?php get_header(); ?>

<?php get_footer(); ?>

Y guardamos el archivo como “404.php” sin las comillas

Archivo 404.php

El archivo resultante lo debemos guardar en la carpeta donde se encuentra nuestro tema hijo de Divi. Para ello, vamos al “Administrador de Archivos” de nuestro proveedor de hosting o por FTP. Regularmente está en Public_HTML –> wp-content –> thenes –> Nombre_Tema_Hijo.

Archivos de tema hijo de Divi

Paso 2: crear el diseño de nuestra página 404.

Hemos terminado de crear el archivo 404.php, ahora sigue el diseño de nuestra página 404.

Vamos a Divi –> Biblioteca de Divi –> Añadir nuevo.
Ojo: Al crearlo debemos escoger Layout o Diseño, sino no funcionará.

Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]

Indispensable: Tema Hijo de Divi

¡Oh, usuario de Divi!. Ya estarás aburrido de ver siempre el mismo formato de tu página 404, ¿verdad? Nosotros sí. Entonces hemos hecho búsqueda de la verdad y nos hizo libres. Ahora queremos cambiar nuestra página 404 por defecto:

Página 404 antes

 

A uno personalizado hecho con el constructor wireframe de Divi :

 

¿Cómo crear una página 404 personalizada?

Lo primero que hay que hacer es estar seguros que estamos trabajando bajo un Tema Hijo, de no estar trabajando estas personalizaciones en un tema hijo se perderán en la próxima actualización de Divi.

Seguido de eso procedemos con el primer paso:

Paso 1: Crear el archivo 404.php
Para crear el archivo 404.php necesitamos abrir un editor de texto. Para ello utilizamos Sublime Text, Atom, Adobe Dreamweaver, etc.

Copiamos el siguiente código de referencia para crear un enlace entre el Header y Footer del tema padre:

<?php get_header(); ?>

<?php get_footer(); ?>

Y guardamos el archivo como “404.php” sin las comillas

Archivo 404.php

El archivo resultante lo debemos guardar en la carpeta donde se encuentra nuestro tema hijo de Divi. Para ello, vamos al “Administrador de Archivos” de nuestro proveedor de hosting o por FTP. Regularmente está en Public_HTML –> wp-content –> thenes –> Nombre_Tema_Hijo.

Archivos de tema hijo de Divi

Paso 2: crear el diseño de nuestra página 404.

Hemos terminado de crear el archivo 404.php, ahora sigue el diseño de nuestra página 404.

Vamos a Divi –> Biblioteca de Divi –> Añadir nuevo.
Ojo: Al crearlo debemos escoger Layout o Diseño, sino no funcionará.

Allí agregamos nuestro diseño personalizado.

 

Diseño de página 404.

Paso 3: Asignar nuestro diseño al archivo 404.php

Este paso es el más sencillo. Aquí sólo agregamos la siguiente línea de codigo a nuestro fichero 404.php que hemos guardado en la carpeta de nuestro tema hijo.

Debemos tomar el código único de nuestro diseño, este está en la URL de nuestro diseño.

 

Se quedó como imagen por cuestiones de llamada de Divi. Más abajo está un archivo descargable para tener todo los códigos.

 

Guardamos y listo 🙂

Archivos descargables

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]
¿Te parece interesante este artículo?
Puntaje
[Total: 1 Average: 1]

Mi nombre es Carlos Tum, originario de Guatemala. Soy un emprendedor que inició una pequeña empresa llamada Grupo Digit con base al diseño web, publicidad digital y branding. He trabajado con WordPress y Divi desde el inicio de mi empresa. Un placer.

Suscríbete a nuestro boletín.

Recibe notificaciones cuando publiquemos algo nuevo.

Gracias por suscribirte

Shares