Comment créer une page 404 personnalisé sur Divi ?

Comment créer une page 404 personnalisé sur Divi ?

Comment créer une page 404 personnalisée sur Divi ?

Pourquoi avez-vous besoin d’une page 404 personnalisée ?

Vous savez ce qui est encore pire qu’une page 404? Une page 404 banale et non personnalisée. C’est pourquoi il est important d’avoir une page 404 personnalisée sur votre site web.

Tout d’abord, une page 404 personnalisée peut aider à maintenir l’identité de votre marque. Si les visiteurs tombent sur une page 404 banale, ils pourraient avoir l’impression que votre site n’est pas professionnel ou que vous ne prenez pas la peine de personnaliser certaines parties de votre site.

En revanche, une page 404 personnalisée montre que vous avez pris le temps de réfléchir à cette page et que vous voulez que les visiteurs aient une expérience cohérente sur votre site, même s’ils tombent sur une page d’erreur.

Page 404 personnalisée de Dr Page

De plus, une page 404 personnalisée peut être utile pour aider les utilisateurs à naviguer sur votre site.

Si vous avez une page 404 personnalisée qui inclut des liens vers d’autres pages de votre site ou vers votre page d’accueil, cela peut aider les utilisateurs à trouver ce qu’ils cherchent même s’ils tombent sur une page d’erreur. Cela peut également être utile pour vous, car cela peut aider à réduire le taux de rebond de votre site.

Page 404 personnalisée

Enfin, une page 404 personnalisée peut être un moyen amusant de montrer votre personnalité et de montrer à vos visiteurs que vous êtes humain. Vous pouvez inclure un message d’excuses pour l’erreur et une touche d’humour pour détendre l’atmosphère. Cela peut aider à rendre votre site plus accueillant et à fidéliser les utilisateurs.

En résumé, avoir une page 404 personnalisée est important pour maintenir l’identité de votre marque, aider les utilisateurs à naviguer sur votre site et montrer votre personnalité.

Alors, la prochaine fois que vous créerez un site, n’oubliez pas de prendre le temps de créer une page 404 personnalisée pour votre site!

Comment réaliser un effet Ken Burns sur Divi ?

Comment réaliser un effet Ken Burns sur Divi ?

Comment réaliser un effet Ken Burns sur une section plein écran ?

Photo avec effet Ken Burns

L’effet Ken Burns, c’est quoi ?

L’effet Ken Burns est un type d’effet de panoramique et de zoom utilisé dans la production de films et de vidéos à partir d’images fixes. En termes simples, l’effet Ken Burns est un effet qui donne du mouvement aux images fixes et donne vie à ces images. Très largement utilisé dans les documentaires, il donnera à votre site web une tout autre dimension.

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous explique pas à pas comment réaliser un effet Ken Burns sur une section Hero.

Enjoy😎

Classe CSS à positionner dans le module « curseur de défilement »

dfhs-1

Code CSS à positionner dans le module « code en pleine largeur »

.dfhs-1 .et_pb_slide .et_parallax_bg {

animation: dfhs-ken-burn 15s forwards;

animation-iteration-count: infinite;

}

@keyframes dfhs-ken-burn {

0% {

    transform: scale3d(1.4, 1.4, 1.4);

    animation-timing-function: linear;

}

100% {

    transform: scale3d(1, 1, 1);

}

}

Comment réaliser des images flottantes superposées sur divi ?

Comment réaliser des images flottantes superposées sur divi ?

Comment réaliser des images flottantes superposées ?

3 images superposées

Images flottantes superposées ?

L’effet a pour but de créer une animation avec des images qui vont se superposer donnant l’impression de flotter sur votre page. Effet qui ne laissera pas vos visiteurs sans réaction et qui vous distinguera de tous les autres sites web. 

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous explique pas à pas comment réaliser un effet d’images superposées flottantes avec le divi builder. Un super effet à implémenter sur vos sites web.

Enjoy😎

Classe CSS à positionner dans les modules images

« dr-page-floating » – « dr-page-floating1 » – « dr-page-floating2« 

Code CSS à positionner dans les paramètres de la page

@keyframes floating {

    0% {transform: translate(0,  0px);}

    50%  {transform: translate(0, 15px);}

    100%   {transform: translate(0, 0px);}     

}

.dr-page—floating {   

  animation: floating 7s ease-in-out infinite;

}

.dr-page—floating1 {

  animation-delay: -4.5s;

}

.dr-page—floating2 {

  animation-delay: -3s;

}

Comment présenter vos collections de façon tendance et créative avec Divi ?

Comment présenter vos collections de façon tendance et créative avec Divi ?

Comment présenter vos collections de façon tendance et créatives ?

Page collection Morey-Arty

Sections créatives !

Il est important pour se distinguer de la concurrence d’avoir un site web qui ne ressemble à aucun autre. Grâce au Divi builder, vous avez une possibilité infinie pour réaliser de superbes sections.

Qu’est-ce que vous trouverez dans la vidéo ?

Dans cette vidéo, je vous explique pas à pas comment réaliser une section tendance et créative pour présenter vos collections avec le divi builder. Une section originale à implémenter sur vos boutiques en ligne.

Enjoy😎