blog alpha design joomla

Le blog d' Alpha Design Joomla et autres ...

5 Astuces pour les utilisateurs Joomla

5 astuces Joomla

Joomla est un excellent CMS, avec tant paramétrages possibles, qu'il se peut que certains utilisateurs Joomla ne soient pas contients  de  toutes les options  disponibles.

Je vais partager avec vous 5 astuces que les utilisateurs Joomla seront heureux de découvrir :

  • Déverrouillage global
  • Afficher le nom du site dans le titre des pages
  • Activer HTTPS dans toutes les pages de votre  site
  • Dupliquer un module
  • Prévisualiser les positions de modules

Astuce N°1. Déverrouillage global

Pour déverrouiller l'édition d’articles, de catégories, plugins ou de modules vous pouvez effectuer un déverrouillage global.

En savoir +

Définissez les titres des pages de navigateur : nouveauté de Joomla 3.7

page title Joomla 3.7 est disponible depuis quelques mois.  Comme les changements du router n'ont pas pu être mis en place, il semblait qu'aucune amélioration SEO n'était incluse dans cette nouvelle version. Toutefois il s'avère quelle contient une pépite, bien cachée. Il s'agit certes d'un petit changement, mais il est extrêmement utile. Il nous évite de mettre en place des hacks et d'utiliser des extensions qui sont superflues maintenant !

Ce changement ouvre une nouvelle possibilité de configuration / définition du titre de page du navigateur pour chaque article individuellement . Pour éviter toutes confusions, je parle du titre de page comme vous pouvez le voir sur l'onglet de votre navigateur : 

browser tab

Le plus important, est qu'il est utilisé par Google comme le titre des sites dans ses résultats de recherche. Il est communément considéré comme le critère le plus important en matière de SEO (référencement naturel).  page title in google

En savoir +

Comment Insérer du contenu à votre site en utilisant du CSS ?

les sélecteurs css pour customiser le design de votre siteSaviez-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 .

En savoir +

Comment cibler des éléments avec des attributs en CSS ?

Sélecteur CSS pour définir le design de votre site.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 */
}

En savoir +

Comment créer un élément de menu caché dans Joomla ?

cacher des liens de menu dans Joomla

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

 créer un nouvel élément de menu à cacher

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

En savoir +

Comment utiliser des images en background avec du CSS ?

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  

En savoir +

Comment ajouter des videos Youtube & Vimeo responsives à n'importe quel site ?

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

responsives videos

En savoir +

Comment créez une Google Maps responsive pour n'importe quel site ?

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, WordPresse, 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 

 google maps responsive 1

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

En savoir +

Comment aligner ses images avec JCE dans Joomla ?

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"

l'icône insert/edit image de l'éditeur JCE

En savoir +

Joomla gagne le prix du meilleur "CMS Gratuit" de 2016

cms critic award 2016 joomla gagne le prix du meilleure CMS gratuit

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

1 1 1 1 1 1 1 1 1 1 Notez cet article 0.00 (0 Votes)

JCE ne supporte officiellement que les versions de PHP >= 5.5

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

4.75 1 1 1 1 1 1 1 1 1 1 Notez cet article 4.75 (2 Votes)

Comment créer des colonnes avec column-count en CSS ?

Largeur de colonnes en utilisant column-count

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.

En savoir +

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour notamment réaliser des statistiques de visites