Saviez-vous que vous pouvez ajouter du contenu à votre site en utilisant du CSS ? 

Cela peut paraître fou mais c'est la vérité. Je vais vous montrer commenta ajouter du texte à un site internet en utilisant la propriété CSS content. Nous allons aussi utiliser les pseudos-éléments :before et :after. 

1ère étape. Le code HTML

Pour cet exemple, je vais utiliser le code HTML ci-dessous: 

<div class="content">
    <h2>Texte inséré en HTML (de façon habituelle)</h2>
</div>

Le sélecteur que l'on va utiliser est la class content, plus les pseudos-éléments :before and :after .

Lorsque l'on travail avec du css, les designers cible généralement les éléments à partir de leur id ou de leur class . Toutefois vous pouvez cibler des éléments en n'utilisant pas ces deux attributs.

Il y a beaucoup  d'exemples ou l'on peut souhaiter cibler un élément tout en évitant d' utiliser ces deux sélecteurs les plus courant . 

Dans cet article nous allons vous montrer comment cibler des éléments avec du CSS et des attributs 2 exemples qui vont plus loin que les id et class. 

Cibler un élément avec un attribut et sa valeur exacte 

Dans notre premier exemple, nous souhaitions cibler ce champ  avec du CSS :

<input type="text" name="myfield">

Nous pouvons utiliser l' attribut  type  comme sélecteur. Le CSS ressemble à ceci  :

input[type="text"] {
 /* Votre CSS personnalisé à insérer */
}

Nous pouvons aussi utiliser l 'attribut  name comme sélecteur. La clé est de mettre l'attribut et sa valeur exacte entre les crochets à coté du tag name :

input[name="myfield"] {
 /* Votre CSS personnalisé à insérer */
}

Depuis le début de Joomla, ses utilisateurs ont créé des liens de menu cachés. C'est une solution alternative nécessaire car les liens de menu contrôle beaucoup de paramètres de pages Joomla. 

C'est un usage courant lorsque l'on veut créer des liens vers des pages de ventes spéciales ou des "landing pages". Quelque fois  nous avons besoin d'un lien de menu pour paramétrer la page, mais nous ne souhaitons pas que ce lien soit visible.

"Afficher dans le menu" est une option de menu qui permet de caché un élément de menu très facilement. Voici comment procéder...

• Rendez-vous dans "Menus".
• Sélectionnez le menu que vous souhaitez utiliser.
• Éditez ou créez un élément de menu

• Rendez-vous dans l'onglet "Type de liens"
• Pour le paramètre "Afficher dans le menu" sélectionner "Non"

Si vous êtes un nouveau Web Designer, l'une des compétences que vous devez maîtriser  est l'utilisation d’images en background (arrière plan).

Votre design peut nécessiter de remplir complémentent un container CSS avec une image, mais parfois l’image que vous souhaitez intégrer ne remplit que de façon partielle ce container.

Dans ce tutoriel, vous découvrirez 3 exemples d'utilisation, du tag  CSS  background-size  

Youtube, Vimeo et d'autres hébergeurs vidéos permettent d'intégrer facilement leur lecteurs dans votre site internet.

Toutefois, Youtube, Vimeo et autres ne fournissent pas de vidéos responsives par défaut.

Dans ce court tutoriel nous allons voire comment en utilisant quelques lignes de CSS l'on peut  rendre responsives des videos de Youtube, Vimeo ou autres.

 1. Obtenir le code d'insertion Youtube

• Rendez-vous sur Youtube
• Trouvez la vidéo que vous souhaitez  insérer dans votre site
• Cliquez sur Partager > Intégrer, faites un click droit et copiez le code HTML

Les Google Maps sont très faciles à inclure dans un site.

Malheureusement, par défaut, elles ne sont pas responsives. 

Dans ce court tutoriel, je vais vous montrer comment rendre votre Google Map responsive, en utilisant seulement quelques lignes CSS. Cette technique fonctionne avec Joomla, WordPress, Drupal ou n'importe quelle autre plateforme.  

1. Obtenir le code d'insertion de Google Maps

• Rendez-vous sur Google Maps
• Faites un recherche pour trouver la zone de Google Maps que vous souhaitez inclure dans votre site
• Cliquez sur le lien Partager 

1. Cliquez sur Intégrer la carte
2. Sélectionnez le code Iframe
3. Faites un click droit et copier le code d'insertion 

L'éditeur de texte JCE fournit beaucoup de paramétrages supplémentaires aux utilisateurs de Joomla, tels que la création de tableaux, l'insertion d'images, la modification de l'aspect du texte et bien plus.

L'alignement d'images est très facile avec JCE, c'est l'une des raisons pour laquelle nous aimons utiliser cet éditeur.

Dans ce tutoriel, je vais vous expliquer comment aligner des images avec JCE.

Insérer une image alignée a gauche 

Lorsque vous éditez un article Joomla ou un module de "Contenu personnalisé".

• Cliquez sur l'icône "Insert/Edit image"

Le 10 novembre 2016, CMS Critic annonça les gagnants des prix des meilleurs CMS de 2016. Joomla! postulait dans la catégorie  du "Meilleur CMS Gratuit" et gagna de nouveau !

La compétition pour le prix du "Meilleur CMS Gratuit" se déroula entre Pagekit, Processwire et Joomla!. Merci à tous les volontaires et passionnés de Joomla! qui ont votés nous avons gagné de nouveau ce prix !

Vous pouvez-voir les gagnants des différentes catégories sur le site de CMS Critic

 Joomla 3.6.3 est sorti le 18 octobre.

C'est une mise à jour de maintenance qui fixe plus de 300 bugs. Vous pouvez voir la liste complète sur Github.

