UIKit Modal à l'ouverture du site ou d'une page

Comment faire pour afficher un message urgent*, une promotion ou même une image à l'ouverture de votre site internet ?

Une solution efficace et moderne est d'afficher votre message en mode MODAL. Ce mode  d'affichage est intégré dans la plupart des sites internet basés sur un CMS et possédant un template professionnel.

Un truc simple pour afficher un MODAL au chargement de votre site, ou d'une page, si vous utlisez un template basé sur le framework UIkit (qui  équipe notament les célèbres thèmess Yootheme sur JOOMLA et WORDPRESS) est de  et d'y insérer un script. Ahh Mais comment fait on ?

  1. Créer un MODULE (Module personnalisé)
  2. Afficher le CODE
  3. Insérer le CODE que  je vous fournis
  4. Enregistrer

Pour simplifier la gestion future, personnellement, j'intègre un autre MODULE, dédié au contenu à afficher.

========= CODE ==========
<!-- Contenu du modal --&gt

<div id="mon-id" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        <contenu>Vous pouvez insérer du texte, une image, ou un autre module</contenu>
    </div>
</div>

<script>
jQuery(document).ready(function($) { 
    $.UIkit.modal('#mon-id').show(); 
});
</script>
========= CODE ==========


* J'ai reçu récemmment plusieurs demandes concernant la mise en place de message pur annoncer des fermetuures ou aménagement d'horaires d'ouvrtures suite aux dernières dispositions concernant le COVID-19.

 




Vous pouvez insérer du texte, une image, ou un autre module

ca c est un affichage MODAL

★ Communication ★

megaphone 200L'Oeuf Qui Parle, conseil en communication, vous accompagne dans la création, la gestion, l'organisation de tous vos supports de communication électroniques et print...

Création de sites internet
INREGRATION

Communication globale
Réseaux Sociaux
eMarketing
IMAGE

contactez agence de communication

logo horizontal grand

17 rue du Pont - 13200 ARLES
06.88.51.61.31 // 09.81.79.12.79
Siret : 51233894800023