Concevoir une page publique VKontakte : comment créer un menu et un en-tête. Comment créer correctement un groupe VKontakte - éléments de base et conseils utiles

Voulez-vous savoir comment créer un groupe sur VKontakte en 2018 ? Et pas seulement le concevoir, mais le faire vous-même correctement et magnifiquement ! Si votre réponse est « Oui », alors cet article est spécialement pour vous !

Le réseau social « VKontakte » est l'un des plus populaires. En conséquence, vous pouvez trouver ici plus de communication, des personnes partageant les mêmes idées et simplement des amis, ainsi que promouvoir vos services et produits. Grâce aux communautés créées, vous pouvez trouver rapidement tout ce qui vous intéresse sur un événement, un produit, un service, etc.

Sur la page de gestion, cliquez sur « Télécharger » et sélectionnez une image. Cela ressemble à ceci : nom du groupe, puis vignette de l'avatar, statut.

Malheureusement, le mobile ne le prend pas encore en charge cette fonction. Mais comme cette innovation s'est produite il n'y a pas si longtemps, elle sera tout aussi pertinente pour la promotion que tout le reste.

Pour accéder plus facilement aux matériaux proposés, vous pouvez créer un menu. Et nous vous dirons comment le préparer vous-même la prochaine fois.

Message épinglé

Secrets de création d'un groupe VK

En prime, nous partageons les secrets de la conception d'un groupe VK et notre expérience personnelle, qui vous permettront de réaliser vous-même la conception immédiatement à un niveau avancé. Par exemple, vous pouvez mettre en place un si beau bloc d'applications diverses, ce qui augmente l'engagement plusieurs fois !

Applications gratuites. Accédez à la gestion de la communauté et allez dans « Applications » pour modifier les paramètres.

Ici, vous pouvez choisir d'ajouter une application qui sera un excellent ajout aux fonctionnalités du groupe. Par exemple, dans notre groupe, qui crée gratuitement du contenu utile, il existe un bouton « Soutenir la communauté », en cliquant sur lequel vous pouvez faire un don au profit de la communauté de tout montant à partir de 100 roubles. Il peut également s'agir d'une boutique de produits, d'un questionnaire, de tests, d'un chat en ligne, d'un abonnement à une newsletter, etc.

Autres widgets et applications utiles :

• questionnaires;
• tests;
• inscription aux services;
• envoyer des messages ;
• magasin de marchandises;
• et ainsi de suite.

Débats. Faites plusieurs sujets à la fois sur les principales problématiques qui intéresseront les clients ou les abonnés. S'il s'agit d'une communauté commerciale, il s'agit alors d'avis, de questions fréquemment posées, d'informations sur le paiement, les garanties et la livraison. Si la communauté est informative, alors les principaux fils de discussion doivent être consacrés aux sujets abordés par le groupe.

Conclusion

Si vous voulez que cela réussisse, assurez-vous de prendre le temps de le concevoir correctement et magnifiquement. Plus vous abordez cette question de manière approfondie et réfléchissez à tous les scénarios de comportement des utilisateurs après avoir accédé à la page du groupe, plus la conversion en abonnement, puis en achat, sera élevée.

), 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 faisons-le Beau design, 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 "Pour 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 note", 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 c'est que les photos sont allumées à différents niveaux. 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 Coupe.

Coupant partie inférieure avec un 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 page souhaitée ou un site Web, en saisissant 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.

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 ;
• Un petit avatar, une image ronde, est affiché dans chaque message de groupe, de 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 une image d'arrière-plan. 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, nouvel élément conception - couverture. Il s'agit d'une grande image de paysage mesurant 1 590 x 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 d'un menu graphique et formatage 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 éditeur graphique raster ; vous trouverez ci-dessous des exemples utilisant le logiciel gratuit et léger Paint.Net.

Vous devez immédiatement planifier l'emplacement des éléments de menu afin que l'image puisse être découpée en fragments de 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 « ]] » et se compose de trois parties séparées par « | » : l'ID de l'image, les propriétés et le 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 du balisage de table wiki dans 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 « |) ».
• Les propriétés supplémentaires sont indiquées après "|~"
• La nouvelle ligne commence par "|-".
• Chaque cellule est séparée par "|".

Pour exclure les espaces supplémentaires, vous devez spécifier les paramètres du tableau "fixed nopadding noborder". 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.

1 voix

Bonjour, chers lecteurs de mon blog. Dans l’article précédent, nous avons appris comment créer quelque chose de charmant. Passons maintenant à la deuxième partie. Nous allons créer une belle image unique pour l'avatar et réfléchir à une transition efficace.

