), faites un menu.

Maintenant je vais te montrer comment créer un menu dans un groupe VKontakte et le concevoir correctement.

Faire de beaux graphismes

Dans le nouveau design du site VKontakte, les dimensions des graphiques ont été modifiées. Vous trouverez ci-dessous les valeurs actuelles.

• Avatar pour le groupe - 200x300 px
• Bannière dans la description - 510x271 px

Préparez des images dans les tailles requises. Je vais prendre des photos toutes faites pour vous montrer un exemple.

Alors, créons un beau design en divisant l'image globale en deux parties. En conséquence, nous obtiendrons une seule structure.

Tout d’abord, téléchargez votre avatar. Allez dans le groupe et cliquez "Télécharger une photo".

Vous verrez un formulaire dans lequel vous devez sélectionner un fichier sur le disque dur de votre ordinateur. Fais-le. En conséquence, nous avons obtenu ce qui suit.

Ajoutons maintenant la deuxième partie de l'image. Pour ce faire, vous devez afficher une image sur le mur, puis l'enregistrer avec, la fixer dans la zone supérieure.

Allons au mur. Ici dans le quartier "Ajouter une entrée", appuyez sur l'icône Photo.

Téléchargez la deuxième image préparée. Assurez-vous de sélectionner la publication en tant que communauté. Et puis cliquez sur "Envoyer".

Maintenant, l'entrée doit être sécurisée (voir). Nous revenons à la nouvelle entrée et développons le menu dans le coin supérieur droit. Ici, nous cliquons sur « Épingler ».

Actualisez maintenant la page et voyez le résultat.

Le seul point négatif est que les images sont à des niveaux différents. Mais cela est dû au fait qu’ils ne sont pas de la bonne taille. L'avatar doit être plus grand verticalement. Ils seront alors au même niveau.

Comment créer un menu dans un groupe VKontakte

Revenons à notre exemple et imaginons que nous devions créer un bouton « Plus de détails ». Elle est déjà sur la photo. Comment pouvons-nous en faire un bouton, de sorte que lorsqu'on clique dessus, une personne soit redirigée vers notre site principal ? Je vais vous montrer maintenant.

Pour créer des boutons de menu actifs, nous devons les découper en images séparées. Pour cela, nous avons besoin de Photoshop.

Ouvrez notre image dans l'éditeur et activez l'outil « Découpe ».

Coupez la partie inférieure avec le bouton. Maintenez le bouton gauche de la souris enfoncé et tracez une ligne horizontale, coupant l'image en deux parties.

Appuyez maintenant sur Alt+Ctrl+Shift+S pour enregistrer les images terminées.

Https://vk.com/pages?oid=-120208137&p=menu

Regardez, après les symboles "odi=- ", vous devez insérer l'identifiant de votre groupe (voir). Et à la toute fin du lien, écrivez le nom de votre page de menu. Dans l’exemple, nous laisserons « Menu » tel quel.

Ici, nous cliquons sur l'icône de l'appareil photo et téléchargeons les images préparées.

Passons maintenant à la création d'un menu pour le groupe sur VK. Cela devrait ressembler à quelque chose de similaire.

Ensuite, nous passons à la section "Édition". Ici, pour chaque image, nous devons supprimer le remplissage afin qu'elles fusionnent en une seule image. Pour ce faire, ajoutez la valeur suivante dans le code : « nopadding ; » . Et ajoutez un lien vers la page ou le site souhaité en entrant la valeur « https://site.ru/page.html » (indiquez vos adresses !). Dans notre exemple, le bouton « Plus de détails » doit diriger vers le site Web. C'est ce qui devrait arriver.

[] []

Enregistrez la page. N'oubliez pas de copier son adresse depuis la barre d'adresse. Cela devrait ressembler à :

https://vk.com/page-120208137_52523487

Nous retournons au mur du groupe et créons une nouvelle entrée. Dans celui-ci, nous insérons un lien vers la page et joignons l'image originale. Nous publions et épinglons.

C'est le menu avec lequel nous nous sommes retrouvés.

