Ils sont de plus en plus utilisés pour faire des affaires, vendre des biens ou des services. Excellent outil, ce qui simplifie le travail avec le groupe - il s'agit d'un menu créé à l'aide du balisage wiki.

DANS Dernièrement le nombre de publics qui utilisent la liste wiki a considérablement augmenté. Après tout, ceci très bon moyen donne au groupe une apparence plus agréable et esthétique, et aide également les participants à naviguer plus facilement dans toutes les sections.

Dans cet article, nous vous expliquerons comment créer une page wiki VKontakte pour un groupe, comment créer un menu dans un groupe VK, quels types il existe, comment le créer et bien plus encore.

La création d'une page wiki cliquable est possible grâce au fait que l'éditeur de texte VK a la capacité d'utiliser le balisage wiki. Il vous permet d'utiliser équipes spéciales insérez des images, des liens vers celles-ci, des vidéos et d'autres éléments.

La liste permet de créer des liens directs vers chaque catégorie de produit/service ou vers différentes sections/discussions de la communauté (par exemple, portfolio, comment commander, sur l'entreprise, etc.). Tout utilisateur peut trouver information nécessaire en appuyant sur un seul bouton.

Cette solution est un navigateur pour les visiteurs ordinaires et constitue un design magnifique et élégant pour la communauté. Il s'agit d'un outil interactif grâce auquel, les gens seront satisfaits.

Malheureusement, les développeurs de VK n'ont pas encore créé la possibilité de publier une liste wiki sur la page wiki principale du public (pour l'instant, elle n'est disponible que dans un nouvel onglet). Par conséquent, les gens sont obligés d’être sophistiqués et de créer des publications distinctes menant à une page de menu.

Commandes et fonctionnalités de base du menu wiki

La fonctionnalité de la page wiki est très large. Avec son aide, vous pouvez rendre votre menu visuellement agréable, facile à lire et structuré.

Malheureusement, nous ne pourrons pas intégrer absolument toutes les équipes dans notre matériel, nous n’en parlerons donc que de quelques-unes.

Créer un menu à l'aide de fichiers multimédias

Cela se fait à l'aide de boutons spéciaux.

DANS forme de texte les fichiers multimédias sont : [​].

Où média XXXX_YYYY est le fichier multimédia lui-même, les options sont divers paramètres(pour les photos et vidéos), lien–inscription qui s’affichera lorsque vous passerez le curseur sur la photo/vidéo.

Pour les options photo, il y a :

Pour la vidéo :

Nous créons des titres de différents niveaux en utilisant les signes ==

Ajoutez des signes "==" au début et à la fin du titre. Voir la capture d'écran pour un exemple :

Travailler avec le texte du titre pour concevoir un menu de groupe VKontakte

Vous pouvez également utiliser les options de texte suivantes : italique, gras ou gris, barré ou souligné, exposant ou indice. Il est également possible d'aligner le texte au centre ou à droite. Vous trouverez ci-dessous un tableau avec les commandes :

Utiliser des citations pour attirer l'attention

L’utilisation d’une balise vous permettra de concevoir magnifiquement la citation de quelqu’un.

Les listes peuvent être numérotées ou à puces.

Pour une liste numérotée, utilisez le symbole "#" avant chaque nouvel élément.

Pour liste à puces similaire au précédent, uniquement avec le signe « * ».

Travailler avec des indentations

Pour mettre en retrait, ajoutez un signe « : » avant le mot. Selon le nombre de caractères, l'indentation augmentera ou diminuera.

Liens internes dans le menu du groupe

Ce sont des liens vers des ressources sociales internes. Réseau VKontakte (lien vers personne, communauté, discussion, application, page, vidéo et image). Ils sont ajoutés en utilisant la construction suivante : [].

Liens externes dans la création d'un menu VKontakte.

Le balisage wiki crée un menu de table

En utilisant la page wiki et le balisage, vous pouvez également créer un tableau. Voir capture d'écran :

Spoiler informatif

Avec son aide, vous pouvez masquer ou révéler des informations en un seul clic. Bien adapté si vous avez besoin de créer une section avec « Questions fréquemment posées ».

Un spoiler est créé en utilisant le design :

((Caseur|Nom du spoiler
Texte
}}

Et cela ressemblera à ceci :

Ainsi, les équipes contribueront à dresser une liste complète avec tous les éléments de conception.

Types de menus : quels sont-ils ?

Les pages wiki sur VKontakte peuvent être divisées selon différents critères :

• Texte (texte uniquement) ;
• Graphique (utilisant des images de boutons, d'arrière-plans, etc.).

Par affichage (selon l'image utilisée) :

• Z couvert (la structure elle-même n'est pas visible) ;

• Ouvert (tous les éléments sont visibles en même temps) ;

• Avec une bannière adjacente ou commune (peut être ouverte ou fermée).

Quel que soit le type que vous choisissez, ils fonctionnent tous sur le même principe.

N’ayez pas non plus peur de combiner ces types. Par exemple, vous pouvez d'abord réaliser une partie graphique avec des boutons (fond, style, design), puis la compléter avec divers informations textuelles(par exemple, « Questions fréquemment posées », en utilisant des spoilers).

Comment créer un menu texte

Moins populaire et plus simple est liste de textes sur la page wiki. Il ne contient aucune image ni bouton. Ceci est juste une liste de liens d'ancrage.

Ci-dessous se trouve instruction étape par étape comment créer une liste de textes pour un groupe VK :

1. Vous devez d’abord créer une communauté. Pour cela, rendez-vous dans « Community Management » et sélectionnez la section « Sections ». Recherchez la ligne « Matériaux », sélectionnez « Restreint » et enregistrez les paramètres.

1. Suivant page d'accueil le public apparaîtra " Dernières nouvelles" Allez-y et cliquez sur "Modifier".

1. Entrez le nom.
2. Ci-dessous se trouve éditeur de texte CV. C'est ici que nous allons créer notre liste.
3. Utilisez la construction suivante :

Effectuez toutes les démarches nécessaires. Chaque nouvel article avec nouvelle ligne. Ici, vous pouvez utiliser diverses commandes, dont nous avons parlé plus haut.

Par exemple, nous écrirons une construction simple et petite :

1. Cliquez sur Enregistrer.

Ici, nous avons utilisé les signes « == » pour mettre en évidence le titre et les signes « * » pour mettre en évidence les sous-clauses. En conséquence, nous avons obtenu ce qui suit :

Ainsi, après avoir effectué seulement quelques étapes, nous avons reçu un menu wiki tout à fait compréhensible, où chaque élément vous permettra d'accéder rapidement à la page souhaitée.

Vous pouvez ajouter tout ce que vous voulez, à condition que votre imagination et vos capacités de balisage wiki soient suffisantes.

Comment créer un menu graphique

Créer menu graphique, Vous devez avoir au moins des compétences de base pour travailler avec des éditeurs graphiques (tels que Photoshop, GIMP, diverses applications etc.). Si vous ne les avez pas, nous pouvons vous recommander de faire appel à des professionnels ou à des ressources dotées de modèles prêts à l'emploi (en savoir plus ci-dessous).

Ici, nous parlerons de la façon de créer vous-même un menu de page wiki. Vous trouverez ci-dessous des instructions étape par étape :

1. Suivez les étapes 1 à 3 des instructions précédentes.
2. Il est nécessaire de créer des images vierges avec des boutons. Nous ne parlerons pas en détail du travail dans les éditeurs graphiques, car il existe de nombreuses leçons sur l'utilisation de Photoshop et d'autres programmes sur Internet.
   Nous prendrons les images suivantes.

Les trois images font partie d’une seule grande. Par conséquent, lorsque nous créons une navigation, ces images ressembleront à une seule image entière avec des boutons situés dessus.

1. Téléchargez des images dans l'éditeur de texte VKontakte.

1. En cliquant sur chaque image, vous pouvez sélectionner des options et fournir un lien.

1. Sur la droite, il y a un commutateur entre le visuel et modes texteédition.

1. Sous forme de texte, nos images ressemblent à ceci :

1. Nous changeons l'inscription « noborder » en « nopadding » pour supprimer la distance entre les images et les rapprocher. Et après le signe « | » ajouter un lien.

1. Cliquez sur « Enregistrer la page ».

En conséquence, nous avons obtenu ce menu :

Avec un peu d'effort et d'ingéniosité, vous pouvez créer un design original qui s'intégrera dans la conception globale du groupe.

Comment sécuriser

Pour que le menu wiki créé soit affiché sur la page principale de la communauté, vous devez suivre les étapes suivantes :

1. Créez un nouveau message.
2. Copiez le lien de votre menu. Pour ce faire, accédez à nouveau à l'édition et copiez l'URL depuis la barre d'adresse du navigateur.

Ajoutez d’abord une image, voir l’image ci-dessous.

Maintenant, publiez et épinglez le message.

Ici, vous devrez travailler dur sur l'image. Après tout, il sera visible en permanence, il devra également s'intégrer dans la conception globale du public et indiquer aux utilisateurs qu'en cliquant, ils seront redirigés vers le menu.

Comment supprimer

Supprimer le menu wiki n'est pas tâche difficile. Allez simplement dans la section « Gestion de la communauté », « Sections » et désactivez les documents.

Il est important de se rappeler que si vous avez utilisé une publication épinglée, elle restera. Par conséquent, il devra également être supprimé (ou au moins supprimé de ceux épinglés).

Modèles prêts à l'emploi

Nous souhaitons également présenter à votre attention des services qui vous aideront à télécharger des modèles prêts à l'emploi ou à en créer de nouveaux en quelques clics.

• You-ps.ru est un service avec des modèles de menu wiki prêts à l'emploi et d'autres éléments de conception communautaire prêts à l'emploi.

• Vkmenu.com est un constructeur en ligne. Il vous permet de créer facilement et rapidement des menus élégants.

Aussi pour solutions prêtes à l'emploi Cela inclut l’embauche d’un professionnel. Dans ce cas, vous n'êtes pas non plus obligé de tout faire vous-même, mais vous devrez payer.

Conclusion

Nous avons examiné ce qu'est un menu wiki dans les communautés VKontakte. Nous avons appris à le créer et à utiliser diverses commandes.

Nous pensons que le menu n'a pas encore été pleinement apprécié. Pour grande quantité Pour les gens, ce « balisage wiki » est quelque chose de super complexe et effrayant. Ils ne veulent même pas s'en charger. Mais en réalité, comme on le voit, tout est assez simple.

N'ayez pas peur d'expérimenter et d'être original !

Les groupes VKontakte sont opportunité supplémentaire non seulement gagner de l'argent sur Internet, mais aussi promouvoir propre business. Qu’est-ce qui détermine la réussite d’un groupe ? Cela dépend de la manière dont vous le promouvoirez activement, ainsi que de la compétence avec laquelle il sera conçu.

Lors de la création d'un groupe VKontakte, vous devez procéder comme suit :

• Rédigez une description du groupe.
• Choisissez l'avatar optimal.
• Ajoutez du contenu intéressant.
• Trouvez un nom efficace.
• Créez un menu pour le groupe.

Si presque tous ces points sont clairs immédiatement après leur lecture, alors la création d'un menu pour un groupe VKontakte s'accompagne souvent de nombreuses questions. Comment créer un menu pour un groupe VKontakte ? Pour ce faire, nous avons compilé des instructions détaillées, grâce auxquelles vous pouvez facilement créer un menu intéressant et magnifique.

Instructions pour créer un menu pour un groupe VKontakte

Installation.

Tout d'abord, vous devrez accéder aux paramètres du groupe et activer les matériaux :

Il vaut mieux parier limité, car... Avec des matériaux ouverts, chaque utilisateur pourra les créer dans votre communauté.

2. Nouveau domaine dans le groupe.

Après la configuration, un nouveau champ « Dernières nouvelles » devrait apparaître dans votre groupe :

Pour modifier le contenu de ce formulaire, vous devrez cliquer sur le bouton "Modifier", après quoi un nouveau formulaire apparaîtra dans lequel vous pourrez intégrer divers fichiers, comprenant un menu pour le groupe :

Vous devez maintenant créer ou télécharger un menu pour votre groupe.

3. Création d'un menu pour un groupe VKontakte.

Pour présenter un exemple, nous utiliserons le programme Photoshop et créez un nouveau menu. Après avoir ouvert l'éditeur graphique, créez nouveau fichier et définissez les dimensions approximatives sur 700 par 1050. Après cela, ajoutez image de fond et dessinez des boutons de menu avec les inscriptions :

4. Diviser une image en plusieurs parties.

Pour éléments individuels les images ont été copiées, nous avons besoin de l'outil « Découpe » :

Utilisez cet outil pour sélectionner la zone autour de chaque bouton :

Maintenant, dans le menu, nous sélectionnons la sauvegarde spéciale du menu créé :

Dans l'exemple, nous avons divisé l'image en 5 parties, nous avons donc maintenant 5 images distinctes qui devront être assemblées en une seule image.

5. Insérez des images.

Nous revenons maintenant à l'éditeur du champ « Dernières nouvelles » et y ajoutons des images :

Une fois que vous avez sélectionné les fichiers du menu, vous devriez voir le code suivant :

6. Mise en place du code.

Il ne suffit pas d'insérer des images pour faire fonctionner le menu, vous devrez définir certains paramètres. Tout d’abord, nous ajoutons la balise « nopadding » pour supprimer la séparation entre les différentes parties de notre menu :

Et maintenant le plus important est d'indiquer le lien vers la page, après une barre oblique horizontale dans chaque ligne, voici un exemple :

Comme vous pouvez le constater, dans l'exemple, nous avons spécifié différents liens pour naviguer à partir du menu. Il ne reste plus qu'à changer le nom du lien qui ouvre le menu et vous pourrez vérifier ce que nous avons obtenu :

Comme vous pouvez le constater, il n'y a rien de compliqué à créer un menu pour un groupe VKontakte. Si vous n'avez pas Photoshop ou vous ne savez pas dessiner (comme moi), alors téléchargez des menus tout faits sur Internet, le choix est assez large.

Conception de menus de groupe, conseils utiles.

La conception de haute qualité de n'importe quelle page sur Internet augmente l'intérêt pour celle-ci. Après avoir modifié le design de la communauté, vous remarquerez immédiatement une amélioration des statistiques. Créer un menu dans un groupe VKontakte n'est pas difficile, et si vous décidez de l'utiliser, tenez compte de ces recommandations utiles :

1. Après Création de wikis balisage (code de menu), enregistrez-le dans fichier texte. En cas de problème, vous aurez la possibilité de restaurer le menu.
2. Vous pouvez facilement trouver un modèle de menu de groupe VKontakte sur Internet. Cela sera utile à tous ceux qui ne savent pas travailler avec Photoshop et autres éditeurs graphiques.
3. De plus, pour faciliter le travail, les boutons de menu du groupe VKontakte peuvent être téléchargés sur Internet et simplement installés sur n'importe quel arrière-plan.
4. Ne prenez pas de photos trop petites pour le menu, au contraire, il vaut mieux utiliser un format énorme, sinon la qualité est perdue.
5. Il est préférable de ne pas faire en sorte que la largeur du menu dépasse 610 pixels, sinon il risque de ne pas s'afficher correctement sur la page.
6. Il existe des éditeurs spéciaux pour travailler avec le balisage Wiki, mais vous devrez les comprendre séparément : ils sont créés pour les professionnels.
7. Ne vous précipitez pas pour finir de travailler dans l'éditeur graphique, essayez-en différents schémas de couleurs, polices, arrière-plans, etc.
8. Le menu du groupe VK est plus beau s'il est combiné avec un avatar. Pour ce faire, vous devez ajuster la taille de l'image.

Les professionnels créent un nouveau menu dans le groupe VKontakte en quelques minutes. Les débutants n'arrivent pas toujours à tout faire efficacement. Il ne faut pas ajouter n’importe quoi, car cela pourrait au contraire faire fuir les abonnés. Il vaut donc mieux se tourner vers des professionnels ou des services spécialisés, ce n'est pas si cher que ça.

Beau menu de groupe pour 100 roubles

De nombreux concepteurs différents ont été créés pour créer un menu de groupe VKontakte en ligne. Les prix varient partout, tout comme les fonctionnalités disponibles. En comparant les services, nous pouvons affirmer avec certitude que Menumake est la meilleure option. Même un débutant ne prendra pas plus de 5 minutes pour créer un menu et le système l'ajoutera automatiquement à le groupe souhaité. Comment tout cela se passe-t-il ?

1. Nous allons sur le site et nous connectons via VKontakte. Ouvrira liste complète groupes dans lesquels vous êtes administrateur. Choisir la bonne communauté et cliquez sur « Créer un menu » :

1. L'éditeur s'ouvre, au centre il y a un bouton « Sélectionner un modèle ». Cliquez dessus et sélectionnez modèle prêt à l'emploi Menu VKontakte, large choix :

1. Après cela, des éléments de menu sont ajoutés. Tout est simple ici, vous précisez le texte du menu et, au contraire, ajoutez un lien où l'utilisateur sera dirigé lorsqu'il cliquera :

1. Sous les éléments de paramètres se trouvent Options supplémentaires. Vous pouvez choisir un arrière-plan différent, modifier la police, la couleur, son emplacement, etc. :

1. Il y a un aperçu à droite menu créé. Ajustez les paramètres jusqu'à obtenir le résultat souhaité, puis cliquez sur le bouton « Charger le menu dans le groupe » :

1. Avant le début du téléchargement, une fenêtre s'ouvrira dans laquelle il sera rappelé aux clients qu'ils doivent payer 100 roubles pour ce service. Cela comprend l'ajout d'un album, le placement d'un menu graphique dans le groupe VKontakte et son code :

Le paiement sur ce site peut être effectué en utilisant carte bancaire ou via PayPal. L'administration est également prête à accepter d'autres monnaies électroniques via le système Yandex.Cash. Pour seulement 100 roubles, vous aurez un menu de groupe VKontakte, et nouveau design aidera certainement au développement du site.

Où commander un menu pour un groupe VKontakte ?

Le service présenté ci-dessus fonctionne selon un algorithme spécial. Que se passe-t-il si l'utilisateur a certaines exigences et souhaite ajouter quelque chose d'original ? Dans ce cas, mieux vaut se tourner vers des designers et des professionnels. Les trouver n'est pas difficile, des sites spéciaux ont également été créés à cet effet :

Balisage wiki et photos à télécharger dans un album séparé.

Erreurs lors de la création d'un menu de groupe VKontakte

Les utilisateurs inexpérimentés essaient souvent d'économiser de l'argent et de tout faire eux-mêmes. Sans certaines compétences (au moins la capacité de travailler avec des éditeurs graphiques), le résultat est n'importe quoi. Certains menus des groupes VK font rire, et tout cela parce que ces erreurs sont commises :

Erreur 1.

Le plus souvent, des menus de mauvaise qualité se produisent lorsque son développeur a essayé d'ajouter quelque chose d'inhabituel et de créatif de sa part. Editeur graphique Ils vous permettent d'ajouter de nombreux motifs différents, de disposer les boutons de manière non standard, etc. Tout cela est un fardeau supplémentaire, le menu doit être avant tout pratique, il est donc préférable de le rendre simple et élégant.

Erreur 2.

Parfois, l'accent est mis sur image de fond, car il occupe la majeure partie du menu. Les boutons doivent être énormes, divisant complètement l'image principale en plusieurs parties. Le fait est que près de 50 % trafic social aller en ligne avec appareils mobiles. Il est facile de cliquer sur de petits éléments avec la souris, mais petit écran c'est tout simplement impossible.

Erreur 3.

Afin d'intéresser le visiteur et de l'obliger à cliquer sur au moins un élément du menu VKontakte, certains ajoutent 10 boutons ou plus. Personne n'a besoin d'une telle navigation, au contraire, cela déroute l'utilisateur. Il vaut mieux choisir 3 à 5 points principaux sans présenter un énorme catalogue.

Erreur 4.

Le menu contient souvent des liens vers des sites tiers, ce qui agace les utilisateurs. Ils ne veulent pas quitter VKontakte, il vaut donc mieux que les points les dirigent vers les pages internes du réseau social. Si vous avez besoin de présenter un catalogue ou autre chose, il est préférable de créer une discussion et d'y mettre un lien vers le site.

Erreur 5.

Les éléments de menu doivent être réfléchis et vraiment utiles aux utilisateurs. Par exemple, dans le groupe de boutique en ligne, il est logique d'ajouter les éléments Livraison, Catalogue, Contacts. Dans les groupes d'information - Règles, Prix de la publicité, Liens vers les discussions. N'oubliez pas que chaque point doit rapprocher le visiteur de l'action cible (commande, demande, etc.).

Les débutants commettent constamment le même type d'erreurs, ce qui gêne la conception du menu du groupe VKontakte et réduit son efficacité. Si le menu est inutile, à quoi ça sert ? Cela devrait être utile à la fois à l'administrateur (qui dirige les gens vers pages requises), et pour le visiteur qui recherche les informations nécessaires).

Il est tout à fait possible d'élaborer gratuitement un menu de groupe de vos propres mains, surtout maintenant que vous avez Instructions détaillées. Cependant, il vaut mieux faire confiance aux professionnels et dépenser une petite somme. La conception des communautés affecte leur développement, et maintenant VK a été mis à jour et des images ont été ajoutées en haut, qui doivent également être utilisées pour une belle apparence.

Je pense que tous ceux qui utilisent activement réseau social Sur VKontakte, j'ai déjà découvert des groupes et des pages publiques magnifiquement conçus. Beaucoup d'entre eux, en plus du menu, comportent également de nombreuses sous-pages stylisées, catalogues, etc., ce qui crée essentiellement un petit site Web directement à l'intérieur du réseau social.

Voici quelques exemples pour que tout le monde comprenne de quoi nous parlons.

De tels groupes vous permettent de vous démarquer de vos concurrents et d'attirer plus d'utilisateurs. Surtout si le contenu est également intéressant :)
Dans cet article, nous parlerons de la façon dont tout cela se fait. Pour tout analyser plus en détail et approfondir toutes les subtilités, prenons exemple spécifique. Il y aura une petite master class sur la conception de groupe.

La toute première étape de notre travail est l’idée. Nous devons comprendre ce que nous voulons dire et à qui. Il existe plusieurs formats de communauté dans VKontakte et vous devez choisir en fonction de vos objectifs. Bien qu'à l'avenir, le groupe puisse être transféré vers un format public et vice versa.

J'explique avec mes doigts. Publique- c'est quelque chose comme un blog. Fil d'actualité. Autrement dit, nous informons nos abonnés de certaines choses et ils ne pourront pas écrire sur le mur de notre communauté. Le maximum est de commenter.

Groupe vous permet de créer une communauté plus ouverte à la conversation et à la discussion, où les gens peuvent publier des publications dans le fil en leur propre nom. Vous pouvez également y ajouter des amis de votre liste. Une telle option n’existe pas en public. De plus, le groupe dispose d'un peu plus d'options pour intégrer le balisage wiki (il existe une section « Actualités » dans laquelle vous pouvez intégrer un menu).

Globalement, on peut penser ainsi : s’il faut créer une communauté pour un magasin, alors je prendrais le format « public ». Si l'on parle, par exemple, de passionnés de pêche, alors mieux vaut prendre un « groupe ». Mais chacun est libre de faire comme bon lui semble. Après tout, le format peut être modifié à tout moment. Cependant, gardez à l'esprit que VKontakte introduit une restriction pour modifier à nouveau le format de la communauté et qu'après la première fois, vous devrez attendre plusieurs jours jusqu'à ce que vous puissiez tout rendre si nécessaire. Par conséquent, il est préférable de tester la fonctionnalité avant que le groupe ne commence à se remplir de contenu.

Dans le cadre de cette master class, je prendrai comme point de départ le jeu Mad Max basé sur le film du même nom, sorti il ​​y a quelques semaines à peine, et créerai une communauté de joueurs avec divers matériels sur ce jeu . L’objectif principal est de drainer le trafic vers votre site de jeux.

Le format sera « Groupe », car il est nécessaire de créer un afflux naturel d'audience et de maximiser la communication au sein de la communauté. Je vais clarifier tout de suite ce que j'utiliserai. technique universelle, qui peut être utilisé aussi bien en groupe qu’en public. Cela fonctionne partout.

Il y a beaucoup de contenu, commençons à donner vie à l'idée !

Créer un groupe

Pour créer un groupe, allez dans « Mes groupes » dans le menu de droite de votre compte VKontakte et cliquez sur le bouton bleu en haut « Créer une communauté ».

Une fenêtre comme celle-ci devrait apparaître, dans laquelle nous entrons le nom de notre groupe et sélectionnons le format.

Après avoir saisi les informations nécessaires, notre panneau de contrôle communautaire s'ouvre devant nous. Dans mon cas, cela ressemble à ceci.

Comme vous pouvez le voir, j'ai ajouté quelques paramètres : j'ai inclus des vidéos, des enregistrements audio, des discussions et un certain nombre d'autres fonctionnalités qui me seront utiles dans mes futurs travaux lors de la collecte de contenu. Tout cela peut être modifié à l’avenir sans aucune restriction. J'ai également noté l'adresse de mon site Web. Si vous n'avez pas de site internet, ou que son sujet ne correspond pas au format de la communauté (il s'agit de différentes choses et ne sont en aucun cas liés les uns aux autres), alors cette ligne peut rester vide.

Dans ce cas, j'ai fixé des restrictions d'âge à partir de 18 ans, similaires à celles fixées par les développeurs pour le jeu. Même si je n'ai aucun doute sur le fait que les enfants jouent aussi.

Tous. Le groupe est créé !

Vous pouvez maintenant commencer à le concevoir.

Formater un groupe VKontakte

Cette étape peut être divisée en 2 volets : graphique et technique. Pour travailler, nous avons besoin d'un modèle pour créer un avatar et un menu de groupe, ainsi qu'un peu d'imagination et notions de base Photoshop (alias Adobe Photoshop).

Modèle de balisage

Qu'est-ce qu'un modèle et qu'est-ce que c'est ? Un modèle est une sorte de blanc. Dans ce cas, en *. format psd Nous avons marqué des zones pour l'image sous le menu et l'avatar du groupe.

Comme vous pouvez le voir dans le deuxième exemple au début de cet article, nous pouvons réaliser le design en style uniforme pour l'avatar et l'image du menu. En même temps, il est visuellement découpé en 2 parties. Ainsi, le modèle vous permet de former une image de manière à éliminer le déplacement des graphiques et à ajuster autant que possible les images au même niveau.

Pour que ce soit plus clair, voici un exemple.

On voit que dans les deux parties de l’image il y a une bande donnant sur une zone résidentielle. Sans utiliser de modèle, il est presque impossible de le faire exactement du premier coup. Vous devrez ajuster les images en mesurant des écarts jusqu'à 1 px. Alors que lorsque nous utilisons un modèle, nous y ajoutons simplement des graphiques dans le balisage et obtenons immédiatement le résultat souhaité.

Je voudrais souligner que ce modèle conçu pour 1 ligne dans l'explication. Dans l'exemple de capture d'écran, il y a des téléphones. Si une deuxième ligne apparaît, vous devrez utiliser un modèle différent ou corriger le design manuellement.

En attendant, nous passons directement à conception graphique son nouveau groupe. Ici, je choisis le chemin de moindre résistance et je me dirige vers le Google images. Vous pouvez également utiliser Yandex. Qui aime quoi de plus ?

Je n'ai pas de formation en design, nous ne nous attarderons donc pas en détail sur les questions de choix des polices et d'autres détails. Après avoir fait un peu de magie dans Photoshop, j'ai obtenu ce résultat.

Sur le fragment de gauche (là où il est écrit « Menu »), vous pouvez également ajouter plusieurs déclencheurs. Dans ce cas, j'ai décidé de m'en passer. Tous. Le design de l'avatar est prêt. Dans Photoshop, appuyez sur la combinaison de touches de raccourci Shift+Ctrl+Alt+S et enregistrez nos fragments dans un dossier sur votre disque dur.

La première étape du travail avec les graphiques est terminée. Reprenons contact.

Définir un avatar et un menu pour un groupe

Nous cliquons sur les deux types à la place de l’ava de notre groupe et y téléchargeons notre image. Voici ces gars, sous eux, il est également écrit « Télécharger une photo ».

Ajoutez une image. Spécifiez les champs et sélectionnez une vignette. Ici, tout est simple et il ne devrait y avoir aucun problème.

Comme nous pouvons le voir, vous devez connaître l’identifiant de la communauté. C'est très facile de le reconnaître. Recherchez le menu dans votre groupe (immédiatement sous l'avatar) et ouvrez « Statistiques communautaires ». Dans ce cas, quelque chose de similaire apparaîtra dans la barre d'adresse du navigateur (les chiffres seront différents).

Ces chiffres après « ?gid=" sont l'identifiant de groupe souhaité. Nous collons la valeur résultante dans le formulaire de script et écrivons le nom de la page que nous voulons créer. Dans ce cas, je tape « Menu ».

Il est à noter que la page ne sera créée que si la fenêtre avec le groupe est ouverte dans l'onglet adjacent. En termes simples, vous devez être connecté à VK dans le même navigateur. Après tout, seuls l'administrateur du groupe et les personnes désignées par lui ont accès à de telles manipulations. Un passant aléatoire ne pourra pas facilement aller modifier les paramètres d'un groupe auquel il n'a pas accès au panneau d'administration.

Si tout est fait correctement, une page comme celle-ci s'ouvrira.

C'est la même fenêtre dans laquelle nous créerons plus tard un balisage wiki et créerons un menu interne pour notre groupe. Pour l’instant, il ne nous reste plus qu’à écrire quelque chose ici. Cliquez ensuite sur le bouton bleu « Enregistrer la page » et cliquez sur le lien Revenir à la page en haut.

J'ai écrit « Menu » et ma page après avoir enregistré a commencé à ressembler à ceci.

Il n'y a pas encore de design, mais maintenant nous avons juste besoin d'un lien vers cette page. Nous le sélectionnons dans la barre d'adresse du navigateur et revenons à la page principale de notre groupe. Au flux.

Ici, nous créons un article avec le contenu suivant : insérez une image et un lien vers la page de menu du groupe.

Cliquez sur envoyer. Cliquez ensuite sur l’heure à laquelle le message a été envoyé et sélectionnez « Épingler » parmi toutes les options. On met à jour la page (touche F5 du clavier) et, si tout est fait correctement, on obtient le premier résultat : le groupe a trouvé un avatar et un lien pour accéder à la section menu.

Balisage wiki pour le menu du groupe VKontakte

Commençons maintenant à concevoir le menu lui-même. Revenons à Photoshop et créons un design pour notre menu. Lors de la conception de l'interface, vous devez vous souvenir des personnes qui accéderont à VK via l'application avec téléphones portables. En d’autres termes, nous ne devons pas avoir de petits éléments et, en outre, nous devons essayer de tout rendre aussi clair que possible. Pour que nous n'ayons pas à deviner comment tout fonctionne ici et où cliquer... mais simplement pointer sur le bon élément et étudier l'information que nous recherchons.

Je n’entrerai pas dans les détails maintenant sur la manière exacte dont j’ai élaboré le menu. Voici ce que j'ai obtenu.

Champs minimaux. Disposition verticale. Format idéal pour menu adaptatif. Autrement dit, rien ne va nulle part sur les téléphones mobiles. Tout sera exactement comme sur les écrans des ordinateurs et des tablettes. Je porte la largeur à 500 px, pour que plus tard rien ne rétrécisse et que je ne perde pas deux fois la qualité de l'image. La hauteur n'est pas importante.

Nous découpons l'image en fragments et les sauvegardons.

Tous. Le moment est venu de l'accord final - nous collectons le menu dans le groupe lui-même.

Pour ce faire, nous revenons à la page principale du groupe (où se trouve le flux et notre lien image menant au menu). Nous cliquons sur l'image du menu et arrivons à la même page que nous avons précédemment créée pour le menu.

Si vous êtes administrateur ou créateur d'un groupe (dans notre cas, c'est le cas), alors en haut de la page il y aura un lien « Modifier ». Cliquons dessus.

Ensuite, nous passons en mode balisage wiki (sous le bouton de fermeture dans le coin supérieur droit de la page, il y a un cadre avec<>à l'intérieur). Quand mode souhaité activé, ce bouton délimité en gris.

Ensuite, nous cliquons sur l'icône de la caméra et ajoutons tous les fragments de notre menu d'un coup. En mode wiki, nous ne verrons pas les images elles-mêmes, seulement le code de ces images avec dimensions et paramètres.

Je souhaite positionner le menu au centre et pour qu'il n'y ait pas d'espace entre les fragments. Par conséquent, nous enveloppons chacun des éléments dans une balise

et au paramètre déjà imbriqué « noborder » j'ajoute le deuxième paramètre « nopadding ». Le premier désactive le contour des fragments et les bordures des cellules du tableau. La seconde supprime les marges du bord.

Les premier et dernier éléments de menu ne doivent pas être des boutons - sur ma photo, ils sont simplement élément graphique sans référence à page intérieure, nous leur ajoutons donc le paramètre « nolink ». Cela supprimera l'option de cliquer sur cet élément Ouvrez un morceau de l'image dans une fenêtre séparée. Désormais, rien ne se passera d'un simple clic de souris. Ce fond normal pages. Inactif.

Dans mon cas, le code du menu ressemble à ceci.

Par ailleurs, je voudrais noter le fait qu'après avoir importé des images dans VK, le système intégré indique parfois de manière incorrecte les tailles des images. Par conséquent, nous devons surveiller cela attentivement et afficher exactement ceux que nous avons prévus au stade de la conception. DANS sinon tout peut s’effondrer et le puzzle ne finira pas par s’assembler.

Lorsque nous avons écrit le code et aligné tous les éléments, nous enregistrons la page et voyons la même chose que dans Photoshop.

La touche finale reste : nous devons créer les pages mêmes où notre menu enverra les gens. Pour ce faire, revenons au script de génération des pages wiki et ordonnons cette fois trois pages à la fois. Dans ce cas, vous devez également écrire quelque chose sur chacun et n'oubliez pas de sauvegarder leurs adresses quelque part dans la barre d'adresse du navigateur.

Ensuite, nous insérons des liens vers de nouvelles pages dans le code wiki du menu sous la forme page-102302049_51013384, où le premier numéro est l'identifiant du groupe et le second est le numéro de page. Même si, en général, cela n'a pas d'importance. Après tout, il nous suffit de copier ce fragment d'URL et de le coller dans le balisage.

En conséquence, le code du menu prend la forme suivante.

Extérieurement, rien n'a changé. Mais quand on clique sur les éléments du menu, on voit que maintenant ça marche !

Quant au balisage lui-même et aux règles selon lesquelles le code est écrit, je vous conseille de lire le groupe VKontakte spécifiquement dédié à ce sujet. Les gars ont tout décrit points clés et dans leur catalogue, vous pouvez facilement trouver l'élément requis et découvrir comment l'ajouter à votre page wiki.

Pour rendre l'apparence générale de la communauté plus esthétique et rendre le travail avec elle plus confortable, la meilleure solution créera un menu de groupe. Pour que tu puisses tout supporter éléments importants dans une liste soignée, attribuez à chaque lien sa propre icône ou image et informez les visiteurs de tout changement rapidement et clairement. Le menu peut comprendre les éléments suivants : divers liens vers des sites externes, des bulles de discussion, des albums, de la musique et d'autres sections au sein du site VKontakte, des images et simplement la structure de votre groupe. En suivant les instructions ci-dessous, essayez de créer votre propre menu pour la communauté VKontakte.

Comment créer un menu simple dans un groupe VKontakte

Si vous souhaitez que chaque ligne de menu mène à un sujet de discussion particulier, vous devez tout d'abord créer ces mêmes discussions et leur donner des noms. Les laisser fermés ou ouverts aux commentaires est une affaire purement personnelle, puisque cette option n'affecte pas l'affichage de la page dans le menu.

Essayez de créer un menu simple qui représentera la structure de votre groupe et contiendra toutes les sections les plus importantes.

• Gardez à l’esprit que les menus apparaîtront légèrement différemment dans les groupes et les communautés. Par conséquent, si vous souhaitez transférer un groupe vers une communauté, cliquez sur l'icône à trois points à côté du nom du groupe et sélectionnez la ligne « Transférer vers la page ». Veuillez noter que vous ne pourrez pas reconvertir la communauté en groupe.

• Allez maintenant sur le lien « Community Management » dans le même menu.
  Vous verrez un bloc avec tous les paramètres de votre groupe, ici vous pouvez changer le nom, coordonnées, confidentialité, gestion des participants. Allez dans la catégorie « Sections ».

• Dans la ligne « Matériaux », définissez la valeur sur « Désactivé » ou « Restreint » afin que les membres du groupe ne puissent pas accidentellement endommager vos fichiers nécessaires à l'enregistrement. N'oubliez pas de sauvegarder votre sélection.

• Allez dans le groupe et allez dans la fenêtre « Dernières actualités », c'est ici que vous créerez le menu.

• Cliquez sur « Modifier ».

• Tout d'abord, vous devez changer le nom « Dernières nouvelles » en « Menu » ou quelque chose d'autre qui indiquera clairement aux participants qu'ici, ils peuvent suivre rapidement les liens nécessaires.
  Basculez le mode de post-édition sur « édition » Balisage wiki» par la petite flèche dans le coin droit.

Créez maintenant la structure :

• Il est important que vous ayez des discussions, du matériel ou des albums dans le groupe dont vous utiliserez le nom dans le menu.
• Écrivez tous les noms des sections principales sur une ligne, en les encadrant deux fois entre crochets.
• Pour que le texte apparaisse sous forme de liste, placez des astérisques devant les éléments.

À partir de cette capture d'écran, nous pouvons supposer que le groupe dispose d'un matériel appelé « Section 1 », d'une discussion « Section 2 » et d'un album « Section 3 ». Cliquez sur « Aperçu » ou « Enregistrer les modifications ».

• Votre section deviendra « Menu » et contiendra des liens actifs vers les principales catégories du groupe, soigneusement organisées dans une liste.

Comment insérer des liens dans le menu du groupe VKontakte

Pour accélérer l'accès à votre site officiel, ou aux rubriques directement au sein du groupe, il est préférable d'insérer des liens actifs.

• Revenez à l'édition de la section de menu. Copiez le lien souhaité et collez-le simplement dans la fenêtre en mode de balisage Wiki. Après avoir enregistré, il deviendra actif.

• Voici à quoi ressemblent tous les liens que vous pouvez insérer dans votre menu de groupe.

Comment créer un menu VKontakte avec des images

Si vous souhaitez que le menu soit composé de belles icônes qui mènent à une section particulière, suivez simplement les instructions ci-dessous.

• Pour commencer, créez un album spécial dans lequel seront stockées uniquement les photos techniques destinées à la conception du groupe.

• Téléchargez des images sur format jpeg pas plus de 500 pixels pour 500.

• Copiez l'URL de l'image téléchargée.

• Copiez maintenant le lien vers la discussion, le matériel ou un autre site externe.

• [[Lien vers l'image de votre album | taille en pixels ; sans rembourrage | Lien vers la discussion ou le site Web]]

Un exemple est montré dans la capture d'écran.
Cliquez sur « Enregistrer la page ».

• Maintenant, un lien intéressant apparaîtra dans votre menu. Vous pouvez définir la valeur des pixels comme bon vous semble.
  Pour ajouter plusieurs images, entrez simplement de nouveaux liens sur une nouvelle ligne.

Salutations, chers amis et invités du blog. Aujourd'hui, nous allons parler de la création de menus dans VK et de la manière de le faire dans le nouveau design du réseau social. Il y a des changements vraiment importants dont vous devez être conscient, car si le menu est créé selon l'ancien design, dont j'ai parlé, les images peuvent paraître de travers.

Menu du groupe VKontakte- c'est son visage. C'est ce que l'utilisateur voit lorsqu'il entre pour la première fois dans la communauté, et la manière dont tout est conçu et attrayant détermine en grande partie s'il deviendra un membre permanent du groupe.

IMPORTANT: Après avoir modifié la conception générale de VK, la taille des images du menu du réseau social a également changé. Vérifiez votre travail et apportez des modifications dans les groupes discutés ci-dessous.

Types de menus et leurs fonctionnalités

La première étape lors de la création d’une communauté est de décider de son objectif principal. La conception future du menu et ses fonctionnalités en dépendent.
Selon les objectifs du groupe, le menu peut être :

• pour une plateforme d'information;
• ;
• pour un site de formation.

L’essentiel concerne l’information. Il s'agit de communautés où l'utilisateur reçoit une sorte de contenu divertissant ou éducatif. Pour un tel groupe, il est préférable d’utiliser un menu affichant les sujets principaux. Donc, publics populaires créer des rubriques : actualités, dernières publications, publications populaires, ainsi que des rubriques spécifiquement sur le thème du groupe.

Les menus des publics commerciaux et éducatifs peuvent être similaires. L’objectif des deux est d’aider son utilisateur à naviguer dans la gamme de biens ou de services. En règle générale, le menu des ventes comprend des sections telles que Catalogue de produits, Paiement, Livraison, Promotions et remises, et pour la formation, il peut être limité à des sections décrivant les services, car l'essentiel ici est que l'utilisateur trouve le programme de formation ou matériel dont il a besoin.

Comment créer un menu dans un groupe VKontakte : instructions étape par étape

L'ensemble du processus peut être divisé en 2 étapes :

• Travailler dans Photoshop ;
• Ajout de sections et d'images dans le groupe lui-même.

Pour répondre avec précision à la question de savoir comment créer un menu dans un groupe VKontakte, vous devez imaginer visuellement le futur design avec toutes les sections, puis, au cours du processus, vous pouvez ajouter des éléments qui vous viennent encore à l'esprit.

Dans un premier temps, un avatar de groupe et des images pour le menu lui-même sont créés. Une seule image pour l'avatar et le menu sera plus harmonieuse.

Le choix ou la création d'un avatar doit être pris très au sérieux, car de nombreux utilisateurs y prêtent une attention particulière. Vous pouvez trouver une image appropriée sur Internet et y ajouter une inscription ou des éléments dans Photoshop, ou vous pouvez créer vous-même une image absolument unique.

Puisque nous devons également créer un menu déroulant, nous recherchons ou créons une image qui correspond le mieux au thème du groupe ou prenons simplement beau fond. Le travail avec l'image s'effectuera dans Adobe Photoshop, car les fonctionnalités des éditeurs de photos conventionnels ne suffisent pas pour toutes les opérations nécessaires. Toutes les tailles sont définies par vous-même réseau social VKontakte et des écarts importants vers le haut ou vers le bas entraîneront que l'avatar ne se charge pas du tout ou ne fasse pas partie intégrante du menu.

Algorithme d'actions :

• Ouvrez Photoshop et allez dans « fichier » - « créer » et définissez la largeur et la hauteur : 760X500, respectivement.

• Sélectionnez l'outil « coupe », puis « diviser le fragment ». Divisez l'image en 3 parties horizontalement. Pour un fragment du bord gauche ou droit dans la fenêtre déroulante (selon la partie que vous souhaitez voir sur l'avatar), écrivez les valeurs de largeur et de hauteur – 200XX et Y) – 560 et 0. Ce sera l'avatar du groupe.

• Pour le fragment suivant, définissez la largeur et la hauteur sur 50X500 et écrivez dans les coordonnées 510 et 0. C'est l'espace entre l'avatar du groupe et le menu. Cette partie ne sera pas nécessaire plus tard.

• Encore une fois, sélectionnez « fragment divisé » et divisez verticalement en 2 parties. Pour le fragment du dessus, nous définissons les valeurs suivantes : largeur – 510, hauteur – 182, coordonnées – 0. C'est l'espace au-dessus du menu. Cette partie ne sera pas non plus visible dans le groupe.

• Nous copions maintenant l'image sélectionnée ou créée dans l'objet créé et divisé. Si les raccourcis clavier CTRL+V ne fonctionnent pas, ouvrez simplement l'emplacement sur votre ordinateur où l'image est enregistrée et faites-la glisser dans Photoshop.

• On divise l'espace restant verticalement en autant de fragments qu'il y a de sections dans le menu. Vous n'êtes pas obligé de leur définir des valeurs.
  Nous écrivons le nom de chaque section.

• La dernière étape consiste à enregistrer les images. Vous devez enregistrer les images comme ceci : fichier – enregistrer pour le Web. Cette méthode convient aux versions ultérieures de Photoshop. S'il n'y a pas de « enregistrer pour le Web » dans la section « fichier », alors nous procédons comme suit :

Allez dans l'élément « fichier », sélectionnez « exporter » - « enregistrer pour le Web ». Nous laissons tous les paramètres tels quels. Cliquez à nouveau sur « Enregistrer ».

Sélectionnez un dossier sur votre ordinateur et enregistrez-y les images. Au final, ils devraient ressembler à ceci :

Passons maintenant à la deuxième étape pour comprendre exactement comment créer un menu dans le groupe VKontakte - en ajoutant directement le menu au public. Pour ça:

• Tout d'abord, vous devez connecter les matériaux, car c'est le seul moyen d'ajouter des sections sur la page principale. Pour cela, rendez-vous dans Community Management et tout en bas de la page sélectionnez « Materials », puis « open ». Enregistrez les modifications.

• Nous téléchargeons toutes les photos sur le groupe, à l'exception de l'avatar et des parties inutiles. Pour que les photos s'affichent sur la page principale, vous devez retourner dans Community Management et cliquer en face de l'onglet « photos » - « ouvrir ».
• Téléchargement d'un avatar.
• Suivant étape - allumer mode de balisage wiki. Vous pouvez le faire en cliquant sur l'icône en forme de diamant sur le côté droit de la page dans la section « modifier ».

• Ici, nous insérons le code de balisage : [], où [] est un lien vers la section ou la page où vous irez en cliquant sur la photo. Vous pouvez ajouter à la fois des liens vers des sections sur VKontakte lui-même et vers des ressources externes.
• Ce code est dupliqué autant de fois qu'il y a de sections dans le menu, en insérant à chaque fois des liens.
  Si vous le souhaitez, nous modifions également l'onglet « dernières nouvelles », par exemple en « menu.

• Cliquez sur « enregistrer la page », revenez à la section principale du groupe et mettez à jour la page. Le menu est fermé par défaut, mais l'utilisateur, en cliquant sur le nom correspondant, pourra ouvrir ses sections et les parcourir.

Ceci termine l'ensemble du processus, mais vous devez absolument vérifier si les liens fonctionnent et si les bordures de la photo correspondent.

Services de création d'un menu de groupe

Si vous ne comprenez toujours pas comment créer un menu dans un groupe VKontakte et que les instructions étape par étape ne vous ont pas aidé, vous pouvez utiliser services spéciaux, qui créera et même ajoutera magnifiquement
menu conçu pour le groupe.

L'un des services les plus populaires est MenuMake. Après avoir soumis une candidature, la commande sera prête dans les 5 minutes, puis, si vous le souhaitez, le menu sera ajouté au groupe. Dans le même temps, tous les souhaits du client concernant la conception et le nombre de sections sont pris en compte.

Cordialement, Galiulin Ruslan.