Intégrer une vidéo sous DIVI

La vidéo que je vais intégrer sous Divi provient du site d’Elegant themes et sert à la promotion du thème Divi 2.4.

 

Vous avez plusieurs options qui vous permettront de multiplier les mises en page et les insertions de vidéos.

 

Par un simple copier/coller de l’url de la vidéo

1/ Créer une page, puis choisissez Utiliser le générateur DIVI. 2/ Le plus simple est de Copier/coller directement l’url de votre vidéo dans le module texte :

 

 

Intégrer une vidéo via le module vidéo

video1 Copier/coller l’url de la vidéo ou aller la chercher dans la Bibliothèque de médias, chargé une image de superposition video3

Intégrer une vidéo via le module curseur de défilement vidéo.

Où pour être plus simple… Comment mettre en place un lecteur de vidéos et proposer des miniatures des vidéos suivantes :-).

1/ Insérer le module de curseur de défilement vidéo

2/ Copier/coller l’url de la vidéo ou aller la chercher dans la Bibliothèque de médias, 

3/ chargé une image de superposition

4/ répéter les étapes 2 et 3 autant de fois que vous avez de vidéos. Vous pouvez tout à fait rajouter les vidéos dans le temps. Pas la peine de les mettre toutes en une seule fois !

video2

video5video4

 

Créer une page d’attente sous DIVI

Créer une page d’attente sous DIVI est très simple.

Voici un petit tuto pour mettre en place votre page de maintenance en quelques clics.

Je vous propose de suivre l’exemple qui suit :

1/ Créer une page, puis choisissez Utiliser le générateur DIVI.

page-attente1

2/ Choisir le modèle Blank Page dans le menu Attributs de la page dans la colonne de droite.

page-attente2

 

3/ Ajouter une ligne pour votre texte.

page-attente3

Par exemple : Bonjour, ce site est actuellement en cours de maintenance.

4/ Ajouter une ligne pour insérer un module Compteur à rebours

page-attente5

5/ Indiquer un titre et une date de mise en ligne

page-attente6

6/ Et voilà, votre page d’attente est prête !

Il ne vous reste plus qu’à indiquer que cette page est votre page d’accueil.

Vous pouvez également, mettre un fond de couleur, une image, des liens vers d’autres pages, des articles ou des vidéos, diaporama…
Voir le résultat en ligne >

 

 

 

 

Snark

Mise en ligne du site de la Snark

« …Adossée à Papaq Production, l’association SNARK a été créée en 2007 pour rassembler bénévoles, artistes et acteurs des rencontres « Percu6mix » et constituer une enseigne pour la promotion de groupes dont les membres sont associés à l’organisation de l’événement. Elle s’est dotée d’une administration opérationnelle à partir de juillet 2010… »

Retrouver la scène Calvadosienne et Sources mandingues, autres horizons, curiosités instrumentales, tempéraments féminins, attentions pour le jeune public… musique, chanson, danse, théâtre … concerts, spectacles, animations… sur Le site de la Snark

Snark

Mobile friendly

Mobile friendly

Google met à votre disposition une page de test pour évaluer votre site internet et savoir si votre site est « mobile friendly » (adapté aux mobiles).
Voici quelques critères :
– Absence de logiciels peu utilisés sur les appareils mobiles, comme Flash.
– Texte lisible sans zoomer.
– Contenu adapté à la taille de l’écran, de sorte que les internautes n’ont pas besoin de faire défiler la page horizontalement ni de zoomer.
– Liens suffisamment éloignés les uns des autres pour pouvoir cliquer dessus facilement.

Tester son site >

Les sites réalisés avec le thème DIVI sont mobile friendly

Ces pages sont adaptées aux mobiles.

Trouville-hotel.com est mobile friendly
francevet2015.fr est mobile friendly
Cabane-insolite.com est mobile friendly
cdck14.org est mobile friendly
cabanesnormandie.com est mobile friendly
tycarriou.info est mobile friendly
fadymelo.fr est mobile friendly

 Les sites réalisés avec le Thème Fusion – Elegant Themes sont mobile friendly