Comme pour toute nouvelle version de Joomla, des utilisateurs peuvent rencontrer un ou deux problèmes. Dans  cet article nous allons lister tous les problèmes qui ont été notifiés.

Ce jour le navigateur Blisk permet de tester, gratuitement, le rendu de votre site sous : 

• Iphone 4
• Iphone 5
• Iphone 6 plus
• Nokia N9
• Samsung Galaxy S3
• Samsung Galaxy S4
• Google Nexus 4
• Ipad mini
• Ipad Air rétina
• Google Nexus 10

Et bien plus ...

Ce lien nous montre les versions actuelles de PHP  qui sont à ce jour obsolètes et à risques : http://php.net/eol.php.

Comme l'a annoncé JCE dans l'un de ses tweets,  JCE ne supportera officiellement que les versions de PHP >= 5.5, ce qui se traduit par la fin du support pour les versions de PHP  5.2, 5.3, 5.4.

Pour connaitre quelle version de PHP est utilisée pour l'hébergement de votre site Joomla 3, rendez-vous dans Système > Informations système puis cliquez sur l'onglet Informations PHP

Valentin Garcia est l'auteur de l’article How to Create Columns with column-count in CSS dont la traduction est autorisée par ostraining.com.

Dans un tutoriel précédent, nous avons expliqué qu'il peut être dangereux d'utiliser des largeurs (width) en HTML pour définir la mise en page.

Heureusement, le CSS est suffisamment  puissant pour  imiter des balises HTML désuètes. Par exemple, vous pouvez créer des colonnes en CSS en utilisant la propriété column-count. Ce peut être très utile pour les mises en page d'un site, mais aussi pour diviser des longs textes  en colonnes.

Dans ce tutoriel nous allons voir comment créer des colonnes avec column-count.

Simon Klostra est l'auteur  de l'article "Google changes May 2016: Search Console and more" dont la traduction est autorisée par Joomlaseo.com

Récemment Google a apporté quelques changements à plusieurs de ses outils. Ils concernent la Search Console (des propriétés combinées  dans un "ensemble") , une amélioration importante du  test de compatibilité (mobile friendly) ainsi pour l'outil de test pour les données structurées.

Tous ces changements sont des amélioration notables pour nous les administrateurs de sites, et sont les bienvenus pour nous faciliter la tache. Bien sur Google améliore constamment ses outils, mais ces dernières semaines ils ont déployé beaucoup de mises à jour, regardons quelles sont donc ces modifications.

Valentin Garcia est l'auteur de l’article Is Robots.txt Blocking the Right Files on My Site? dont la traduction est autorisée par ostraining.com

Par défaut toutes les URLs de votre site peuvent être  indexées par Google. Cependant si vous souhaitez que certaines pages spécifiques ne soient pas indexées par Google, vous pouvez utiliser votre fichier robots.txt.

Dans votre robots.txt vous prouvez spécifiez à Google de ne pas indexer certaines de vos pages en utilisant la règle "Disallow": 

Disallow: /ne-pas-scanner-cette-url/

Dans ce tutoriel, je vais vous montrer comment utiliser la Google Search Console (ex Google Outils pour les Webmasters) pour vérifier si vous avez réussit à bloquer l'indexation d'une URL spécifique .

Joomla Force SSL est une fonctionnalité pour activer le certificat SSL sur votre site Joomla. 

SSL pour Secure Sockets Layer est un protocole de sécurité qui transmet les données privées de votre site Joomla en format encrypté. De la même façon les données entre & vers le site seront sécurisées selon le protocle https au lieu du péfixe standard http.

Est ce que votre site à vraiment besoin d'avoir un certificat SSL ?

Si vous avez un site Ecommerce ou un site professionnel, le certificat SSL est un must pour protéger vos données critiques. Consulter la rubrique ci-dessous "Plus d'informations sur les certificats SSL" pour une évaluation plus détaillée.

Comment paramétrer Joomla pour utiliser un certificat SSL ?

Le JoomlaDay France 2016 se tiendra cette année à l'espace Seforex de LEVALLOIS PERRET aux portes de Paris.

Le détail du programme & conférences est disponible sur le site du www.joomladay.fr a cette adresse  https://www.joomladay.fr/programme

Valentin Garcia est l'auteur de l'article How to Add Icons to Joomla Menu Links dont la traduction est autorisée par  ostraining.com 

Beaucoup de templates Joomla offre la possibilité d'ajouter une icône à un élément de menu.

Si votre template ne possède pas cette fonctionnalité, nous avons la solution.

Continuez de lire cet article pour savoir comment ajouter les icônes de Font Awesome à vos liens de menu. 

Les sites internet deviennent de plus en plus complexes, et la page d'accueil devient de moins en moins importante. Une grande partie des internautes ne verront probablement jamais votre page d’accueil. 

Les propriétaires de sites peuvent donc choisir de ne pas montrer le lien "accueil"  dans la navigation de leur site.

Dans ce tutoriel, je vais vous montrer comment cacher le lien "accueil" de vos sites Joomla.

La version de Joomla 3.5.0  est maintenant disponible. Nous sommes très fébriles avec la sortie cette nouvelle version de Joomla, des tests aléatoires des templates  Joomlart ont démontré leur comptabilité avec Joomla 3.5 . Joomla 3.5 apporte de nouvelles fonctionnalités. Nous allons découvrir quelques unes de ces nouvelles fonctionnalités 

Les nouvelles fonctionnalités de Joomla 3.5 en détails

Le site cmscritic a annoncé  que Joomla a gagné le prix du "meilleur CMS gratuit", pour ce prix il y eut une compétition serrées  dans la catégorie des "Meilleur CMS gratuit" entre Joomla! Grav CMS & October CMS. Plusieurs milliers de votes furent enregistrés mais il devint rapidement évident que Joomla fut le gagnant.