Aujourd'hui, nous allons vous expliquer comment créer un menu dans la page publique de VK. Nous commencerons par les choses les plus simples et terminerons par quelque chose de plus grand. En fait, si vous décidez de décorer votre groupe, vous devez alors vous préparer au fait que vous devrez travailler longtemps sur cette tâche. Surtout si vous ne savez pas du tout programmer ou travailler avec des éditeurs graphiques. Voyons rapidement comment créer un menu dans la page publique de VK.

Trouver une idée

Alors, commençons peut-être par la chose la plus simple que nous puissions rencontrer aujourd'hui : ce n'est rien de plus que de réfléchir à l'idée et à l'apparence générale de votre menu. Sans cela, vous ne pourrez pas créer quelque chose de beau, d'attrayant et d'intéressant.

Si vous réfléchissez à la façon de créer un menu sur la page publique de VKontakte, il est préférable de prendre le temps de réfléchir à tous les points de votre « guide », ainsi qu'à l'apparence visuelle de notre objet final. L'avez-vous inventé ? Super, puis ouvrez l'éditeur graphique et dessinez des boutons avec vous. Nous y mettons les inscriptions appropriées. En d’autres termes, nous préparons une mise en page. Il existe un fichier distinct pour chaque bouton. Vous pouvez d’abord tout faire dans un seul document, que vous « découpez » ensuite en plusieurs parties. Une fois cette étape terminée, nous pouvons examiner plus en détail comment créer un menu dans une page publique sur VK. Des instructions étape par étape peuvent vous aider dans cette tâche difficile.

Nous incluons des matériaux

Eh bien, nous avançons avec vous. Nous avons déjà une idée de "menu" - tous les éléments sont écrits, les boutons sont créés. Il ne reste plus qu'à les présenter au public et à les sécuriser. Pour ce faire, vous devrez activer les soi-disant « matériaux » dans les paramètres du groupe.

Si vous venez de décider de créer une page publique, après avoir entré le nom, les paramètres apparaîtront automatiquement. Là, vous devrez trouver l'élément « matériaux » et les passer à l'état « Connecté ». Après cela, enregistrez les paramètres. Ce n'est qu'alors que vous pourrez ensuite réfléchir à la façon de créer un menu dans la page publique de VK.

Si vous avez déjà créé un groupe et réfléchissez maintenant à sa conception, vous devez alors cliquer sur « Gestion de la communauté », puis sélectionner « Paramètres de la communauté ». Ensuite, une fenêtre qui nous est déjà familière s'ouvrira devant vous. Là, « connectez » les matériaux, enregistrez les modifications et continuez à travailler sur la question. En fait, si vous réfléchissez à la façon de créer un menu sur une page publique sur VK, vous devez maintenant vous préparer aux moments les plus difficiles.

Travailler en arrière-plan

Mais d'abord, abordons avec vous des moments plus agréables. Nous travaillerons notamment un peu sur le design de notre menu. Les boutons sont déjà prêts, c'est super. Mais il faut les placer sur quelque chose. Bien entendu, vous avez la possibilité de le placer sur un fond standard « blanc ». Dans ce cas, vous pouvez ignorer ce point. Si vous voulez savoir comment créer un menu sur VKontakte, des instructions étape par étape vous aideront certainement à créer quelque chose de spécial.

Supposons donc que nous décidions de créer un avatar et l'arrière-plan général du groupe dans la même couleur. Autrement dit, notre menu semble découler de « ava ». Pour ce faire, vous devez faire preuve non seulement d'imagination, mais aussi de certaines connaissances. En particulier, l'utilisateur devra connaître la taille. Vous devez bien comprendre que votre avatar sera un rectangle mesurant 200 x 710 pixels et que l'arrière-plan du menu fera 382 x 442 pixels. Une fois que vous avez créé ces « toiles », vous pouvez les peindre.