Ces pages sont adaptées aux mobiles.

 

http://donnay-roller-street.fr/ est mobile friendly

 

 Les sites réalisés avec le Thème DeepFocus – Elegant Themes sont mobile friendly

Ces pages sont adaptées aux mobiles.

 

 

construction-cbi-conseils.com est mobile friendly

DIVI 2.0

Nouveau thème DIVI 2.0

Voici le plus intelligent et le plus souple des thèmes de la collection d’elegantthemes. Divi 2.0 est un thème puissant qui permet de modifier en temps réel l’emplacement et la conception de votre site internet.

Avec plus de 30 modules dont un module de commerce, de musique, de tarifs… etc ce thème offre de nombreuses possibilités.

 

Quelques exemples de sites réalisés à partir de Divi 2.0 :

L’Hôtel de La Petite Cour – http://trouville-hotel.com/

Les cabanes de Canon – http://cabane-insolite.com/

France vétérans 2015 – http://francevet2015.fr/

Les Noctam’bulles – http://cabanesnormandie.com

Tycarriou – http://tycarriou.info

Sonia Quinones – http://soniaquinones.com/

Eric Zabinski –  http://www.dermbids.com/

 

Pour en savoir plus
Theme Divi 2.0

Divi WordPress Theme

Ce est un lien d’affiliation « Cela signifie que si vous cliquez sur le lien et achetez l’article, je vais recevoir une commission d’affiliation. »

Divi 2.0 est arrivé, donner à votre site internet « d’innombrables possibilités »

L’année dernière, Elegantthemes a lancé Divi 1,0, et il est rapidement devenu notre thème le plus populaire. En fait, il est maintenant utilisé plus que tous leurs autres thèmes combinés. Il était évident dès le début qu’Eleganttheme avait créé quelque chose que notre communauté a trouvé extrêmement utile, mais ils savaitent qu’ils pouvaient faire mieux. Le lendemain Divi 1,0 a été libéré, l’équipe a entrepris de développer ce thème le plus puissant et flexible jamais. Avec un total de trois types uniques de section, 20 structures de colonne, et 33 modules robustes, ils sont extrêmement fiers et ravis d’enfin introduire Divi 2.0 . Cette version est une mise à jour transparente au courant Divi, en vous donnant la capacité de construire chaque page à partir du sol avec un constructeur de page encore plus avancé.

Divi a demandé près d’un an de fabrication, et Eleganttheme peut voir les extraordinaires sites Web que leurs clients créent de lui. Ils n’ont jamais passé autant de temps en se concentrant sur un seul thème, et le résultat est un produit qui est beaucoup plus vaste, affiné et convivial que toute autre de leur collection. Avec les modules doubles, doubler les structures de mise en page, et double les options de thème, Divi 2.0 donne « innombrables possibilités » une toute nouvelle signification.

Voir la démo du thème

(en anglais)

d2-demo-screenshot


Drag & Drop Divi page Builder

Le Divi page Builder a vu quelques améliorations incroyables, entre autre la capacité de reproduire un module, une ligne ou la section, et une toute nouvelle section spécialisée qui introduit neuf nouvelles structures de colonnes.

d2-builder

PAGE BUILDER MISES À JOUR

L’une des principales mises à jour de la page Builder est la possibilité de cloner n’importe quelle section, une ligne ou module, et l’introduction d’ articles spécialisés.

L’outil Clone

Le Divi Builder vous donne maintenant la possibilité de dupliquer ne importe quel élément avec tous ses paramètres, parfait pour la création de plusieurs modules qui partagent des propriétés communes.

Nouveaux articles spécialisés

Les articles spécialisés vous donnent des niveaux supplémentaires de division verticale, qui permettent essentiellement de placer dans les colonnes colonnes. Ils sont particulièrement utiles pour créer des mises en page dynamiques de la barre latérale.

Types de lignes standards

d2-col

Types spéciaux de Row

d2-col2


Toutes les nouvelles options d’en-tête

