Zh YandexMap - Cartes Yandex pour Joomla. JB Maps v1.2.5 - module de carte de Google pour Joomla Plugin de cartes Yandex pour Joomla 3.0

JB Maps vous propose un module simple pour intégrer une carte sur votre site Web. Il s'agit d'un module gratuit créé par JoomlaBamboo, il vous permet de définir la hauteur, la largeur, la position de départ et jusqu'à 3 marqueurs sur la carte. Il vous permet également de construire des itinéraires entre les balises.

Fonctions

• Définition de la hauteur de la carte.
• Définition de la largeur de la carte
• Réglage du niveau de zoom standard
• Définition des coordonnées initiales
• Créez jusqu'à 3 repères
• Construire des itinéraires entre les marqueurs

Dépendances

Plugin JB Library - si votre site n'utilise pas jQuery. Pour tous nos modèles T3, vous n'avez pas besoin d'installer la bibliothèque JB pour le faire fonctionner.

Instructions

Assurez-vous d'abord d'avoir installé le module à l'aide du programme d'installation de Joomla depuis le panneau d'administration, puis placez le module dans la position souhaitée. Après cela, vous pourrez modifier les paramètres. Accédez au panneau d'administration de Joomla et recherchez-y le gestionnaire de modules. Vous verrez donc une liste de modules, recherchez-y le module JB Maps. Cliquez sur le titre et vous verrez les paramètres qui peuvent être configurés. Si vous avez besoin de plus d'informations sur les paramètres, faites glisser le texte vers la gauche et une info-bulle apparaîtra. N'oubliez pas de sauvegarder vos modifications.

Résolution de problèmes

Lorsque vous installez un module, celui-ci se trouve en position de module gauche et est désactivé. Vérifiez que vous l'avez déplacé à la position souhaitée et qu'il est actif.

Puis-je utiliser l’option automatique pour les paramètres de largeur ?

Non, il n'est pas possible de définir une carte détection automatique largeur. Vous devez spécifier une largeur maximale d'affichage de la carte en fonction de la largeur du conteneur principal de votre modèle. Le module utilise Propriété CSS max-width, qui garantit que la carte ne s'étend jamais au-delà de son conteneur parent dans une conception réactive.

Plan du site Carte OS.

Ce composant était le meilleur pour Joomla à une époque. Version gratuite Cette extension contient tout ce dont vous avez besoin pour créer un plan de site fonctionnant sur extensions de base. Tout ce dont vous avez besoin pour avoir un plan de site sur votre site Web fonctionnant sur le moteur Joomla est d'installer cette extension. Eh bien, configurez-le si vous souhaitez supprimer certaines pages ou matériaux de la carte.

Ce composant a remplacé le plan du site autrefois populaire pour Joomla - " Xmap", qui n'est plus pris en charge et le site officiel de Xmap a été fermé.

Étape 1. Installer un plan de site sur Joomla

Vous devez d'abord télécharger l'archive. Pendant le processus d'installation, les plugins de composants et d'extensions seront installés Carte OS.

Le composant est installé via le panneau d’administration du site en utilisant le chemin suivant :

Extensions ==> Extension Manager ==> Charger le fichier à partir du package

Sélectionnez le fichier téléchargé sur votre ordinateur et cliquez sur Téléchargez et installez

La carte entière est installée et fonctionne immédiatement.

Étape 2. - Paramètres du plan du site

Dans le panneau d'administration du site, accédez à Composants => OSMap.

Voici le plan du site "Sitemap", sur lequel nous nous rendons.

La carte est déjà créée et publiée immédiatement après l'installation ! Vous n’avez rien d’autre à faire, tout fonctionne !

Pour plus de commodité, vous pouvez le renommer, mais cela n’a pas vraiment d’importance.

Dans l'onglet Menu Nous marquons les menus qui doivent être affichés dans le plan du site. Quant à la priorité et à la fréquence de changement, vous n’avez rien à changer, puisque les moteurs de recherche indexeront toujours le site selon leurs propres règles.

Sur l'onglet Possibilités Les paramètres suivants sont disponibles :