Mais il est trop tôt pour se réjouir - notre tourment avec l'éditeur ne s'arrête pas là. L'arrière-plan doit maintenant être divisé en lignes. Découpez l'image à l'aide du "Slice Tool", placez vos boutons sur chaque secteur, puis cliquez sur "Enregistrer pour la page Web". Nous pouvons passer à autre chose.

Chargement de matériaux

Revenons à notre groupe sur le réseau social. Nous avons donc déjà reçu des boutons, un fond et un avatar. Il ne reste plus qu'à charger le tout sur la page et à le faire fonctionner. S'il n'y a aucun problème avec le chargement d'Ava, alors le groupe devra souffrir un peu.

Afin d'installer un avatar sur la page, il vous suffit de cliquer sur « Télécharger une photo » sous l'endroit où doit se trouver cet objet. Téléchargez maintenant un fichier de 200 x 710 pixels et enregistrez-le. Regardez ce qui s'est passé. Vous pouvez réfléchir davantage à la façon de créer un menu dans la page publique de VK.

Nous pouvons maintenant commencer à travailler avec les éléments de notre « menu ». Nous avons déjà enregistré une version "coupée" du fond avec des boutons. Nous allons maintenant les charger. Sur la page principale du groupe, consultez la section « Dernières nouvelles ». Sur le côté droit de la ligne, recherchez « Modifier ». Après cela, l'éditeur du wiki apparaîtra devant vous. Il suffit de placer notre menu dans le bon ordre. Avant cela, vous devez créer un album dans lequel se trouveront tous nos fichiers graphiques. Prêt? Ensuite, vous pouvez placer tous les liens nécessaires dans le champ approprié, puis enregistrer les modifications et voir ce que vous avez obtenu.

Nettoyer les "queues"

Lorsqu'un utilisateur réfléchit à la manière de créer un menu dans une page publique sur VK, il doit souvent supprimer les « montants » créés automatiquement par notre éditeur. En principe, vous n’êtes pas obligé de le faire, mais si vous ne voulez pas vous tromper plus tard, vous devrez travailler dur sur le code interne.

Rappelons que l'apparence générale de nos liens de menu doit ressembler à ceci : [-]. Après cela, il ne devrait plus rien y avoir de plus. Pas de codes ni de tags - sinon vous ne pourrez pas mettre en œuvre votre idée.

Il convient de noter que l'option précise généralement la taille de la photo téléchargée, puis attribue la fonction de fusion des images (pour obtenir une liste monochromatique et complète). "nopadding" est responsable de cette affaire. Ensuite vous pouvez ajouter une description (une chose plutôt inutile), puis un lien où vous serez redirigé lorsque vous cliquerez dessus. Enregistrez toutes les modifications résultantes, puis voyez ce que vous avez obtenu.

Conclusion

Aujourd'hui, nous avons appris à créer et modifier un menu sur le réseau social VKontakte. Comme vous pouvez le constater, ce n’est pas une tâche particulièrement difficile si vous possédez certaines compétences. Notamment dans la création de fichiers graphiques.

Très souvent, afin de ne pas se soucier longtemps de la conception du groupe, les utilisateurs choisissent des menus ou des arrière-plans prêts à l'emploi avec des avatars. Ils sont assez faciles à télécharger. Cette décision soulagera votre douleur lors de la création et de la modification des éléments de menu. Certes, ces fichiers ne sont pas particulièrement originaux. Il est préférable d’embaucher une personne spécialement formée qui pourra développer quelque chose de spécial pour vous et créer un magnifique avatar et un arrière-plan de menu.

5 voix

Bonjour, chers lecteurs de mon blog. Avec cet article, j'ouvre une série de publications sur le thème du beau design des groupes VKontakte. Nous allons maintenant travailler sur la création d'un menu, puis nous passerons à la création d'une image unique élégante et, à la fin, nous apprendrons comment rendre les images cliquables.

En fin de compte, vous vous retrouverez avec une communauté qui ressemble à ceci. Lorsque vous cliquez sur le bouton de transition, une page élégante supplémentaire s'ouvre.

Le travail à venir n'est pas si difficile, je vais vous expliquer en détail comment procéder. Le travail ne prendra pas plus de quelques heures. Parlons de tout dans l'ordre.