Si c’est la première fois que vous visitez mon blog, vous n’êtes pas obligé de commencer par la première leçon. Vous pouvez d'abord lire cette publication et commencer à concevoir, à partir de cette étape. Maintenant, je vais vous dire comment faire beau groupe VKontakte, vous pourrez décider plus tard si vous souhaitez utiliser des fonctionnalités supplémentaires.

À la fin de cet article, vous aurez une image impressionnante et unifiée.

Méthode pour les paresseux

Afin de ne pas distraire des sujets importants ceux qui savent déjà tout faire, qui sont pressés ou qui ne veulent tout simplement pas s'embêter, je peux proposer un tutoriel vidéo. Il vous dira comment faire la même chose dont je vais parler, uniquement sans Photoshop via le service www.vkprofi.ru .

Je ne l'ai pas utilisé et je ne peux pas dire s'il est payant ou non. Je serais reconnaissant à ceux qui vérifieront ces informations et laisseront un commentaire sur cet article avec une réponse à cette question brûlante.

Pour ceux qui veulent apprendre

Si vous décidez de rester et de parcourir un long chemin, un travail passionnant vous attend. Cela sera très utile si vous commencez tout juste votre parcours dans le commerce en ligne.

Vous apprendrez de nombreuses astuces que je vais vous apprendre recommandations utiles sur le travail avec la publicité, et vous recevrez également compétences utiles et l'expérience.

Tu auras besoin de…

1. Photoshop.
2. Image de base.

La photo doit être grande et de haute qualité si vous recherchez moteurs de recherche, puis faites attention à votre fond d'écran. Si vous travaillez pour une communauté sympa, notamment liée aux affaires, alors je vous recommande d'utiliser le service http://ru.depositphotos.com . Vous y trouverez des images publicitaires.

Choisir une image qui fera la promotion d’un produit n’est pas si simple. S’il est utilisé pour le monde des affaires, il doit répondre à de nombreuses exigences. Tout le monde ne comprend pas cela. Si vous faites la promotion d’un hôtel, d’une auberge, d’un bar ou d’un club, il n’est pas recommandé de prendre des photos de chambres vides.

Tout d'abord, il ne faut pas vendre un lieu où une personne peut s'asseoir, mais montrer les émotions qu'elle ressentira en visitant l'établissement. La beauté des intérieurs ne surprendra personne de nos jours. Il faut créer une atmosphère unique dans laquelle l'acheteur aura envie de se plonger.

Personne n’aime les photos usées. S'ils sont utilisés tout le temps, les chances d'obtenir des clients diminuent. À propos de la qualité, du réglage correct de la lumière, etc. Je ne parlerai même pas. J'espère que vous comprenez déjà cela. Les options comme sur la photo ci-dessous n'existent plus depuis environ 5 ans.

Depuis expérience personnelle... sur l'un des projets, j'ai travaillé avec un directeur de publicité très cool. Nous avons démonté chaque photo pièce par pièce. L'objet doit être à une certaine distance du centre, sous un angle spécifique, de préférence dans la plage optimiste correcte.

Nous avons dû changer la couleur du cadre dans lequel le tableau était accroché dans le coin le plus éloigné ! Au début, je pensais que tout cela n'était qu'un problème inutile, mais ensuite ils m'ont montré la conversion après avoir travaillé avec des petites choses similaires à des fins de comparaison.

Créer un modèle pour un futur beau groupe

Ainsi, lorsque tout est prêt, vous devez décider des dimensions et préparer un modèle pour la future image. À propos, si vous apprenez à procéder ainsi, vous pourrez ensuite utiliser cette technique pour de nombreuses autres tâches et créer d'incroyables images VKontakte. Vous comprendrez bientôt de quoi je parle.

Alors, ouvrons le contact. Si vous recherchez des tailles de publication VKontakte standard, vous verrez 200 x 500 et 700 x 500. Cependant, si vous utilisez une règle, vous pouvez vous assurer que les vignettes ne correspondent pas à ces indicateurs. Le service les compresse lors du chargement.

Tout est pareil avec la photo sur l'ava, elle fait vraiment 200x500.

Avec le jeûne, tout est différent.

Dans tous les cas, vous avez besoin ou téléchargez le modèle que j'ai préparé, ou prenez votre propre capture d'écran. Je vous conseille de choisir la deuxième option. Pourquoi? De cette façon, vous pouvez créer vos propres modèles pour différentes tâches. Par exemple, si vous avez une galerie de produits ou des « Dernières nouvelles » affichées sur votre page principale.

Mon option ne convient qu'aux publications épinglées. La méthode de conception la plus simple et la plus populaire.

Ouvrez votre groupe ou tout autre groupe dans lequel une publication avec une photo est épinglée en haut. Comme dans mon dessin. Vous pouvez également prendre cette photo en faisant un clic droit dessus et « Enregistrer sous... ». C’est vrai, je ne suis pas sûr que tout se passera bien pour vous à la fin. Avez-vous le temps pour une expérience ? Partagez vos résultats dans les commentaires.