Si vous n'avez pas défini la traduction, elle s'affichera comme suit :

• Texte d'introduction- texte d'introduction à la carte au format HTML
• Titre du menu- nom du menu en haut de chaque menu
• Nom de la classe CSS- le nom de votre classe de style pour la map
• #Cols- indication du nombre de colonnes à partir de 2

• Image des liens externes- sélection d'images pour les liens externes
• Compresser XML- compression de carte
• Embellir XML- vue de la carte, vérifiez et sélectionnez l'option d'affichage de la carte que vous aimez
• Lien vers l'auteur- désactiver les liens vers les développeurs d'extensions

Étape 3. - Visualiser la carte

Nous quittons les paramètres et voyons dans la ligne avec le nom de la carte Map Links.

Lorsque vous cliquez sur Images, des informations sur les images du site apparaîtront.

Étape 4 : Créer un menu

Allez dans MENU et créez un élément de menu OSMap - Plan du site HTML. Dans la ligne « Choisir un plan du site », nous indiquons le plan du site.

Dans l'onglet suivant "Paramètres du plan du site", il y a un bouton pour connecter les styles pour cette extension.

Nous ouvrons l'élément de menu créé sur le site, où un plan du site nous attend.

Étape 5. Plugins

Vers l'expansion Carte OS Sept plugins sont inclus, dont trois sont inclus par défaut. Le reste est utilisé en fonction de la présence de composants installés sur le site, comme un forum, une boutique et autres.

Les plugins ont des paramètres par défaut très bons, comme c'est le cas du composant.

Comme sur une carte Carte OS supprimer les pages de sites Web inutiles