1. Préparation au travail. Des outils dont vous ne pouvez pas vous passer

Donc, avant d'arriver à la question principale et de commencer à voir comment créer un menu dans un groupe VKontakte, parlons de ce dont vous aurez besoin.

1.1. Photoshop

Bien sûr, vous pouvez vous passer de Photoshop, regardez cette vidéo qui explique tout en détail. Si tu veux. Cependant, si vous n'avez pas les compétences, je vous recommande fortement de vous embêter et de parcourir mes trois publications.

Si vous voulez un groupe normal, vous n’avez d’autre choix que d’apprendre Photoshop. Vous ne pouvez aller nulle part sans images de haute qualité. je peux vous recommander cours de Zinaida Lukyanova . Vous vous habituerez rapidement et sans vous ennuyer à votre nouveau métier et pourrez même gagner de l'argent grâce à vos compétences en design. Assez de connaissances !

Alors bon, continuons. Est-ce que tout ce dont vous avez besoin est disponible ? Ensuite, vous êtes prêt à passer à autre chose.

2. Travailler dans Photoshop ou dans des menus de bricolage

Eh bien, vous pouvez maintenant suivre les instructions étape par étape directement pour créer le menu. Ouvrez Photoshop, puis l'illustration avec le menu. J'espère qu'il n'y aura pas de problèmes. Dans le coin supérieur droit, sélectionnez « Fichier » puis « Ouvrir ». On retrouve le document sur l'ordinateur. Quelle est la prochaine étape ?

L'image doit être découpée. Sélectionnez l'outil « Découpe ». Comme vous pouvez le voir, il est caché sous le « Frame ». Cliquez simplement dessus et maintenez le bouton gauche de la souris enfoncé pendant quelques secondes jusqu'à ce qu'un menu supplémentaire apparaisse.

Maintenant sur l'image elle-même, faites un clic droit et recherchez « Fragment divisé ».

Dans ce cas particulier, je diviserai l'image en 4 parties. Pourquoi est-ce ainsi ? Tout bouton sur Internet est une image à laquelle est attribué un code spécifique. Vous pointez la flèche sur le fragment souhaité de l'illustration et votre navigateur transmet l'information à l'ordinateur : « Garçon, il y a des fonctionnalités supplémentaires ici. »

Parfois, c’est toute l’image qui change. Par exemple, les boutons qui coulent lorsqu'on appuie dessus ne sont que la deuxième image, il n'y a pas d'animation là-bas.

Dans mon cas, une image doit être divisée en plusieurs parties et chacune d'elles doit se voir attribuer sa propre action. Quelque part se trouve un lien vers une liste de produits, quelque part se trouve un lien vers le site Web. Il y a aussi une partie de l'image intitulée « Menu ». Rien ne devrait se passer lorsque vous passez la souris.

Dans le bon sens, j'aurais dû mettre en évidence 5 parties afin de séparer plus uniformément les boutons, mais je me justifie en disant que si une personne rate, elle fera toujours ce qu'elle voulait, et si elle appuie correctement, elle ne le saura pas rien.

Ce n'est pas un problème de créer plus de catégories ou de les organiser sur deux colonnes. Si vous comprenez les informations de base, vous pouvez gérer tout le reste.

J'ai déplacé les lignes pour que ce soit plus fluide. Ce n'est pas difficile, cela se fait à l'aide d'un curseur.

Assurez-vous que les images sont enregistrées au format JPEG (catégorie la plus haute à droite). Ensuite, cliquez sur « Enregistrer ».

Eh bien, c'est tout.

Nous en avons terminé, nous pouvons maintenant passer au groupe lui-même et travailler avec le code.

3. Mise en page en VK pour les nuls

Avant, je pensais que le balisage wiki n'était applicable qu'aux communautés. Je ne sais pas si quelque chose a changé ou si cela a toujours été ainsi, mais maintenant, peu importe que vous créiez un groupe ou une page publique. Les pages peuvent être créées ici et là.

