Aujourd'hui, nous revenons au sujet de la conception des groupes VKontakte. Nous l'avons déjà appris auparavant. Aujourd'hui, nous allons apprendre à créer des graphiques menu avec bannière supérieure fixe et un lien vers page intérieure avec des éléments de menu étendus. De manière générale, toute information peut se trouver sur la page interne. Il est particulièrement pratique d'y placer, par exemple, des catalogues présentant une gamme de produits. Les menus déroulants et les menus collants ont leurs avantages et leurs inconvénients. Le principal inconvénient d’un menu déroulant est qu’il est par défaut à l’état fermé. Mais vous pouvez y placer plusieurs liens à la fois.

Menu épinglé semble plus impressionnant en raison de impression générale, mais il ne peut avoir qu'un seul lien, menant soit à la page interne de VKontakte, soit à un site externe (et le lien vers le site externe ne viendra pas de l'image, mais du lien texte sous l'image). En outre, l'un des inconvénients évidents est que, sur appareils mobiles Le menu graphique est présenté comme une entrée normale dans le flux, en haut, et non comme épinglé à côté de l'avatar. En général, lors du choix d’un design, vous devez tenir compte de ces nuances. Voyons donc comment créer un menu supérieur collant avec un lien vers une page interne.

Je crée des groupes VKontakte
Conception de haute qualité des groupes et publics VK, menu épinglé, menu déroulant, menu graphique interne, catalogues, navigation interne - des prix Et portefeuille.

Étape 1
Créer dans Photoshop nouveau document d'environ 900 x 700 pixels, remplissez-le de blanc. Nous devons maintenant découper deux fenêtres dans le calque, à travers lesquelles le réel conception graphique. Sélectionnez d’abord un rectangle mesurant 200 x 500 pixels (avatar) et appuyez sur Suppr. Sélectionnez ensuite un rectangle mesurant 510x352 (alignez-le sur la ligne inférieure de l'avatar et faites une distance entre les formes de 50 pixels) et appuyez également sur Suppr.
Après la prochaine mise à jour du design réalisée par VKontakte (31 octobre 2016), les dimensions de la bannière sont devenues 510 x 307 (et non 510 x 352).

Étape 2
Maintenant, sous le calque blanc, nous plaçons une image unique qui constituera la base du design.

Étape 3
Après cela, nous ajoutons la photo divers éléments— logo, inscriptions textuelles et un bouton vous invitant à cliquer sur le menu. Ensuite, nous enregistrons deux images distinctes sur l'ordinateur - l'une est un avatar (à droite), la seconde est un menu avec un bouton cliquable (à gauche).

Étape 4
Nous créons également un menu graphique dans Photoshop composé de plusieurs éléments. La largeur de ce menu doit être de 600 pixels, la hauteur est facultative, en fonction du nombre d'éléments. Pour vous aider, utilisez la leçon « ».

Étape 5
Nous découpons notre menu en plusieurs bandes horizontales en fonction du nombre d'éléments de menu. Enregistrez sous forme de fichiers séparés.