Pour les autres instruction étape par étape sera différent. Tout d'abord, agrandissez l'image dans le navigateur à 100 % (appuyez sur la touche Ctrl et déplacez la molette de la souris). Franchement, je ne comprends pas particulièrement pourquoi cela a été fait, mais lors de ma première tentative, précisément à cause de l'ampleur, cela n'a pas fonctionné.

Appuyez maintenant sur le bouton PrtSc. Il est situé dans la toute première rangée du clavier, après les innombrables « F ». Après avoir cliqué dessus, rien ne se passera. Tout va bien, vous n'avez pas besoin de cliquer 100 fois, ouvrez Photoshop.

Cliquez sur Ctrl+V, vous collerez ainsi votre écran dans le champ de travail du programme. Maintenant, prenez l'outil Rectangle de sélection et travaillez avec le bloc de gauche.

Guidez directement le long du bord de l’image. Vous ne devriez pas avoir l'image ci-dessous. Ce n'est pas correct.

Déplacez-vous strictement le long du bord.

Saisissez le curseur dans le coin supérieur gauche du rectangle et déplacez-le vers le coin inférieur droit. Afin de ne pas vous tromper avec une loupe, utilisez le grossissement à l'aide du bouton Alt et de la molette de la souris.

Appuyez maintenant sur Ctrl+J. Cela transférera le fragment sélectionné vers un nouveau calque ; il apparaîtra au-dessus de l'arrière-plan.

La même chose doit être faite avec l'avatar. Sélectionnez et déplacez vers un nouveau calque (Ctrl+J)

Lorsque vous transférez vers un nouveau calque, l'arrière-plan doit être actif, et non celui que vous venez de créer. Assurez-vous qu'il est mis en surbrillance.

Ensuite, vous pouvez vous débarrasser de l’arrière-plan. Cliquez sur le cadenas à côté de ce calque, cela vous permettra de le manipuler.

Faites glisser le calque vers la corbeille, tout comme un fichier ordinaire depuis votre bureau.

Nous en avons fini avec ça. Le modèle a été créé.

Image unique pour le groupe

J'ai récemment écrit un article sur . Ouverture incorrecte et la poursuite des travaux avec la taille peut considérablement détériorer la qualité de l'image la plus cool, si vous êtes intéressé, vous pouvez lire un article à ce sujet sur mon blog.

Faites glisser la photo que nous utiliserons comme photo principale.

Cela ne reflète pas correctement.

Si vous avez les mêmes bêtises, faites-en simplement la première. Ensuite, tout en maintenant le bouton Alt enfoncé, cliquez sur le calque 1 et le calque 2 pour que les deux soient mis en surbrillance.

Ils doivent être combinés à l'aide du bouton droit de la souris et de l'option appropriée. Dans ce cas, il nous sera plus pratique de continuer à travailler. Vous n’avez pas besoin de superposer et de découper la photo d’abord pour l’avatar, puis pour la publication.

Si vous appuyez sur Ctrl puis sur la vignette du calque que vous venez de créer. Les fourmis courent le long des bords des objets du nouveau calque, ce qui vous indiquera comment afficher l'image du bas. Vous pouvez les supprimer en appuyant sur Ctrl+D. Ce qui se trouve maintenant dans la partie interne sera ensuite inséré dans VK.

Si vous commencez à déplacer la photo, les fourmis qui courent « l'accompagneront ». Je peux vous conseiller de mettre en place des guides. Vous ne savez pas comment travailler avec eux ? Regardez cette vidéo ici.

Après avoir tout réglé comme il se doit, vous pouvez passer à l’étape suivante. Je vais vous montrer deux options pour obtenir le même effet. Le premier est simple. Sur le calque supérieur, cliquez avec le bouton droit et sélectionnez « Créer un masque d'écrêtage ».

Mais j'adore le deuxième. Il est plus rapide. Appuyez sur Alt et déplacez le curseur entre les deux calques, cela changera visuellement. Puis clic gauche.

Le résultat est cette photo.

Chaque partie peut être découpée à l'aide de l'outil Cadre puis enregistrée au format JPEG. Nous ajoutons la bonne photo comme avatar. Sur la gauche, vous pouvez simplement l'ajouter en tant que message régulier, puis l'épingler.

Ce n'est pas difficile, mais si vous avez des problèmes, je peux vous recommander de lire la troisième publication de cette série, dans laquelle j'explique en détail comment faire en sorte que lorsqu'un lecteur clique sur votre photo, il soit envoyé vers un site Web.