Eh bien, il ne reste plus qu'une petite question de mise en page. Ouvrez la « Liste des pages Wiki ».

Et ajoutez-en un nouveau.

Donnez-lui un nom. Dans notre cas, le menu.

Et passez au montage.

La première étape consiste à ajouter toutes les parties de notre image.

Chargement.

Faites-le à partir du dossier de bas en haut de la liste. Du tout dernier (celui du bas, dans mon cas « Écrire à l'administrateur ») jusqu'à celui du haut (« Menu »), alors tout s'adaptera correctement, même s'il n'est pas si difficile de faire glisser des fragments avec la souris. Selon ce qui vous convient le mieux.

Nous devons maintenant supprimer l'indentation et créer des liens entre différents fragments, et à certains endroits, supprimer complètement la possibilité de cliquer. Passons en mode code.

Les balises « center » indiquent que la photo et ses fragments sont situés au centre. Je les supprimerai pour vous permettre de mieux percevoir l'information.

Si vous le souhaitez, vous pouvez faire de même, mais gardez à l'esprit que l'illustration se déplacera vers la droite.

Nous revenons au code pour supprimer les retraits entre les fragments du dessin.

Pour unifier à nouveau l'image après le redimensionnement, mettez un point-virgule et écrivez la balise nopadding (;nopadding).

Cela ressemblera à ceci.

Naturellement, il ne doit y avoir aucune indentation après chaque fragment et les balises doivent donc être dupliquées.

L’illustration semble désormais unifiée. Si cela ne fonctionne pas, vérifiez si vous avez correctement orthographié le mot et mettez un point-virgule, supprimez les espaces si nécessaire pour que ce soit comme dans mon exemple. Chaque petit détail est important pour le résultat.

Désormais, lorsque vous cliquez sur différentes parties de l'image, elles s'ouvrent dans une nouvelle fenêtre.

Pour éviter que cela ne se produise, vous aurez besoin d'une autre balise. Aucun lien. N'oubliez pas le point-virgule.

Il n'y aura pas de transition uniquement dans la première image, mais vous pouvez remplacer vos propres URL pour le reste.

Vous pouvez rediriger les lecteurs vers d'autres pages wiki, articles, blogs et autres réseaux sociaux. Maintenant, ce n’est pas difficile à faire, vous pouvez tout faire. Il ne reste plus qu'à économiser.

Voilà à quoi ressemble notre menu.

Et voici le lien souhaité.

4. Dernière étape de l'inscription

Enfin, le moment est venu de décider si vous avez une page publique ou un groupe. La stratégie future en dépend.

Si vous ne savez pas ce que vous avez, rendez-vous dans la section gestion depuis la catégorie « Mes groupes ».

Si vous voulez faire comme moi et le mettre au menu, alors passez à la deuxième partie et nous continuerons à magnifiquement concevoir le public. Le résultat sera quelque chose comme ceci.

Je ne suis pas fan de faire du menu simplement une image de statut, mais c'est exactement ce que veulent certaines personnes. Je n'ai le droit de critiquer personne, et si vous formez un groupe, vous pouvez alors réaliser votre tâche.

5. Instructions vidéo

Regardez la vidéo, nous avons déjà fait tout le travail principal, il ne reste qu'une petite affaire.

6. Une méthode alternative pour les nuls pour 100 roubles.

Si vous rencontrez des difficultés pour créer vous-même un menu, n'hésitez pas à utiliser ce service - VkMenu.ru , où pour un prix modique de 100 roubles. (aujourd'hui c'est comme ça), vous pouvez créer un menu via un constructeur en ligne.

À mon avis, c’est une excellente alternative au travail manuel et au fait de maudire tout le monde et tout si rien ne sort avec le balisage wiki.

Sur ce, je vous dis au revoir, mais pas pour longtemps. Reposez-vous un peu et passez à la partie suivante.

Abonnez-vous à mon Groupe VKontakte . Amusez-vous et à bientôt !

Le menu de groupe est une liste interactive des principales sections du groupe, vous permettant d'accéder à l'élément souhaité en une seconde. Comment faire un menu dans un groupe VKontakte ? Nous vous expliquons comment réaliser une disposition fonctionnelle des sections de blog.

1. Rejoignez le groupe.
2. Sous votre avatar, rendez-vous dans la section « Community Management ».
3. Plusieurs éléments s'ouvriront (photos, documents). Rendez-vous dans la section « Matériaux » en cliquant sur « Restreint ». C'est une mesure nécessaire : sinon (avec le libre accès) n'importe qui pourra créer de nouvelles pages, ruinant ainsi le menu du groupe.
4. Retournez à la page d'accueil de la communauté. Supprimez les messages épinglés. Rechargez la page.
5. Ouvrez la section intitulée « Dernières nouvelles » (elle se trouve directement sous la description de la communauté). Vous verrez que l'élément « Modifier » est apparu à côté.
6. Dans la fenêtre d'édition qui s'ouvre, sélectionnez le mode de balisage wiki. Il est sélectionné en cliquant sur le bouton de droite. Passez votre curseur dessus : le nom du mode dans lequel vous vous trouvez actuellement s'affichera.
7. Vous pouvez commencer à éditer. Nous modifions le titre de base de la rubrique (« Dernières nouvelles ») à notre propre discrétion. Une brève description suffira : « Menu Groupe ».
8. Pour créer de nouveaux éléments, écrivez les noms des sections dans une colonne, en les mettant en évidence avec des doubles crochets. Par exemple : [[Prix]], [[Contacts]].
9. Le bouton « Aperçu de la page » vous montrera à quoi ressemble le menu du groupe.

Comment créer un menu de groupe VKontakte avec des boutons

Les boutons graphiques sont souvent utilisés par les gestionnaires de contenu, les administrateurs et les modérateurs lors de la création d'un groupe VKontakte : c'est assez pratique. Cette technique retient l'attention même d'un visiteur occasionnel, le « force » à rester sur la page, à étudier son contenu en détail (et même à s'abonner aux mises à jour). Nous répondons à la question : comment créer un menu dans un groupe VKontakte ?

• Choisissez n’importe quelle image lumineuse qui correspond au thème et au style du blog. Téléchargez-le ensuite dans un album photo de votre page personnelle ou dans un album communautaire.
• Retrouvez-le dans l'album photo, copiez le lien vers la photo dans la barre d'adresse de votre navigateur.
• Ouvrez le mode d'édition de groupe comme décrit dans la section précédente de l'article. Nécessite le mode de balisage wiki.
• Nous écrivons du code. photo-AAAAA_BBBBBB - collez ce lien à partir de l'adresse de la photo. Suivant : |400px| (largeur de l'image, vous pouvez choisir n'importe quelle valeur, jusqu'à 600 px). Et enfin, un lien fonctionnel - copiez-le dans la ligne actuelle du navigateur.
• Mettez ce que vous écrivez entre doubles crochets. Le dernier type de lien est [].

Comment créer un menu de groupe avec des images

Une tâche difficile : comment concevoir des boutons dans un groupe sans utiliser Photoshop ? Tout le monde ne sait pas utiliser magistralement les éditeurs graphiques. Des images toutes faites provenant d'Internet viendront à la rescousse.

1. Téléchargez les photos nécessaires directement dans l'album photo de la communauté. Si vous souhaitez « peindre » du texte dessus pour une plus grande expressivité, faites-le au préalable dans l'éditeur Paint.
2. Sélectionnez la section intitulée « Dernières nouvelles », puis déplacez le curseur sur l'élément avec édition.
3. Recherchez le bouton « Ajouter une photo » (avec une icône d'appareil photo) sur le panneau de travail. Si vous décidez de ne pas télécharger de photos directement dans l'album de groupe, vous pouvez le faire directement ici en téléchargeant des images depuis votre ordinateur.
4. Une fois le téléchargement terminé, vous verrez : des liens vers des photos sont apparus dans le champ de texte.
5. Mettre en avant la barre oblique | à la fin de chaque lien, et ensuite indiquer l'adresse des pages nécessaires auxquelles l'image sera jointe (lien vers des albums vidéo, photos, audio...).
6. Après avoir terminé ces manipulations, placez les liens résultants entre doubles crochets.
7. Cliquez sur le bouton Aperçu. Si tout va bien, enregistrez les modifications.
8. Appuyez sur les boutons du menu pour vous assurer que tout fonctionne.

Comment faire un menu graphique en groupe

Si vous souhaitez que le menu de groupe soit élégant et attrayant, il est temps de penser à un menu graphique. Créer un menu dans un groupe VKontakte est un processus assez long si vous le rencontrez pour la première fois. Plus il y a d’éléments cliquables dans un menu, plus il est difficile à gérer. Que faut-il considérer ?

• La largeur de l'image ne doit pas dépasser 370 px, maximum 390.
• Le futur menu devrait être découpé en bandes dans Photoshop. Téléchargez les images résultantes dans l'album de votre compte.
• Cliquez sur la section « Dernières nouvelles », sur le bouton « Modifier ».
• Trouvez l'icône de l'appareil photo, téléchargez des photos. Vous verrez le code de téléchargement pour chaque image dans le champ de texte.
• Vous devez maintenant attribuer un lien à chaque image. Si vous souhaitez qu'il soit lié à une publication du mur de la communauté, recherchez-le et copiez l'URL. Si vous devez accéder à un autre site, copiez son adresse.
• Séparez le code de chargement de l'image par une barre oblique | et collez le lien après.
• Enregistrez les modifications et prévisualisez.

Comment créer un menu interactif en groupe

De nombreux sites de vente créent un menu interactif sur la page d'accueil. L'effet d'un bouton enfoncé, des points forts spéciaux, des touches de soulignement - les effets rendent le site attrayant pour les acheteurs. Si vous exploitez un compte professionnel VKontakte, vous aurez besoin de pouvoir créer un menu de groupe interactif.

1. Créez un document dans Photoshop en y plaçant une image avec un en-tête de menu.
2. Concevoir la ligne de navigation : vous pouvez écrire les principales rubriques du futur menu (« À propos de nous », « Tarifs », etc.) sur fond blanc, surlignez-les en différentes couleurs si nécessaire.
3. Découpez chaque image pour qu'elles soient encadrées individuellement.
4. Accédez au site VKontakte (groupe, section « Dernières actualités », « Modifier », mode de balisage wiki).
5. Téléchargez des photos depuis votre ordinateur.
6. Copiez l'adresse de la page souhaitée, collez-la dans le code de l'image à l'aide d'une barre oblique. Une page wiki distincte est créée pour chaque image.
7. En cliquant sur ces liens, vous ouvrirez les sections correspondantes de la communauté. Après la transition, vous verrez l'élément « Remplir avec du contenu ». Chargez les mêmes boutons, mais avec un ordre de couleurs différent.

Prêt! Désormais, les boutons commenceront à changer de couleur lorsque vous naviguerez vers différentes sections de la communauté.

Bonjour mes chéris !

Aujourd'hui, je vais vous le dire en détail, comment créer un menu pour un groupe VKontakte. D'après mon expérience menu dans le groupe en contact augmente le nombre d'appels et de demandes de 20%. Il est important d'adopter une approche responsable dans la création d'un menu de groupe. Par conséquent, j’ai préparé pour vous un modèle de menu PSD afin de faciliter votre travail.

Permettez-moi de commencer par le fait qu'il existe aujourd'hui deux options de menu :

Option 1 : Menu de groupe fermé

Menu fermé, s'ouvre lorsque vous cliquez sur le lien. Dans l'exemple ci-dessous, le menu s'ouvre lorsque vous cliquez sur le lien « OUVRIR LE MENU DU GROUPE !



Option 2 : Ouvrir le menu du groupe (post épinglé)

Un menu ouvert est essentiellement une publication épinglée avec un lien actif.



La deuxième option de menu est apparue relativement récemment, lorsqu'il est devenu possible d'épingler des publications du mur vers l'en-tête d'un groupe ou d'une page publique. C'est désormais le plus efficace.

Les deux options utilisent le balisage wiki. Balisage wiki vous permet de concevoir facilement et rapidement l'apparence du groupe, en créant des tableaux graphiques et des spoilers, en formatant le texte et en travaillant avec des images, des liens et des ancres. Je ne m'étendrai pas sur les marquages ​​en détail, car... VKontakte dispose d'un éditeur visuel intégré qui traduit automatiquement votre contenu en balisage wiki. Ici je ne donnerai que les codes de base, sans lesquels il est impossible de créer un menu.

Comment créer un menu ouvert sur VKontakte

Nous analyserons le processus de création d'un menu en utilisant l'exemple de l'option 2, c'est-à-dire ouvrir le menu.

Pour vous faciliter la navigation, j'ai préparé pour vous Modèle PSD de menu: [Attention. Le design de VKontakte a changé. Nouvelle mise en page et autres informations pertinentes dans mon livre]

Modèle de menu de groupe PSD

Pour créer un menu externe, vous avez besoin de 2 images : un avatar (à droite) et une centrale (image d'action).

Dimensions de l'avatar : 200 x 332 px

Dimensions de l'image centrale : 395 x 282 px



Étape 1.

À l’aide du modèle PSD de menu de groupe téléchargé ci-dessus, réalisez deux images des tailles requises.

Étape 2.

Dans votre groupe, rendez-vous dans « Community Management » (à droite sous l’avatar). Recherchez l'élément « Matériaux » (dans l'onglet « Informations ») et rendez-les « restreints ».



Étape 3.

Revenez maintenant à la page principale de votre groupe et cliquez sur « Modifier » dans le bloc « Matériaux » qui apparaît (je l'ai déjà renommé Menu Groupe).



Lors de l'édition de la page, définissez le titre, vous pouvez créer des sections ou toute autre information à l'aide de la barre d'outils. Cliquez sur « Enregistrer la page » et « Revenir à la page »



Étape 4.



Dans mon exemple https://vk.com/page-42211349_47355854,

Les premiers chiffres 42211349 sont votre identifiant de groupe

Les deuxièmes chiffres 47355854 sont l'identifiant de la page

L'astuce : vous pouvez créer des pages supplémentaires manuellement. Pour ce faire, suivez le lien comme :
https://vk.com/pages?oid=-хххххххх&p=pagename
Où,
xxxxxxxxxx – ceci est votre identifiant de groupe
pagename – le nom de votre page

Étape 5.



Et publiez le message.

Étape 6.

Téléchargez maintenant l'avatar du groupe (image à droite). Une image d'avatar en double apparaîtra sur le mur - supprimez-la.

Étape 7

Maintenant attention. Cliquez sur POST PUBLICATION TIME (coin inférieur gauche de l’article).



Et cliquez sur « Épingler ». Fermez cette fenêtre et actualisez la page de votre groupe (F5).



Étape 8

Nous écrivons le statut du groupe (utilisez 1 seule ligne) pour aligner les images si le dessin sur votre avatar ne commence pas tout en haut (dans mon modèle d'avatar, option 2). Et voici ce que nous avons obtenu :



RÉSULTAT.

Le menu est prêt ! Désormais, lorsque vous cliquez sur l'image centrale, votre menu s'ouvre :



Ici, vous pouvez le modifier, publier des photos, des vidéos, créer de nouvelles sections et publier des liens.

Vous pouvez également créer un menu graphique (sous-menu) à l'intérieur du menu principal. Sa largeur ne doit pas dépasser 600 px. La hauteur est illimitée. Ce qui vous permet de créer d'excellentes pages de destination VKontakte.



Mais j'en parlerai plus en détail dans les articles suivants. Abonnez-vous aux mises à jour du blog pour rester informé des nouvelles fonctionnalités. Aimez et partagez l'article avec vos amis.

Postez vos questions ou opinions dans les commentaires ci-dessous.