Étape 6
Nous allons dans notre groupe VKontakte, cliquons sur « Gestion de la communauté » (cliquer sur les trois points sous l'auteur ouvre un menu déroulant) et vérifions que les paramètres sont corrects. Le groupe doit être ouvert et le matériel doit également être ouvert.

Étape 7
Maintenant, téléchargeons nouvel avatar. Déplacez votre souris vers l'emplacement de l'avatar et sélectionnez « Mettre à jour la photo » dans le menu contextuel. Chargez la bonne photo de l'étape 3, étirez la zone de sélection de haut en bas jusqu'aux bords de l'image, cliquez sur « Enregistrer », puis sélectionnez la zone pour la vignette ronde.

Étape 8
Vous devez maintenant créer une page interne. Comment procéder est décrit en détail dans la leçon. Un autre manière alternative la création d'une page interne est décrite dans la leçon « » aux étapes 5 et 6.

Étape 9
Une fois que nous avons créé la page interne, nous pouvons y accéder. Pour cela, cliquez sur le menu déroulant du groupe (par défaut cet élément s'appelle « Dernières nouvelles" - Je l'ai renommé « Menu ») et là, cliquez sur le lien « Menu ». Après cela, nous irons à la page vierge nouvellement créée.

Étape 10
Nous devons maintenant créer un menu graphique de cinq éléments. Pour ce faire, nous téléchargeons nos cinq photos de l'étape 5 dans l'album de groupe. Nous cliquons sur l'icône de l'appareil photo et téléchargeons les images coupées depuis l'ordinateur. Les images seront stockées quelque part sur les serveurs VKontakte en référence au groupe, alors créez album séparé Pas nécessaire pour les images découpées. Vous devez télécharger des images en mode de balisage Wiki.

Étape 11
Maintenant, en mode balisage wiki, nous allons créer un menu graphique. Il est très important de créer en mode balisage wiki (icône à droite coin supérieurà partir de deux crochets triangulaires), et non en mode d'édition visuelle. Plus d'informations sur la création de code dans le balisage wiki sont décrites aux étapes 4 et 5 de la leçon « ». Il existe également un modèle de code à insérer. Si tout est fait correctement, vous devriez obtenir un menu graphique prêt à l'emploi, comme dans la figure ci-dessous.

Étape 12
Revenons maintenant à page d'accueil groupe, prenez l'URL de notre page interne (elle devrait ressembler à https://vk.com/page-78320145_49821289) et collez-la dans la fenêtre où les actualités sont créées. Une fenêtre avec un lien vers cette page très interne devrait automatiquement être jointe. Après cela, nous déplaçons le curseur sur l'inscription « Joindre » et attachons une photo au message, à savoir notre photo à gauche de l'étape 3. Après cela, nous effaçons la ligne de l'URL de la page interne, laissant un espace vide. Important! Sur cette étape vous devez cocher la case (si vous disposez de tels droits, cela s'applique principalement aux groupes avec un mur ouvert) dans la case « Au nom du groupe ». Si vous ne cochez pas cette case, l'entrée ne sera pas épinglée. Enfin, cliquez sur « Soumettre ».

Étape 13
Déplacez le curseur sur les trois points à côté du titre du message et sélectionnez « Épingler » dans la fenêtre déroulante. En conséquence, les nouvelles sont également détachées, si nécessaire.

Étape 14
Il y a une mise en garde. Parfois, après avoir désépinglé une actualité, elle descend très loin dans le fil, en fonction de la date de création, et il peut être assez difficile de la retrouver. Par conséquent, il est préférable d’écrire immédiatement l’URL de l’actualité épinglée quelque part. Pour cela, déplacez le curseur sur l'heure de création de la news et cliquez sur le lien.

Étape 15
Maintenant, nous mettons à jour la page principale du groupe. Notre menu graphique sera situé en haut à côté de l'avatar. Et lorsque nous cliquons sur l'image, nous sommes redirigés vers une page interne avec un menu de cinq éléments.

Une page publique sans son propre style n’est qu’une collection d’images et de textes d’autres personnes. En principe, de nombreux sites publics réussissent sans aucune conception particulière, simplement grâce à leur contenu et à une politique d'échange agressive. Cependant, si vous voulez bien faire votre travail, il vaut la peine de prêter attention aux détails. Les gens remarquent des petites choses car à travers ces petites choses vous exprimez votre attitude envers vos abonnés.

Tout est important : l'avatar et sa mini-version, la couverture du menu et son contenu, la couverture des posts wiki et des collections de vidéos ou d'albums. La conception des textes est tout aussi importante : comment vous écrivez, comment vous mettez les balises, quels guillemets et tirets vous utilisez, comment vous formatez vos liens.

Un design reconnaissable augmente la fidélité, semble professionnel et augmente la confiance. Faire un design n’est pas si difficile, et vous n’êtes pas obligé de l’être designer graphique. Si vous avez la possibilité de commander un design, c'est bien. Si cela n’est pas possible, ne vous inquiétez pas.

Textes publics : 8 règles simples

Le style du texte fait également partie de la conception du public. Ne pensez pas que le design est uniquement une question de graphisme. En général, la conception de texte est un travail éditeur professionnel. Mais nous envisageons une situation où il n'y a pas de budget pour payer son travail ;) Par conséquent, je vais en donner ici quelques-uns règles simples améliorer la qualité de vos textes :

• 1. L'essentiel : écrivez le plus simplement possible, jetez les expressions et définitions participatives et adverbiales. Utilisez moins d’adjectifs. Essayez d'être aussi précis et informatif que possible.
• 2. Créez un titre. Laissez la première ligne de votre message être un titre qui reflète l'essence du message.
• 3. Séparez les paragraphes de texte les uns des autres par une ligne vierge.
• 4. Utilisez un tiret (-) plutôt qu'un trait d'union (-). À l'intérieur de VK, il suffit de mettre deux traits d'union d'affilée (--) pour obtenir un tiret.
• 5. Utilisez les guillemets russes pour arbres de Noël (« ») plutôt que citations anglaises(""). A l'intérieur du VK, deux plus ou moins à la suite se transforment en sapins de Noël (<< и >>).
• 6. Divisez le texte long en paragraphes.
• 7. Placez des balises et un lien vers la source à la fin du message, pas au début ou à l'intérieur.
• 8. Supprimez http:// et la dernière barre oblique (/) des liens.

Exemples bon design des postes:

Tailles des graphiques publics

L'avatar a 3 hypostases. Principal, pour la liste des groupes et pour le fil d'actualité. Le plus grand, le principal, mesure 200 pixels de large et 500 pixels de haut au maximum. Autrement dit, vous pouvez télécharger une image de plus grande hauteur, mais elle sera recadrée. Il est important de considérer les appareils rétiniens. Maintenant, ils deviennent plus courants. Ce sont des écrans avec une densité de pixels plus élevée et une plus grande clarté. Par conséquent, l’image de l’avatar doit être préparée en double taille, 400 en largeur et un maximum de 1 000 en hauteur. Personnellement, je préfère créer des avatars carrés. Ou pas très hauts, pour qu'ils s'intègrent bien au menu public.

Couverture de menu avec un avatar carré : 604*230, vous devez donc la faire en 1208*460.

La formule pour calculer la hauteur de votre couverture de menu (si la communauté a un statut complété et qu'elle est sur une seule ligne) : hauteur du menu = hauteur de l'avatar - 50 (100 dans la version retina) points.

Par exemple, si mon avatar mesure 400 de large et 675 de haut, alors la hauteur du menu sera de 675-100=575 et la largeur de 604.

La couverture d’un article peut en principe être de n’importe quelle taille. L'essentiel est l'orientation horizontale. J'utilise des fichiers de tailles 900*350 et 900*550.

Où commander des graphiques

1. VKontakte, assez curieusement. Demandez une « conception de groupe » ou une « conception publique ». Coûte à partir de 1000 roubles, la qualité est faible.

2. Échanges indépendants. A partir de 1000 roubles, la qualité varie. N'oubliez pas que bon marché n'est pas de bonne qualité.

3. Concepteur familier :-)

Comment créer soi-même des graphiques

Je suppose que vous ne possédez pas de logiciel professionnel (Photoshop par exemple) et que vous n'êtes pas designer. Sinon vous ne liriez pas ce texte :)

Pour les personnes qui ont besoin de créer un design, mais qui n'ont pas de designer ni de budget pour cela, Canva a été inventé. Canva.com est un service pour création rapide conception de haute qualité pour Internet directement dans le navigateur. De tous ces services, c'est le meilleur et le plus moderne. Tout ce qu'il faut c'est dernière version navigateur normal(Chrome, Firefox, Safari).

Exercice

1. Créez 1 à 2 messages avec le bon design, attachez des liens
2. Créez une couverture, un avatar et une couverture de menu. Joindre des liens.

Veuillez noter que l'intégralité du texte de description est visible en une seule fois et ne va pas dans « Afficher en entier ». Les flèches aident à diviser toutes les informations en blocs faciles à lire.

Dans la description, j'ai essayé de refléter ma proposition de vente unique - le lecteur comprend immédiatement que dans ce groupe, vous pouvez trouver toutes les astuces pour travailler avec le réseau social VKontakte auprès d'un spécialiste.

Comment rédiger une description pour un groupe VKontakte

Vous souhaitez donc rendre votre description lisible, mais vous ne savez pas comment ajouter des émoticônes à la description d'un groupe VKontakte. Il n'y a rien de compliqué ici non plus. Vous pouvez prendre l'émoticône dont vous avez besoin dans le groupe. Vous pouvez voir comment cela se fait en pratique dans ce didacticiel vidéo.

DANS Dernièrement Tous plus grand nombre Les communautés VKontakte utilisent une bannière épinglée, réalisée en style uniforme avec un avatar communautaire.

Cela a l'air très joli, mais le problème est que les visiteurs ne voient plus la description du groupe, puisqu'elle est cachée derrière la bannière épinglée. Dans ce cas, vous pouvez retirer une information important message que vous souhaitez transmettre à vos visiteurs directement sur la bannière.

Dans mon groupe, je mets sur la bannière des informations sur les choses intéressantes que mes abonnés peuvent trouver dans le groupe, et ce instructions étape par étape, didacticiels vidéo, webinaires et actualités.

A titre d'exemple, je voudrais donner une autre communauté, dont j'ai conçu le design il y a quelque temps. Dans ce groupe, la description est également recouverte par une bannière. Veuillez noter que les avantages et les intérêts des clients se reflètent directement sur la bannière.

La question se pose : vaut-il la peine d'écrire une description si vous envisagez d'épingler la bannière tout de suite ? Nous pouvons certainement dire que cela en vaut la peine.

Si vous avez correctement inséré dans la description de votre groupe VKontakte mots clés, alors Google et Yandex pourraient bien vous amener au sommet Résultats de recherche. Donc, dans tous les cas, il ne faut pas négliger la description de la communauté.

Résumons-le

1. La description doit être courte, significative et succincte ;
2. Il doit être lisible ;
3. La description doit contenir des mots-clés et refléter votre USP (proposition de vente unique) ;
4. La description doit indiquer les avantages, les intérêts et les inconvénients de votre public cible ;
5. Il n'est pas nécessaire de surcharger la description du groupe VKontakte avec diverses décorations en forme de cœurs et de flèches - cela détourne l'attention de l'essence de votre projet ;
6. La description contient un appel à l'action.

Quelle est la description de votre communauté ? Si vous avez des questions, n'hésitez pas à les poser ! Je serai heureux de répondre.

Si vous avez aimé l’article, partagez-le avec vos amis !

Discussion : 8 commentaires

1. Julia, tu as fait du bon travail en décrivant le groupe !)

Tout récemment, une connaissance m'a approché et m'a demandé d'évaluer sa page publique. Bien sûr, il a répondu immédiatement. Il y a eu beaucoup d'erreurs. C'est lui qui m'a inspiré pour écrire cet article.

Dans cet article, je souhaite parler des erreurs des administrateurs novices dans les groupes VK et de la façon de créer un compte public VKontakte. Tout d’abord, rappelons-nous ce qu’est un public ? Commençons!

Qu'est-ce qu'un public ?

Je pense que beaucoup de gens comprennent déjà ce qu’est un public ou un groupe. Or, Qu’est-ce qu’un groupe dans la vente ? C'est là que ça devient intéressant... Imaginons un instant que vous recherchiez un produit dans la recherche Yandex. Ensuite, vous êtes redirigé vers la page de destination. Le groupe VK est le même page de destination. Cela a juste l'air différent et c'est un peu différent. Commençons par identifier les erreurs et faire évoluer notre groupe vers l'excellence.

Étape 1 : Écrivez le nom du groupe

La plus grosse erreur est commise ici. Est-ce que tu sais pourquoi? Parce que nom du groupe = mot-clé. Par mot-clé, ils recherchent des biens ou des services dans la recherche VKontakte. Voici un exemple.

Ici vous voyez la recherche. Entrer requête clé"Réparation de téléphone Tamb." Où pensez-vous qu’ils iront en premier ? Exactement! A celui qui est le plus haut dans la recherche. De plus, le nom doit correspondre à la demande.

Je vous donne une formule toute faite pour écrire le nom du groupe.

Nom du groupe = Marque + Mot-clé+ Région

Exemple : Sotik.ru | Réparation de téléphone à Tambov

Étape 2 : Écrivez le statut correct dans le groupe

Chaque page publique a un statut sous le nom du groupe. Je vous conseille de le remplir. L'essentiel est de ne pas le laisser vide. Le statut devrait donner Informations Complémentaires sur votre produit ou service, et révèlent également les avantages de votre produit.

Par exemple comme ça.

Nous réparons les téléphones et offrons une garantie de 2 ans. Nous offrons des bonus et des cadeaux à nos clients réguliers.

Je pense que c'est clair ici. Plus l’avantage est important, mieux c’est. Essayez de tout arranger.

Étape 3 : Dessinez un avatar de groupe

Un avatar est le visage de votre groupe ou public VKontakte. C'est ce qui attire et retient l'attention des abonnés. Mais hélas, ici aussi, de nombreuses erreurs sont commises. Pour éviter les erreurs, il est préférable de faire appel à un designer expérimenté. Mais si vous décidez de le faire vous-même, voici quelques conseils.

Conseils pour améliorer votre avatar :

• Un logo ou un nom de marque est requis.
• Une photo qui correspond à votre produit
• Bouton "S'abonner". (Appel à l'action)
• Pas plus de 3 couleurs par avatar.
• Seule image de haute qualité (5000 x 2000 px).
• Enregistrez l'image au format .jpg

Étape 4 : Ajoutez des photos du produit ou du service

Nous sommes tous des visuels et nous avons l’habitude de regarder un produit à l’aide de photographies. Avez-vous un produit ? Montrez-le dans toute sa splendeur. Divisez les produits ou services en albums, rédigez une description du produit ou du service sous chaque photo. N'oubliez pas de noter les prix.

Attirez l'attention avec des photos Haute qualité. À cet égard, ne lésinez pas sur un photographe et ne demandez pas à un ami. Et pourtant, les images téléchargées sur Internet ne font que le gâcher. Pensez-y.

Étape 5 : Remplissage des marchandises

Celui-ci est apparu sur VKontakte il y a longtemps fonctionnalité utile. Vous pouvez publier non seulement des biens, mais également des services. Dans ce cas, vous simplifierez la recherche de biens pour vos clients. Pour chaque produit, décrivez-le en détail, fixez un prix et ajoutez des photos. De cette façon, vous informez les clients de ce qu’ils vendent dans ce groupe. Vous pouvez donc l'acheter.

Étape 6 : Publication en public

Savez-vous quelle erreur est commise ici ? Ils commencent immédiatement à vendre et à imposer leurs services. Il n'est pas conseillé de faire cela. Tout devrait être avec modération.

Tout d’abord, publiez des articles contenant des secrets, des conseils, des actualités sur un produit ou un service. De cette façon, vous augmentez l’intérêt du public, la confiance et l’appréciation. Ne publiez qu’occasionnellement vos produits ou services. Mais cela doit être fait lorsque le groupe a été promu par au moins 1 000 personnes.

N'oubliez pas que le groupe n'est pas visité par des clients, mais par des utilisateurs. Même lorsqu’ils deviennent vos abonnés, ils ne sont toujours pas vos clients. Gagnez leur confiance et à l’avenir, ils se souviendront certainement de vous et achèteront un produit ou un service.

Étape 7 : Promouvoir le groupe

Le contenu a été mis en place, le groupe s'est constitué, mais il n'y a pas de clients. Mmm... Qu'est-ce qui ne va pas ? Avez-vous lancé du trafic vers votre public ? Avez-vous invité des gens ? Non? Alors, pourquoi es-tu assis ? Passer à l'action! Invitez vos amis, écrivez-leur et demandez-leur de rejoindre le groupe. Se détendre de toutes les manières possibles. Publiez le lien VKontakte partout où vous le pouvez. Mais d'après ma propre expérience, je dirai que promotion payante règle des groupes. Mais c'est déjà ça.

Conclusion

Vous savez maintenant comment concevoir correctement votre page publique de vente. L'essentiel est d'approfondir cela et votre page publique peut devenir la plus populaire sur VKontakte. Et les clients viendront pour leur popularité. De nombreux clients. Je te souhaite du succès!

Les éléments graphiques dans la conception de la communauté VKontakte captent l’attention du visiteur, le retiennent et augmentent également la reconnaissance du groupe ou du public parmi des milliers de communautés similaires. De plus, le menu graphique facilite la navigation dans les sections du groupe, aidant ainsi les participants et autres utilisateurs réseau social naviguer dans la structure d’une grande communauté.

Une recherche sur VK ou une visualisation du portefeuille de designers montrera de nombreux exemples réussis de conception de groupe VKontakte, que vous pouvez utiliser comme point de départ lors du choix d'un menu de couverture pour votre communauté.

Les tailles de conception de groupe VKontakte suivantes sont utilisées :

• La couverture de la page est affichée en haut, sur toute la largeur de la page publique, de taille 1590 x 400 pixels ;
• Grand avatar - une bannière verticale de 200 x 500 px (rapport hauteur/largeur 2:5), affichée en haut à droite ;
• Petit avatar, image ronde, affiché dans chaque message de groupe, taille 200x200 pixels.
• Image de menu pour un groupe VKontakte, largeur 510 pixels, hauteur 307 (pour que le bord inférieur du menu corresponde bien au bas du grand avatar à droite).

Si une image de couverture est chargée dans les paramètres de la communauté, le grand avatar à droite n'est pas affiché.

Comment créer vous-même un en-tête pour un groupe VKontakte

Pour que l'en-tête de la communauté soit beau, tous ses composants graphiques doivent être conçus dans le même style (ensemble de couleurs, logos, polices) ou faire partie de la même image. Lorsque vous créez vous-même un groupe VKontakte, la première étape consiste à préparer image de fond. Il peut s'agir d'une image thématique provenant de banques de photos gratuites (par exemple, pixabay.com).

Ouvrez l'image dans un éditeur graphique. Recadrer ou redimensionner : longueur 1 590 px, hauteur 400 px.

Ensuite, vous pouvez appliquer les inscriptions nécessaires (nom du groupe, slogan, appel à rejoindre la communauté). Vous devez maintenant télécharger la couverture dans la communauté ; pour ce faire, allez dans l'élément de menu « Gestion de la communauté » :

Cliquez sur « Télécharger » dans le champ « Couverture communautaire ».

Dans la fenêtre suivante, sélectionnez le fichier de couverture préalablement préparé sur votre ordinateur et cliquez sur « Enregistrer et continuer ».

Maintenant, dans votre groupe, il y aura nouvelle couverture. Gardez à l’esprit que dans ce cas, l’image verticale du grand avatar à droite ne sera plus affichée.

• L'image ou la photo doit correspondre au thème de la communauté.
• Utilisez des images de haute qualité.
• Ne violez pas les droits d'auteur d'autrui sur les images (offre actuellement de stocks gratuits un grand nombre de et photographies et illustrations).
• Ne surchargez pas la couverture de détails.
• Si vous mettez une photo d'une personne sur l'en-tête, il est préférable qu'elle ne regarde pas le visiteur, mais la personne elle-même. élément important sur la page (menu, adresse du site Web, message concernant la promotion, appel).
• Utilisez des polices de haute qualité et assurez-vous que le texte est lisible à n’importe quelle échelle.

Tailles d'en-tête sur VKontakte public dans un nouveau design

Après la refonte de ce réseau social, un nouvel élément de design est apparu : la couverture. Ce grande image orientation horizontale mesurant 1590 par 400 pixels. L'en-tête du groupe VKontakte est une image statique. Assez grand pour y placer une photographie ou une image lumineuse et mémorable ainsi que le nom du public, le slogan de l'entreprise, le nom du site, l'horaire de travail et d'autres inscriptions.

Comment créer un menu pour un groupe VK dans un nouveau design

Le processus de conception d'un menu de groupe VKontakte comprend les étapes suivantes :

• Préparer une liste de liens de menu (il peut s'agir de pages, de sections communautaires ou de sites externes).
• Préparation de l'image de fond.
• Application d’inscriptions et de « boutons » de menu à l’image d’arrière-plan.
• Découper une image en plusieurs parties.
• Activer la page wiki.
• Chargement menu graphique et le formater avec le balisage wiki.

L'image d'arrière-plan doit avoir une largeur de 510 pixels et la hauteur dépend du nombre et de l'emplacement des éléments de menu. Pour travailler avec des images, vous aurez besoin d'un raster éditeur graphique, vous trouverez ci-dessous des exemples utilisant Paint.Net, gratuit et léger.

Vous devez immédiatement planifier l'emplacement des éléments de menu afin que l'image puisse être découpée en fragments. même taille. Ceci est important pour que le menu s'adapte correctement sur l'écran des smartphones ou des tablettes.

Menu vertical de la communauté VK avec des éléments dans une colonne

Ouvrez l'image dans l'éditeur. À l'aide de l'outil "Texte" de l'éditeur, écrivez les éléments de menu au-dessus de l'arrière-plan. Pour rendre visibles les étiquettes de menu, elles peuvent être mises en surbrillance de plusieurs manières :

• Entourez-le d'un cadre ;
• Changez la couleur de fond sous les lettres ;
• Ajoutez une ombre aux lettres.

Dans la capture d'écran ci-dessous, chaque élément est mis en évidence de l'une des manières suivantes.

L'étape suivante consiste à découper l'image en plusieurs parties :

Le processus de découpe d'une image peut également être effectué à l'aide d'un outil en ligne pratique www.imgonline.com.ua/cut-photo-into-pieces.php.

Ensuite, dans le menu « Gestion de la communauté », allez dans la rubrique « Sections » et dans la rubrique « Matériels », sélectionnez « Restreint » (cela signifie que seul l'administrateur du groupe peut créer et modifier des pages).

Cliquez sur Enregistrer et accédez au groupe principal. Près de la section contenant des informations sur le groupe, un élément « Dernières nouvelles » est apparu.

Accédez à cette section et cliquez sur modifier. Changez le titre en « Menu », puis cliquez sur l'icône de l'appareil photo pour ajouter une image.

Cliquez sur l'image ajoutée et dans la fenêtre des propriétés spécifiez le lien vers la section souhaitée.

VKontakte réduit automatiquement les images à 400 pixels et insère des balises supplémentaires. Pour résoudre ce problème, vous devez passer en mode édition de balisage.

Chaque balise d'image commence par "[[" et se termine par "]]", se compose de trois parties séparées par "|" : ID d'image, propriétés et lien. Vous devez ajuster la taille des images et insérer la balise « nopadding » dans leurs propriétés. Les propriétés des images sont répertoriées par « ; ».

Après avoir enregistré les modifications, la création du menu est terminée.

Menu avec éléments horizontaux ou multilignes

Dans ce cas, la préparation des images s'effectue de la même manière, mais en coupant la source verticalement. Les fragments coupés sont chargés via l'interface d'édition de page. La position relative des fragments rectangulaires est établie à l'aide d'un tableau balisage wiki en VK. Chaque balise d'image de lien décrite dans la section précédente est placée à l'intérieur d'une cellule de tableau.

Règles de conception des tables :

• Le début est indiqué par le symbole « (|), la fin du tableau est indiquée par « |) ».
• Propriétés supplémentaires sont indiqués après « |~ »
• Nouvelle ligne commence par "|-".
• Chaque cellule est séparée par "|".

Exclure espaces supplémentaires vous devez spécifier les paramètres du tableau « nopadding noborder fixe ». La disposition d'un menu graphique à 2 colonnes et 2 lignes ressemble à ceci :

Et le menu lui-même dans le groupe :

Taille de l'avatar de groupe dans un nouveau design pour le design public VK

Les communautés VKontakte utilisent deux options d'avatar :

• Une grande bannière rectangulaire de 200 x 500 pixels s'affiche en haut à droite si la couverture n'est pas chargée.
• La vignette mesure 200 x 200 pixels et est affichée dans les publications et les discussions sous forme de cercle.