Nous avons trouvé comment dessiner un beau menu pour votre groupe. Et aujourd'hui, nous allons apprendre à placer un menu directement sur une page VKontakte et à créer des pages internes pour celle-ci. Alors allons-y!

Étape 1. Téléchargez les éléments de menu sur vk.com

Nous allons dans le groupe et y créons un album dans lequel nous téléchargerons les éléments de menu obtenus en complétant le devoir de la leçon précédente. Pour ce faire, cliquez sur Albums dans le bloc photo de la page principale et dans la fenêtre qui s'ouvre, sélectionnez Créer un album. Appelons-le Album pour l'administrateur.

Note: si vous n'avez pas de bloc de photos sur la page principale, alors accédez à l'élément Gestionnaire de communauté(on l'a déjà fait dans les première et deuxième leçons) et là en face le point Photos choisir Ouvrir ou Limité(nous vous en dirons plus sur les albums et à quoi ils ressemblent dans l'une des leçons suivantes).

Vous verrez un album vide nouvellement créé. Cliquez sur Ajouter des photos à l'album et chargez les parties de menu que vous avez dessinées.

Il ne reste plus qu'à assembler le menu de groupe à partir de ces pièces.

Étape 2. Assemblage d'un menu à partir d'éléments

Accédez à la page d'édition du menu (comment faire cela). Vérifiez que le mode édition est activé Mode de balisage wiki. Vous avez maintenant ici (si vous avez effectué les tâches de la deuxième leçon) vos éléments de menu, entre crochets. Nous n'y touchons pas encore, mais écrivons ci-dessous :

nombre unique - c'est le numéro de photo qui lui est attribué lors de son téléchargement sur le site vk.com. Pour la visualiser, ouvrez la photo téléchargée en cliquant dessus et regardez dans la barre d'adresse du navigateur :

388px- c'est la largeur de votre menu

Pas de frontière- signifie que vos éléments de menu ne reçoivent pas de contour noir

Pas de rembourrage- signifie qu'il n'y aura aucune distance entre les images (ce dont nous avons besoin pour que le menu soit transparent).

Un espace à la fin est obligatoire, sinon rien ne fonctionnera.

Vous devriez vous retrouver avec autant de lignes qu'il y a d'éléments dans votre menu (et, par conséquent, combien d'images vous avez dessinées) :

Attention à ne pas mélanger l'ordre des images.

Allons à page d'accueil groupe, mettez-le à jour (cliquez sur le bouton Mise à jour dans le navigateur ou simplement F5). On admire le résultat !

Étape 3. Joindre des pages internes au menu

Lors de la création d'un menu pour un groupe en mode édition de matériel dans la deuxième leçon, nous avons écrit ses éléments entre crochets. Vous les voyez maintenant au-dessus de votre menu magnifiquement conçu sous forme de liens : dans notre exemple, ce sont des liens Comment commander, Comment payer etc.

En cliquant sur le bouton Remplissez de contenu, nous nous retrouvons sur la page d'édition des supports qui nous est déjà familière.

Nous vérifions immédiatement quel accès nous avons à la page (rappelez-vous que l'accès pour visualiser la page doit être défini - Tous les utilisateurs, et l'accès en édition est Rédacteurs et administrateurs uniquement), et remplissez-le d’informations.

Au fur et à mesure que vous remplissez la page avec des informations, vous pouvez utiliser le panneau de formatage du texte pour ajouter de l'accent afin de mettre le texte en gras, en italique, d'ajouter un alignement ou une liste :

Formater du texte à l'aide de ce panneau n'est pas plus difficile que de travailler dans Word : il vous suffit de sélectionner le texte avec la souris et d'appuyer sur le bouton dont vous avez besoin.

Puisque vous êtes en mode balisage wiki, certains caractères seront ajoutés à votre texte lorsque vous appliquerez des commandes de formatage. Par exemple, lorsque vous sélectionnez la commande italique, le mot que vous souhaitez mettre en italique sera entouré de guillemets. Ces symboles sont les éléments du langage de balisage wiki. Pour voir à quoi ressemblera le texte sur la page, cliquez sur le bouton Aperçu:

Et c'est ce qui arrive:

Note: nous vous recommandons d'apprendre à éditer du texte en mode balisage wiki, car il donne des résultats prévisibles, contrairement au mode d'édition visuelle, qui est instable dans différents navigateurs. Parfois, même un passage ponctuel en mode d’édition visuelle interrompt la conception de la page.

En utilisant les connaissances acquises, nous mettons l'accent sur notre page et cliquons Sauvegarder la page. Voici ce que nous avons obtenu (rappelez-vous, ce n'est qu'un exemple) :

Nous répétons cette étape pour chacune de nos pages (nous avons ceci Comment commander, Comment payer, Comment choisir la bonne taille Et Combien de temps prend la livraison?) sauf la page