Pour ce faire, vous devez vous connecter au site (pas dans le panneau d'administration, mais sur le site !!) en utilisant le login administrateur. Ouvrez le plan du site XML - étape 3 décrite précédemment. Dans la colonne la plus à gauche, lorsque vous cliquez sur « l'oiseau » vert, vous pouvez activer/désactiver les éléments dont vous avez besoin. Pour plus de commodité, en haut du bloc d'informations, activez "Afficher les en-têtes"

Bon, au final, n'oubliez pas d'écrire l'adresse du plan du site dans le fichier robots.txt

Pour ce faire, ajoutez la ligne suivante au fichier robots.txt.

Le composant Xmap 1.2.14 et 3.2.4 RUS pour Joomla est conçu pour créer une carte complète pour votre site Web exécutant cms Joomla. Xmap est capable de générer (créer) un plan de site au format HTML et XML, ce qui peut améliorer considérablement l'indexation de votre site par les moteurs de recherche.

Comme vous le savez, une carte de n'importe quel site est un élément important non seulement car elle aide les moteurs de recherche à indexer le site rapidement et efficacement, mais aide également les utilisateurs à mieux naviguer sur le site.

Commençons par un plan du site au format XML- que tout site web moderne devrait avoir, à moins bien sûr que vous soyez intéressé par sa promotion, puisqu'un plan du site au format XML est destiné aux moteurs de recherche et les aide à se repérer Adresses URL chacun d'eux.

Le plan du site lui-même au format XML est un fichier classique avec l'extension .xml contenant des liens URL (enfermés dans des balises XML) vers les pages de votre site et permet aux robots des moteurs de recherche d'obtenir des informations supplémentaires sur les pages de votre site.

La carte XML indique la fréquence des modifications apportées à chaque page et quand elles ont été effectuées dernier changement(heure et date), vous pouvez également spécifier la priorité de chaque page. Il n'est pas nécessaire de préciser tous ces paramètres ; tout cela est pour que les moteurs de recherche puissent indexer rapidement et correctement votre site.

Carte HTML site - il s'agit d'une page Web classique qui contient des liens vers toutes les pages de votre site et est destinée aux visiteurs de votre site. Une telle carte permet aux visiteurs de naviguer sur le site et d'accéder facilement à n'importe quelle page de votre site en un clic, même si la page se trouve à quelques clics de la page principale.

Comme je l'ai déjà dit, je suis capable de créer deux types de cartes sans aucun problème, en format HTML et XML. Ce composant Xmap peut également personnaliser son style css, accessible directement depuis le panneau d’administration. Le composant a une interface russe, ce qui le rend facile à comprendre, même pour un débutant.

Télécharger des fichiers :

L'article d'aujourd'hui que je souhaite consacrer au composant Xmap - plan du site pour Joomla 2.5, joomla 3.0. J'installe toujours ce composant sur tous mes projets, car... Un plan du site a un effet positif sur l'indexation du site dans les moteurs de recherche, surtout si le site a une structure complexe.

Voyons où ce composant peut être téléchargé, comment l'installer et comment le configurer. La première chose que je veux dire, c'est que ce composant est distribué gratuitement. Accédez au site Web du développeur et téléchargez la dernière version de Xmap.

Nous installons cette extension via le programme d'installation standard de Joomla - Extensions -> Extension Manager. Téléchargez l'archive téléchargée via le bouton « Parcourir » et cliquez sur le bouton « Télécharger et installer ».

Nous recevons un message indiquant que le composant a été installé avec succès. Ensuite, nous allons à menu système Composants -> Xmap. Je dirai tout de suite qu'il n'y a pas de langue russe ici, mais j'ai cherché sur Internet et trouvé une assez bonne traduction pour Xmap Joomla 2.5, Joomla 3.0. Vous pouvez le télécharger. Nous installons le module linguistique en tant qu'extension Joomla standard via un programme d'installation standard. Après l'installation, vous pouvez revenir au panneau de configuration Xmap et vous remarquerez que tout est désormais en russe. Si vous remarquez que Xmap nous donne ce message (après traduction) - " Xmap a constaté que cette extension vous aidera à mettre plus de contenu dans votre plan de site, mais elle est désactivée, vous devez l'activer manuellement en allant dans le gestionnaire d'extensions : com_content, com_weblinks". Nous devons activer certaines extensions pour inclure tous les liens dans le plan du site. Où les inclure ? Plus d’informations à ce sujet ci-dessous.

Xmap comporte deux onglets : Plans de site et Extensions.

Dans l'onglet « Plans du site », une liste des plans de site créés s'ouvre (il peut y en avoir plusieurs). Créons le premier plan du site sans quitter la caisse, pour ainsi dire. Pour créer un plan du site, cliquez sur le bouton orange « Créer ». Ensuite, saisissez un titre, par exemple, plan du site. Vous n’avez rien à saisir dans le champ « Alias ​​» ; il est renseigné avec la translittération du titre. Définissez le statut sur « Publié ». Accès – « Public », c'est-à-dire montrer le plan du site à tout le monde. Dans le champ « Texte d'introduction », vous pouvez écrire n'importe quel texte qui sera affiché avant le plan du site. En plus du texte, le texte d'introduction peut contenir des images, des vidéos, etc.

Dans la colonne de droite de l'onglet "Menu" Nous cochons les menus créés que nous souhaitons inclure dans le plan du site. Sur la base des éléments de menu, un plan du site est construit.

Priorité — ici vous pouvez définir la priorité des pages liées au menu. En définissant une priorité, les moteurs de recherche sont informés de l'importance d'une page particulière. Plus la priorité est élevée, plus la page est importante. La priorité est marquée dans le plan du site XML, mais n'est pas affichée dans le plan du site HTML. Par exemple, le menu principal peut avoir une priorité plus élevée et d'autres menus une priorité inférieure. La priorité est indiquée de 0,1 à 1 par pas de 0,1. Ce paramètre n'est pas particulièrement important et n'affecte pas l'indexation des pages.

Taux de rafraîchissement — ici, nous définissons l'intervalle de fréquence avec lequel les sections de ce menu sont mises à jour, c'est-à-dire si les éléments de ce menu sont mis à jour plusieurs jours par semaine, alors il est préférable de définir « hebdomadairement », si tous les jours, puis « quotidiennement », etc. Cette option indique aux moteurs de recherche via une carte XML (créée automatiquement) la fréquence à laquelle votre site est mis à jour. N'essayez pas de tricher moteur de recherche, ça ne marchera pas. Définissez des intervalles réalistes.

Dans l'onglet "Options" Les éléments suivants sont à notre disposition :

• Texte d'introduction— définissez « Oui » si nous voulons afficher le texte d'introduction dans le plan du site HTML, qui a été saisi dans un grand champ de texte, sinon définissez « Non ».
• Titre du menu— définissez « Oui » si nous voulons voir le titre du menu au-dessus des liens dans le plan du site HTML.
• Nom de la classe CSS— ici, nous pouvons définir une classe unique pour la feuille de style afin de concevoir le plan du site HTML à notre discrétion.
• # colonnes— en utilisant cette option, nous pouvons spécifier le nombre de colonnes du plan du site. Ceci est pertinent si nous avons plus d’un menu sélectionné dans l’onglet précédent.
• Image du lien externe- s'il y a un lien dans le plan du site menant vers une ressource tierce, ou comme on dit, lien externe, il peut alors être marqué avec une icône spéciale. L'icône se trouve à l'adresse suivante - /components/com_xmap/assets/images.
• Compresser XML— ici je vous conseille de mettre « Oui ». Ceci est nécessaire pour réduire la taille du fichier et, par conséquent, chargement rapide. Mais parfois, cela peut poser des problèmes aux robots de recherche. Dans ce cas, vous pouvez régler le commutateur sur « Non ».
• Beau XML— cette option n'est pas obligatoire, elle donne seulement visuellement un aspect plus ou moins agréable au plan du site XML. Si vous rencontrez des problèmes avec votre plan de site, vous pouvez définir le commutateur sur « Non ».

Onglet " Plan du site d'actualités"—nécessaire si vous avez un site Web en actualités Google. Dans le domaine " Titre de la publication» saisissez le nom de votre publication d'actualité dans Google sans guillemets, par exemple Actualités du site zaurmag.

Maintenant que nous avons parcouru tous les points, nous pouvons cliquer sur le bouton « Enregistrer » ou « Enregistrer et fermer ». Nous avons maintenant un plan du site dans la liste des plans du site.

Vous pouvez visualiser le plan du site XML en cliquant sur le lien « Plan du site XML », la page s'ouvrira dans un nouvel onglet. Nous ouvrons également le plan du site d'actualités si le site est ajouté à Google Actualités.

Voici à quoi ressemble le plan du site XML d'un de mes exemples de sites. En haut, on nous indique combien d'URL sont présentes dans la carte, il y a une liste des URL des pages elles-mêmes et faites attention aux colonnes Fréquence de changement et Priorité. Ici, vous pouvez définir les paramètres que nous définissons dans l'onglet " Menu". Ensuite, ce sur quoi je voudrais attirer votre attention est le lien « Connexion » en haut de la fenêtre. A quoi ça sert ?

Après autorisation dans la partie avant du site avec les droits de super administrateur (pour autoriser, ouvrez n'importe quelle page de la partie avant du site et connectez-vous via le formulaire d'autorisation, puis revenez au plan du site et rechargez simplement la page), nous pouvons modifier notre plan de site XML, à savoir :

• nous pouvons supprimer certaines URL de la publication, c'est-à-dire ceux que nous ne voulons pas voir dans l’index des moteurs de recherche.
• nous pouvons modifier la fréquence des modifications apportées à chaque adresse individuelle, c'est-à-dire page. Si dans les paramètres, la fréquence de changement a été attribuée uniquement au menu, vous pouvez déjà attribuer ici chaque page séparée de ce menu. Je trouve cela très pratique car toutes les pages ne sont pas mises à jour de la même manière. Par exemple, les utilisateurs peuvent écrire des commentaires plus souvent sur une page que sur une autre, et les commentaires constituent également une mise à jour.
• nous pouvons attribuer à chaque page individuelle une priorité. Tout est pareil ici.

Le point suivant est constitué de deux cases à cocher : Afficher le titre et Afficher les éléments exclus. Si vous cochez la case "Afficher le titre", alors le titre de la page apparaîtra au-dessus des adresses, ce qui est également très pratique, car Il n'est pas toujours possible de déterminer à partir des adresses de quel type de page il s'agit. Si vous cochez la case « Afficher les éléments exclus », nous afficherons les adresses que nous avons supprimées de la publication. Les URL non publiées à gauche sont marquées d'une croix rouge et peuvent être barrées. Si cette case n'est pas cochée, ces adresses sont masquées. Toutes les URL publiées sont marquées d'une coche verte (uniquement si elles sont autorisées).

Eh bien, je pense que nous avons compris le plan du site XML et maintenant nous passons à autre chose. Ensuite, nous reviendrons au panneau de configuration Xmap et analyserons le deuxième onglet "Rallonges" . Mais qu’en est-il d’un plan de site HTML, demandez-vous ? Nous créerons un plan de site HTML un peu plus tard. Tout d’abord.

L'onglet « Extensions » contient une liste de tous les plugins qui complètent Xmap. Nous devons inclure ce dont nous avons besoin. Par défaut, les extensions suivantes sont installées avec Xmap :

• Xmap - Content Plugin - affiche les liens dans le plan du site à partir du composant de contenu standard Joomla ;
• Xmap - Kunena Plugin - affiche une liste de toutes les catégories et sujets créés sur un forum fonctionnant sur le composant Kunena (mais pour une raison quelconque, ce plugin n'a pas fonctionné pour moi) ;
• Xmap - Plugin d'arbre Mosets
• Xmap - Plugin SobiPro
• Xmap - Virtuemart Plugin - un plugin pour une boutique en ligne fonctionnant sur la plateforme Virtuemart, affiche des liens vers toutes les catégories et produits de la boutique.
• Xmap - Plugin WebLinks

En cliquant sur l'onglet « Extensions », nous serons redirigés vers le gestionnaire de plugins Joomla ; ce n'est que lorsque nous arriverons aux extensions via Xmap que le filtre pour les extensions Xmap se déclenchera automatiquement.

Si vous avez installé un composant autre que ceux répertoriés ci-dessus, vous devez installer le plugin pour Xmap séparément. Il est installé via le programme d'installation standard de Joomla.

Dans la capture d'écran ci-dessus, vous pouvez voir qu'en plus des plugins standards, le plugin Xmap pour le composant K2 est installé et activé, car Sur un exemple de site, le contenu est construit sur ce composant.

Eh bien, créons maintenant un plan de site HTML. Pour ce faire, nous devons créer un élément de menu et le lier à Xmap. Nous pouvons créer un menu séparé pour le plan du site avec un seul élément et l'afficher n'importe où et créer, par exemple, une icône de plan du site au lieu d'un lien.

Je vais montrer en utilisant le menu principal comme exemple. Accédez au gestionnaire de menus -> menu principal -> créez un élément de menu. Ici, comme d'habitude, entrez le titre, mais sélectionnez l'élément de menu de type Xmap -> Plan du site HTML.

Après cela, dans la colonne de droite dans le « Paramètres requis» sélectionnez le plan du site que nous avons créé dans Xmap.

Après cela, enregistrez et accédez à notre site Web. Cliquez sur l'élément « Plan du site » dans le menu principal.

Voici ce que j'ai obtenu. Ça a l'air plutôt bien. A l'aide de l'arborescence des liens, vous pouvez déterminer l'imbrication des articles.

Bon, c'est probablement ici que je terminerai mon article sur Xmap. Si vous avez des questions, posez-les dans les commentaires, je me ferai un plaisir d'y répondre.

Dans quel cas ces options doivent-elles être utilisées ?

Le constructeur peut être utilisé si vous avez besoin d'une carte standard avec une simple étiquette. Cela représente près de 80 % des cas.
Par exemple, pour marquer un bureau ou un magasin sur un plan de ville.

Examinons de plus près chacune des options et avec quelles extensions cela peut être implémenté.

Option 1. Affichage de la carte via le constructeur.

Si nécessaire carte simple, puis accédez au constructeur et créez une nouvelle carte.
Nous indiquons son nom et sa description.

Nous sélectionnons la zone souhaitée sur la carte et mettons une marque ; vous pouvez en spécifier une brève description, sélectionner une couleur et une icône.
Vous pouvez également tracer des lignes, des polygones, sélectionner couche souhaitée: circuit, carte ou hybride.

Ensuite, vous devez spécifier la taille de la fenêtre cartographique ou l'étirer en largeur. Par exemple, pour une page de destination.
Sélectionnez le type de carte. Le plus couramment utilisé est interactif, qui peut être déplacé. C'est plus pratique.

Et à la fin, nous obtenons le code à intégrer sur votre site Web.

Vous pouvez insérer une carte soit dans un article, soit dans un module.
Veuillez noter que le code de la carte contient du code JavaScript, qui est coupé par l'éditeur Joomla.
Par conséquent, vous pouvez utiliser notre module JT Code ou notre plugin Sourcerer pour insérer

C'est tout.

Option 2. Afficher une carte à l'aide de l'API

Un composant puissant est Zh Yandex Map, il est gratuit et utilise dernière version API 2.0 ou 2.1 (facultatif).

Le composant a de nombreuses capacités, nous ne considérerons donc que les principales, qui sont le plus souvent utilisées.
À savoir, la sortie d'une carte avec une étiquette et une description étendue.

L'avantage du composant est qu'il est livré avec un plugin qui vous permet d'insérer une carte dans le matériau à l'aide d'une balise spéciale. Par conséquent, si vous avez de nombreuses cartes sur votre site, vous n'avez pas besoin de créer son propre module distinct pour chaque carte.

Ainsi, le composant est installé, vous pouvez vous rendre dans ses paramètres et sélectionner la version de l'API, ainsi que le protocole sur lequel il va fonctionner : http ou https.
Le reste des paramètres peut être laissé par défaut.

Dans les paramètres nous indiquons :

Il y a encore beaucoup de réglages, mais pour carte régulière Vous pouvez terminer ici et passer à la création d'une étiquette.

Pour créer une étiquette, rendez-vous dans la section Balises.

Nous indiquons ici :

• Nom
• supplémentaire Texte HTML, ici vous pouvez insérer n'importe quoi : texte, liens, images, etc.
• les marqueurs de latitude et de longitude peuvent également être pris sur une carte ordinaire et, si nécessaire, modifiés ultérieurement.
• nom de la carte, nous sélectionnons ici la carte que nous avons créée à l’étape précédente.
• un groupe de balises ou une catégorie de balises, si vous en avez créé un.

Dans l'onglet "Attributs de représentation", vous pouvez personnaliser l'apparence de l'étiquette.

Faites des retraits, changez l'icône, etc.
Pour utiliser les icônes Yandex standard, sélectionnez une icône prédéfinie pour l'étiquette.
Et ci-dessous dans le champ « Icône standard prédéfinie », insérez son nom. Vous pouvez le prendre en cliquant sur le bouton "Liste" icônes standard".
Vous devez supprimer les guillemets du nom de l'icône.

À ce stade, vous pouvez terminer la création d'une étiquette pour la carte et afficher la carte sur le site Web.
Ensuite, vous pouvez modifier les paramètres des cartes et des marqueurs selon vos besoins.

Insertion d'une carte Yandex dans le matériel Joomla.

Dans l'article (ou module) souhaité, insérez simplement une balise spéciale (zhyandexmap:11)
Où 11 est l'identifiant de votre carte créée.

Note: J'ai remarqué qu'en insérant adresses e-mail Dans la description HTML de la balise, la carte ne fonctionne pas correctement. C'est juste au cas où.

Vous pouvez également créer plusieurs épingles sur une seule carte et les combiner en catégories ou groupes.
Vous pouvez créer des itinéraires, des chemins et différents types kart.
Le composant comporte de nombreux paramètres ; pour les comprendre, vous devez comprendre les capacités de l'API Yandex Maps. Ils sont très gros.

Eh bien, pour une carte ordinaire, ce qui est écrit ici suffit.
Vous pouvez consulter la documentation de ce composant sur le site Web du développeur >>
Vous y trouverez également un composant pour Cartes Google et Baidu.

Merci de votre attention)
Bon développement !