Les options de tête de Divi vous permettent de choisir la couleur de votre tête, le placement de votre logo, ajoutez une barre d’accent pour l’information sociale et contact, et même choisir entre la navigation horizontale et verticale. Divi 2.0 a également introduit un nouvel emplacement de navigation secondaire.

d2-headers


Navigation verticale

Outre les marques de nouvelles options d’en-tête, vous pouvez également changer l’orientation de l’ensemble de votre navigation pour être verticale. Choisir ce réglage placer votre navigation sur le côté gauche de votre page comme dans les exemples ci-dessous. Ceci, combiné avec nos nouvelles options d’en-tête, vous permet de créer des sites Web vraiment uniques qui ressemblent et se sentent complètement différent de l’autre.

d2-vert-nav


Logo centré

Vous pouvez maintenant organiser la position de votre logo pour être centré au-dessus de vos éléments de navigation. Cette option est idéal pour les grands logos et navigation primaire qui a beaucoup d’éléments de menu.

d2-centered-logo


Mise en boîte

Maintenant, vous pouvez choisir de contenir votre site Web dans une présentation en boîte. Avec ce paramètre activé, vous pouvez définir un site photo de fond, la couleur ou le motif.

d2-boxed


Créer des pages d’atterrissage Menu-moins

Divi est maintenant l’un des meilleurs outils que vous pouvez utiliser pour créer des pages d’atterrissage autonomes. Dans Divi 2.0, nous avons introduit l’option de la page blanche, qui peut supprimer les en-tête et pied de page de toute page individuelle. Ces pages autonomes peuvent être utilisés pour toutes sortes d’applications, par exemple une page d’atterrissage de vente, une page du mode de maintenance, un compte à rebours / Page venir-soon, et bien plus encore.

divi-2-blank-pages


Entièrement Responsive

Peu importe comment vous l’utilisez, peu importe comment vous le regardez, votre site va regarder grand. Prenant Divi sur la route se sent comme vous l’avez laissé. Toutes les nouvelles fonctionnalités et modules de Divi ont été construits avec une réactivité à l’esprit.

d2-responsive


Projets & Portefeuilles imprenable

Avec les modules de portefeuille de Divi, vous pouvez montrer votre travail ne importe où sur votre site dans une variété de nouvelles façons. Vous pouvez même créer vos pages de projet avec le constructeur!

d2-portfolio-fan

MISES À JOUR DU PORTEFEUILLE

Mises à jour majeures de portefeuille comprennent Portefeuilles pleine chasse et portefeuilles filtrés

Pleine chasse portefeuille

Maintenant vos portefeuilles profitent des sections pleine chasse de Divi. Vos portefeuilles pleine chasse peuvent être affichées dans une grille fluide (ci-dessus), ou un carrousel horizontal.

d2-fw-portfolio

Filtrée portefeuille

Avec le portefeuille filtrables, les utilisateurs peuvent voir un regroupement de projets d’une catégorie sélectionnée.

filtered-portfolio-grid


Prêt WooCommerce

Divi a ce que vous avez besoin pour obtenir une boutique en ligne et en un rien de temps. Nous avons inclus un couple de nouvelles mises en page pré-faites en magasin Divi 2.0, et le module du magasin vous permet de vendre ne importe où sur votre site.

d2-shop


Down To affaires

Besoin d’un site d’apparence professionnelle pour votre entreprise? Ne cherchez pas plus loin. Large éventail de Divi des modules avertis d’affaires vous permet de créer facilement des modèles qui cherchent encore graves modernes.

d2-corporate


Magnifiques blog Layouts

Divi est livré avec différentes mises en page au choix. En utilisant le constructeur de Divi vous pouvez placer les messages blog ne importe où dans votre site web.

d2-blog

BLOG MISES À JOUR

Le Blog Divi offre maintenant un éventail de différents formats de poste

Formats de poste

Divi prend désormais en charge les types standard, audio, galerie, devis, vidéo et lien soumettre. Transformer votre blog en une expérience de partage de médias dynamique qui est amusant à explorer. Divi 2.0 rend plus facile que jamais d’utiliser des formats de poste WordPress.

d2-post-formats


Pré-faites Layouts

Divi 2.0 introduit une toute nouvelle série de mises en page pré-faites. Nous avons passé plus de temps pour se assurer que ces dispositions sont un excellent point de départ pour tous ceux qui veulent utiliser Divi pour construire leur site web. Mises en page pré-faites peuvent être chargés pour pré-remplir ne importe quelle page constructeur avec un ensemble de modules prédéfinis construits dans un but précis.

d2-portefeuille-fan

Exportation Layouts

Eh oui, vous pouvez même exporter vos modèles enregistrés pour une utilisation sur un site Web complètement différent qui utilise le thème Divi!

Sauvegarder et charger Layouts

Dans le cas de vouloir utiliser une mise en page dans un autre domaine de votre site, vous pouvez choisir d’enregistrer votre mise en page, et le charger dans une autre page.

33 Modules robustes

Les modules sont des blocs de construction qui vous permettent d’ajouter du contenu à votre site Web. En combinant différents modules avec différentes structures de lignes les possibilités de design sont innombrables. Dans Divi 2.0, nous avons introduit plusieurs nouveaux modules, et nous avons mis à jour plusieurs de nos modules classiques ainsi.

Galerie d’images

Maintenant, vous pouvez créer une collection d’images sans avoir à faire des projets et de portefeuilles. En cliquant sur une image va ouvrir une visionneuse pleine grandeur, et vous pouvez même choisir d’afficher votre galerie comme un curseur d’image.
d2-image-galerie

Lecteur Audio

Partage audio ressemble beaucoup dans Divi. Vous pouvez même télécharger l’album ou l’art de la piste pour être affichées sur un côté du lecteur audio Divi.
d2-audio

Champ Login

Si vous utilisez WordPress comme un système d’abonnement, puis en ajoutant un formulaire de connexion directement à une page peut être très utile. Maintenant, vous ne avez pas besoin d’envoyer vos membres ou contributeurs à la forme de connexion WordPress. Essayez d’utiliser votre propre formulaire au lieu de marque, conçu dans le style Divi propre.
d2-connexion

Pleine chasse portefeuille

Vos portefeuilles peuvent maintenant profiter de sections pleine chasse de Divi.
d2-fw-portefeuille-grille

Filtrée portefeuille

Offrez à vos visiteurs le pouvoir de filtrer à travers vos catégories de projets avec le tout nouveau module de portefeuille filtrée
filtrée portefeuille-grille

Compteurs d’animation

Nous avons ajouté deux autres modules de comptage à la liste. Camemberts animés et nombre compteurs sont une façon amusante pour informer et mobiliser vos visiteurs.
d2-contre

Compte à rebours

Permettez à vos visiteurs savent quand quelque chose va être lancé ou d’un événement qui va se produire avec le nouveau module de compte à rebours.
d2-rebours

Personne

Ce module vous permet de mettre en évidence vos clients, vos clients et / ou les membres de l’équipe qui contribuent à rendre votre entreprise une réalité.
d2 personne

Accordéon

Similaire au module de bascule, ce est un excellent moyen de consolider les informations. Lorsque vous ouvrez une bascule, celui qui est actif ferme.
d2-accordéon

Carte

Laisser vos visiteurs savent où vous êtes est une grande fonctionnalité pour un contact ou à propos de la page. Le module de carte est même compatible avec Fullwith Sections Divi!
d2-carte

Social Media Suivre

Les médias sociaux est plus important que jamais et il est important que vous êtes en mesure de votre build suivante sociale. Vous pouvez même choisir la forme et les couleurs!
d2-social

Menu pleine chasse

Maintenant, vous pouvez placer des menus de navigation ne importe où sur votre page, grandes pour ajouter un menu secondaire plus bas de votre page.
d2-fw-menu

Abonnez-vous formulaire

Le module prend désormais en charge abonner MailChimp, AWeber et Feedburner.
d2-subscribe-module

Tycarriou utilisent des cookies pour vous offrir le meilleur service possible. En continuant votre navigation, vous en acceptez l'utilisation. En savoir plus
OK
x