À la question « comment créer un menu pour un groupe VKontakte », il existe trois options de réponse principales : commander auprès d'un spécialiste, créer à l'aide d'un concepteur en ligne, ou bricoler, se plonger dans certaines subtilités du problème et tout faire vous-même.

Dans cet article, nous examinerons les trois options une par une. À propos, si vous doutez encore de la nécessité d'un menu pour votre groupe ou votre public, assurez-vous de le lire.

Voici donc trois façons de créer un menu :

Bien entendu, chacun d’eux présente ses propres avantages et inconvénients. Ci-dessous, nous parlerons des deux premiers plus en détail. Et pour ceux qui décident quand même de prendre la troisième voie et de tout faire par eux-mêmes, nous avons écrit guide détaillé(instructions).

D’ailleurs, pour ceux qui préfèrent recevoir des informations via des vidéos plutôt que de lire de longs textes, il existe une vidéo :

Chemin n°1. Commandez la création de menus auprès d'un designer spécialisé

Les avantages de cette méthode sont une relative rapidité et une participation minimale de votre part. Inconvénients - le prix le plus élevé et la possibilité d'obtenir un menu beau mais incorrect (nous avons préparé les principales erreurs lors de la création d'un menu). De plus, encore faut-il trouver un interprète. Ici, nous pouvons vous recommander de le rechercher sur le service kwork.ru, dans la section « Conception de groupes dans les réseaux sociaux ».

Chemin n°2. Utiliser le constructeur en ligne

Ici, bien sûr, nous recommanderons notre designer dont vous visitez actuellement le site Web. Vous pouvez l'essayer gratuitement. Le paiement n'est effectué que si le résultat vous convient et que vous décidez de télécharger le menu obtenu dans votre groupe. Les avantages de cet itinéraire sont qu'il est le plus rapide. De plus, si nécessaire, vous pouvez toujours éditer et recharger rapidement votre menu pour la moitié du coût de création. C'est plus pratique que de rechercher un concepteur chaque fois que vous avez besoin, par exemple, d'ajouter ou de supprimer un élément d'un menu. Les inconvénients de cette méthode sont que vous devrez travailler beaucoup seul.

Chemin n°3. Faites tout vous-même

Les avantages de ce parcours sont évidents : c'est gratuit, et on acquiert de nouvelles compétences. Les inconvénients sont les suivants : il faut certaines compétences et beaucoup de temps (pour la première fois). Voici ce dont vous avez besoin :

• Pouvoir l'utiliser en toute confiance éditeur graphique. Par exemple, PhotoShop. Lors de la création d'un menu, vous devrez d'abord créer une image tailles correctes(au pixel près, pas de « à propos » !), puis coupez-le correctement (brisez-le en fragments)
• Être capable de comprendre les instructions et de les lire attentivement
• N’abandonnez pas et ne désespérez pas si quelque chose ne fonctionne pas du premier coup

Si vous pensez pouvoir gérer tout cela, alors commençons.

Étape n°0. Informations générales sur la structure des menus du groupe VK

Le menu du groupe est constitué de pages wiki dont la création est prise en charge par VK. Les pages wiki sont pages spéciales, qui ne peut être créé que dans des pages publiques. Ils diffèrent des publications classiques dans la mesure où ils peuvent utiliser ce qu'on appelle le balisage wiki. Ce balisage est un code spécial converti en objets de formatage supplémentaires. Pour que ce soit plus clair, expliquons-nous. Par exemple, dans les publications classiques, vous pouvez utiliser uniquement du texte brut, mais le balisage wiki vous permet de mettre en évidence des parties du texte en gras ou en italique. Autrement dit, elle entre caractéristiques supplémentaires inscription Notamment la possibilité de poster des images, lorsqu'il clique dessus, l'utilisateur sera redirigé vers un lien. Ce sont ces options de formatage supplémentaires qui sont utilisées pour créer le menu public VK. Nous vous expliquerons exactement comment procéder ci-dessous.

Étape 1. Étape préparatoire

Si vous avez déjà groupe actif, nous vous recommandons d'en créer un nouveau. Pour les tests et les expériences. Sinon, pendant le processus d’apprentissage, vous risquez d’inonder vos abonnés de mises à jour étranges et inutiles.

Vous avez donc créé nouveau groupe. Découvrons maintenant l'identifiant (ID) de votre groupe. L'identifiant du groupe est son numéro VKontakte unique. Accédez à votre groupe et cliquez sur « Messages de la communauté » (s'il n'y a aucun message dans le groupe, alors « Aucun message » apparaîtra à la place de « Messages de la communauté »). Vous serez redirigé vers une nouvelle page avec une adresse comme celle-ci :

https://vk.com/wall- XXX?propre=1

Au lieu de XXX vous aurez un ensemble de nombres (et seulement des nombres !). Ceci est votre identifiant de communauté. Par exemple, dans notre groupe d'essai c'est 154457305.

Créons maintenant une nouvelle page wiki dans le groupe. Pour ce faire, nous allons créer un lien comme celui-ci :

http://vk.com/pages?oid=- id_groupe&p= Nom de la page

http://vk.com/pages?oid=- 154457305 &p= Menu

Ouvrez le lien résultant dans votre navigateur (copiez-le dans la barre d'adresse de votre navigateur et accédez à l'adresse). Ça y est, vous avez créé une page wiki appelée « Menu » (si, bien sûr, vous avez spécifié « Menu » comme nom de page dans le lien). Vous devriez voir un texte comme celui-ci : « La page Menu est vide. Remplissez-le de contenu. Sur la droite coin supérieur Il y a une icône « crayon » (). Cliquez dessus pour accéder à l'édition de la page.

L'éditeur de pages wiki VK dispose de deux modes : le mode graphique et le mode balisage. Les modes sont commutés à l'aide du bouton dans la partie supérieure droite de l'éditeur (). Lorsque le bouton est surligné en bleu, cela signifie que le mode de balisage est activé. Le mode d'édition visuelle est plus pratique, car vous permet de vous passer de la connaissance de la syntaxe du balisage wiki, mais sa fonctionnalité est extrêmement limitée : vous ne pouvez y faire que les choses les plus simples. Fondamentalement, vous devrez gérer le mode de balisage.

Remarquez deux choses. Premièrement, à gauche du bouton permettant de changer de mode d'édition, il y a un bouton permettant d'appeler des informations d'aide sur le balisage wiki (). Une chose très utile, surtout pour les débutants. Le deuxième point auquel vous devez prêter attention est l’adresse de la page wiki. Vous verrez quelque chose comme ceci dans la barre d'adresse de votre navigateur :

http://vk.com/page-id_groupe _XXX?act=modifier§ion=modifier

Une partie de l'adresse avant le "?" - c'est l'adresse de votre page wiki. Notez-le quelque part : dans VK, il n'y a aucun moyen de voir une liste de vos pages wiki et des liens vers celles-ci. Pour accéder à celui dont vous avez besoin, vous devez connaître son adresse ou utiliser le lien pour créer à nouveau une page wiki. En utilisant dernière méthode gardez à l'esprit que les pages, si elles existent déjà, ne sont pas recréés.

Étape 2. Créer un menu simple pour un groupe VKontakte

Nous avons donc créé une page wiki « Menu ». Accédez au mode de balisage de l'éditeur et ajoutez le code suivant :

Cliquez sur le bouton « Aperçu », qui se trouve en bas de l'éditeur. Vous devriez voir une liste de trois liens. Les deux premiers sont externes et mènent respectivement aux pages principales de Yandex et de Google. Le troisième lien est interne. Cela mène à un VK public avec l'ID « 1 » (c'est groupe officiel VK pour les développeurs). Si votre aperçu affiche votre code, et non des liens (sur lesquels vous pouvez cliquer) - cela signifie que vous avez entré le code en mode édition visuelle, et non en mode balisage. Sois prudent!

Veuillez noter que les liens externes dans le code wiki VK sont formatés avec des crochets simples et les liens internes avec des crochets doubles. Dans ce cas, les liens VK internes ne sont pas indiqués comme l'adresse habituelle du site Web, mais comme un pointeur vers un objet VK particulier. Par exemple, un pointeur vers un groupe a la forme suivante :

club id_groupe

Sur VKontakte, il existe des pointeurs non seulement vers des groupes, mais également vers des photographies individuelles, des publications, des pages wiki, des pages utilisateur, des enregistrements audio, etc. Chaque index possède son propre formulaire d'enregistrement. Nous en utiliserons certains plus tard et les examinerons plus en détail.

Assurez-vous de sauvegarder la page. En gros, nous venons de créer une page de navigation très basique. Ce qui n'est rien de plus que le plus simple menu pour le groupe VKontakte. Bien sûr, il ne s'agit pas encore d'un menu graphique, mais même il peut remplir la tâche principale du menu : diriger rapidement les utilisateurs vers l'endroit public souhaité. Nous verrons comment réaliser un menu graphique un peu plus tard.

Voyons maintenant comment et où vous pouvez utiliser les pages wiki.

Étape 3. Où puis-je publier des pages wiki VKontakte ?

Il existe deux endroits principaux : vous pouvez créer une publication avec un lien vers la page wiki ou la publier dans la section « Matériaux » de votre communauté.

Commençons par la première option. Commencez à ajouter nouvelle entrée sur le mur de votre groupe. Tout d’abord, joignez-y n’importe quelle photo. Mieux vaut en prendre assez grande photo dont la largeur est supérieure à sa hauteur. Puis collez dans le texte l'enregistrement en cours de création un lien vers la page wiki que vous avez créée avec un menu simple. C’est ce que nous vous avions demandé d’écrire un peu plus tôt. Rappelons que le lien ressemble à ceci ( tu auras des numéros différents):

http://vk.com/page-121237693_72827423

Maintenant supprimer du texte liens du champ de saisie. Le lien lui-même sous la photo ne disparaîtra pas. Mais si vous laissez l’adresse du lien dans le champ de texte, elle apparaîtra sous forme de texte dans la publication. Publiez la publication, rechargez la page du navigateur avec la page principale de votre groupe et épinglez la publication créée. Rechargez à nouveau la page. À la suite de ces manipulations, vous devriez obtenir quelque chose comme ceci :

Cliquez sur la photo dans le message épinglé : votre page wiki devrait apparaître avec un simple menu de groupe.

Ainsi, nous avons appris que les pages wiki peuvent être attachées aux publications. En particulier - au poste assigné. Le deuxième endroit où vous pouvez utiliser le balisage wiki est la section « Matériaux ».

Accédez aux paramètres de la communauté et trouvez-y la gestion des sections communautaires (services). Marquez « Matériaux » comme « restreint ». Un nouvel élément apparaîtra désormais en haut de la page d'accueil de votre communauté. Il se situe à droite de la rubrique « Informations ». Lorsque vous activez pour la première fois des matériaux dans un groupe, cet élément est appelé « Dernières nouvelles" Voici à quoi cela ressemble :

Accédez à ce nouvel élément. Cliquez sur la case à cocher « Modifier ». En conséquence, vous vous retrouverez dans l’éditeur de pages wiki que vous connaissez déjà. La seule différence est qu'il existe un champ de saisie pour le nom de la page. Changez-le de « Dernières nouvelles » à « Menu2 ». DANS mode d'édition du balisage entrez le code suivant :

"""Option de menu pour la section "Matériaux""""


[]

Faites un aperçu (des liens déjà familiers devraient apparaître) et enregistrer la page. Essentiellement, cette page est la page wiki principale (racine) de votre groupe. Certes, cette différence avec les autres pages wiki n'a aucune signification pratique particulière.

Aller à page d'accueil votre groupe, redémarrez-le et voyez ce qui se passe. Nous vous recommandons de visualiser votre groupe depuis un navigateur mobile et depuis l'application VK. Vous remarquerez que la disposition des éléments et la logique de fonctionnement sont légèrement différentes partout. Vous devez avoir une bonne compréhension de ce qui appartient à quoi et où cela est affiché.

Nous avons appris que le menu peut être placé à deux endroits. Il est préférable de le faire sous la forme message épinglé et dans la section « Matériaux ». Rappelez-vous deux choses :

• La publication épinglée sera vue par 98 % de vos visiteurs, et seuls 25 à 40 % des plus curieux accéderont à la section matériel, ainsi que les anciens utilisateurs fidèles de votre groupe qui savent qu'il y a quelque chose d'utile là-bas.
• Une entrée épinglée avec une image pour ouvrir le menu peut être complétée par du texte. De cette façon, vous ne perdrez pas cette fonctionnalité de publication épinglée. Mais il ne faut pas non plus en faire trop : que plus de texte, plus le lien pour ouvrir votre menu sera bas.

Le balisage wiki n’est ni l’outil le plus puissant ni le plus pratique. Sa fonctionnalité est très limitée. De plus, il a été développé à l'aube du développement de VKontakte et exclusivement pour sa version navigateur sur ordinateurs de bureau et les ordinateurs portables. Par conséquent, son travail dans l'application et sur appareils mobiles mieux décrit par l’expression « comme Dieu le met sur votre âme ». Malheureusement, il n'y a encore rien de mieux dans VK.

D'ailleurs. Vous pouvez créer un lien d’une page wiki à une autre. Cela fonctionne à peu près comme ceci : l'utilisateur ouvre (par exemple, en utilisant une image de lien dans un article) la première page wiki. Et il contient des liens vers d'autres pages wiki. En cliquant sur ces liens, vous ouvrirez la page wiki correspondante. De cette façon, vous pouvez créer des menus à plusieurs niveaux et, par exemple, des instructions. Cependant, nous ne vous conseillons pas de vous laisser emporter par cela inutilement.

Étape 4. Comment créer un menu dans un groupe VKontakte. Graphique

Ainsi, les principes de base sont maîtrisés. Passons à la conception d'un menu graphique. Disons tout de suite que nous allons créer un menu assez simple : une rangée verticale de boutons avec des liens. Mais ne vous précipitez pas pour dire « non, je voulais un menu super complexe » et fermez ce guide. Nous allons maintenant expliquer pourquoi.

Premièrement, passer du simple au complexe est généralement le moyen le plus efficace de maîtriser de nouvelles connaissances. En apprenant à créer un menu relativement simple, vous apprendrez 90 % des techniques de création de menus pour les groupes VK.

Et deuxièmement, comme nous l'avons déjà dit, le balisage wiki VK a été introduit à une époque où Applications mobiles Peu de gens en ont entendu parler. Notre menu conditionnellement « simple » fonctionnera aussi correctement et efficacement que possible partout : dans la version navigateur de VK, dans navigateurs mobiles et enfin dans l'application. De nombreux menus « complexes » ne peuvent pas s'en vanter. De plus, dans la plupart des cas, un menu « simple » fonctionnera mieux qu'un menu « complexe », qui « s'effondre » lorsqu'il est visualisé dans demande officielle En contact avec. Le plus souvent, il est préférable de se concentrer sur cette option de menu. Oui, il existe des implémentations de menus assez ornées. Vous pouvez également les expérimenter. Mais notre expérience montre qu’ils n’apporteront pratiquement aucun avantage réel : conversions, achats et réputation. Mais il pourrait y avoir des problèmes.

Notre menu de test ressemblera à ceci :

Juste deux boutons. Le premier mènera à la page principale de Yandex et le second mènera au groupe VK « VKontakte Team ».

Le menu graphique vertical dans VK est une image découpée en bandes. Ces bandes sont placées avec des marques les unes en dessous des autres sur la page wiki. Certaines de ces « voies » se voient attribuer des liens. Lorsque vous cliquez sur une telle image de lien, vous suivez réellement ce lien. Une page est un lien. Certaines bandes (par exemple, les bandes intermédiaires, situées entre les points), au contraire, se voient attribuer l'absence de lien. De telles rayures deviennent « non cliquables ».

Créer un menu graphique vertical pour un groupe VK se résume à la séquence d'actions suivante :

• La première chose à faire est de dessiner un menu. La largeur doit être strictement 600px(pixels). Nous vous recommandons de faire en sorte que le menu ne dépasse pas 900 px de hauteur. Il est préférable de sauvegarder le résultat dans Format PNG, en dernier recours - JPG. Utilisez des outils de dessin qui vous sont familiers et pratiques (tels que Photoshop ou GIMP). Le résultat ici dépend à 95 % de vos compétences créatives et techniques. Même si vous ne savez pas du tout utiliser les éditeurs graphiques, ne désespérez pas. Les compétences qui seront suffisantes peuvent être acquises en quelques heures maximum. Il existe une énorme quantité d’informations de référence et pédagogiques sur Internet. De plus, la possibilité d'utiliser au moins un peu un éditeur graphique est très, très utile pour les administrateurs publics. Vous ne perdrez pas votre temps.
• Ensuite, l'image avec le menu est découpée en Rayures horizontales. Vous pouvez le faire de la manière qui vous convient : du Photoshop familier à divers services en ligne. Si vous ne savez pas comment procéder, demandez simplement à votre moteur de recherche préféré. Nous ne décrirons pas en détail la partie technique du processus de découpe : il existe des dizaines de méthodes, certaines conviennent à certains utilisateurs, mais pas à d'autres. Lors de la découpe, vous devez suivre une règle simple : la hauteur d'une bande ne doit pas être inférieur à 60px. Sinon, vous pourriez avoir des problèmes pour afficher le menu dans l'application et dans les navigateurs mobiles : ce qu'on appelle. "rayures blanches" entre les images.
• Les "bandes" coupées sont téléchargées sur l'album du groupe ou sur l'album sur la page d'administration du groupe. Nous recommandons la deuxième option. Dans tous les cas, un album avec des parties découpées du menu doit être V accès libre . Sinon, les utilisateurs pour lesquels les images de l'album ne sont pas disponibles ne verront pas votre menu !
• Le code de balisage wiki est compilé et inséré dans la page wiki souhaitée.
• Le groupe contient une publication épinglée avec un lien image vers une page wiki avec un menu. Nous avons expliqué en détail ci-dessus comment un tel message est rédigé. De plus, le code (avec des modifications mineures) peut être ajouté à la page wiki racine (l'élément à droite de l'élément « Informations » apparaît lorsque la section « Matériaux » est activée. Pour plus de détails, voir ci-dessus).

Examinons maintenant plus en détail le chargement de parties du menu et du code wiki. Nous avons préparé pour vous. Il comporte deux répertoires : « 1 » et « 2 ». Le premier contient des parties des plus primitifs et option simple coupes pour notre menu - en deux parties. Téléchargez l'archive, téléchargez les images (1.png et 2.png) du répertoire « 1 » vers Nouvel album(sur votre page ou en groupe).

Nous avons deux « bandes » : celle du haut (avec le bouton « Yandex ») et celle du bas (avec le bouton « VK Team »). Les deux seront des images de lien. Dans le balisage wiki, cela se fait avec un code comme celui-ci :

"LIEN"- c'est le lien cible. Par exemple, https://yandex.ru/. En plus de l'habituel externe les liens peuvent être une indication d'un objet VKontakte : publication, page utilisateur ou groupe. Par exemple, pour qu'après avoir cliqué sur un bouton, il y ait une transition vers la communauté « VKontakte Team », vous pouvez spécifier à la fois son adresse (https://vk.com/team) et un pointeur vers celle-ci (club22822305). En principe, il n'y aura aucune différence. Liens externes(ceux qui ne mènent pas à des ressources VK) nous nous recommandons de réduire en utilisant

pour gagner de l'argent sur VKontakte. Je parle de créer des pages internes. Déjà dans plusieurs articles, j'ai évoqué le travail avec le wiki VKontakte, lorsque j'ai écrit et aussi. Mais tout le temps, c'était en quelque sorte superficiel, pour ainsi dire, de « galoper à travers l'Europe ». J'ai entièrement consacré cet article au fait que comment créer une page wiki.

Qu'est-ce qu'une page wiki VK

Balisage wiki- ce sont des balises spéciales qui aident à concevoir un groupe VKontakte, à le rendre coloré, convivial et à se démarquer grâce aux pages internes. Pour bien concevoir votre groupe, il vous faudra beaucoup de patience et de force !

Voici un exemple sympa d'une telle page :

Devant nous se trouve un menu de navigation basé sur balisage wiki VKontakte. Cette page s'avère très lumineuse et fonctionnelle - elle contient des sous-sections, des liens vers des articles individuels, des archives mensuelles et bien plus encore. Toutes les grandes communautés disposent nécessairement de telles pages, car sans elles, non seulement les abonnés, mais aussi les administrateurs eux-mêmes peuvent se perdre dans la quantité d'informations. Les catégories conviennent à la fois à l'utilisateur et à l'administrateur.

Bien sûr, un débutant ne sera pas en mesure de créer une navigation aussi lumineuse, et ce serait plus correct, mais si vous n'avez pas une telle opportunité, alors au début, même un menu texte aussi simple sera efficace :

D'ailleurs! Veuillez noter qu'il existe deux options de page possibles : dans le premier exemple, la page flotte dessus communauté, et dans le second - il s'ouvre fenêtre séparée. Regardez la barre d'adresse et vous verrez la différence.

Le balisage wiki sur VKontakte est la fonctionnalité qui vous permet de transformer un groupe VK en un site Web presque à part entière ! Et c'est cool, car de cette façon, nous pouvons le faire gratuitement ! Je vais vous expliquer comment rendre les pages internes un peu plus basses, mais pour l'instant, je ne peux m'empêcher de mentionner une autre fonctionnalité très utile : créer un article complet.

Comment créer un article sur VKontakte

À quoi ressemble une publication typique sur VKontakte ? Texte, et à la fin une ou plusieurs images ou musique. Parfois, vous voulez vous assurer que les images se trouvent à l’intérieur du texte. De la même manière, cela se fait sur les sites Web et les blogs (dans cet article même que vous lisez actuellement, par exemple). Par exemple, si l'on veut obtenir ce résultat :

Une telle entrée est constituée d'un plus petit nombre d'éléments ; il n'y a pas de titres, sous-titres ou boutons de type site distincts, mais elle est créée selon le même principe que les pages de menu (voir ci-dessus). Oh, c'est très simple à faire ! Pour ce faire, vous n'avez pas besoin d'approfondir la théorie du travail avec un wiki. Je vais vous donner un algorithme simple

Algorithme de création de pages wiki

Pour créer une page interne VKontakte, vous devez saisir correctement son adresse dans le navigateur

Nous y entrons, appuyez sur Entrée et nous serons transférés vers nouvelle page, qui peut être rempli à notre guise.

Après avoir rempli et sauvegardé la page, nous recevrons adresse finale pour le travail - page-52497428_44506807, que nous utiliserons.

Comment remplir une page wiki

Eh bien, vous ne devriez avoir aucun problème pour le remplissage. Nous écrivons le texte, le décorons et le formatons :

Comme vous pouvez le constater, ce panneau est très similaire à un éditeur de texte classique ou à une boîte de réponse sur un blog ou un forum. dans le coin droit, vous voyez un symbole<>. Il s'agit d'un mode permettant de basculer entre le code de balisage wiki et l'affichage visuel.

Une « belle » page de menu entièrement remplie en mode mise en page semble un peu effrayante, mais en réalité il ne s'agit que d'un ensemble de balises et de liens vers des images et d'autres pages, parmi lesquelles le texte est caché.

Il est possible que vous n'ayez pas du tout besoin du mode de balisage, mais il arrive parfois que la page terminée « se passe mal » - les polices ou les liens sont en panne, ou l'image est manquante. Ensuite, il est logique d'examiner ce mode et d'y trouver des balises supplémentaires ou de livrer un support perdu.

Travailler avec pages internes Je recommande d'utiliser un éditeur de texte classique sur votre ordinateur (Word, bloc-notes) et de sauvegarder les pages terminées quelque part chez vous. Le fait est que le balisage wiki dans le contact n'est pas encore finalisé et des problèmes surviennent souvent - soit la ligne disparaîtra, soit l'image disparaîtra. Par conséquent, vous devez toujours disposer d’une version propre et fonctionnelle de la page enregistrée séparément.

Si vous décidez d'étudier plus en profondeur les fonctionnalités du wiki VKontakte, retweetez cet article et dans les commentaires, je vous donnerai des liens vers ressources utiles, Accord?

Chaque utilisateur du service VKontakte connaît la possibilité de créer des groupes dans son compte. Cependant, tout le monde n’imagine pas qu’il soit possible de passer facilement d’un groupe à la création de son propre site internet. Pour que cela soit possible, vous devez :

1. Compréhension théorique du balisage Wiki.
2. Possibilité de son application pratique.

Balisage wiki- Ce langue spéciale programmation conçue pour formater l’information dans un groupe. En l'utilisant, vous pouvez :

• créer des tableaux ;
• formater le texte ;
• créer des balises, des étiquettes ;
• effectuer une structuration supplémentaire des éléments du groupe ;
• Il est intéressant de créer un groupe dans votre compte dans réseau social En contact avec.

Formater un groupe à l'aide du balisage wiki

Le balisage wiki a :

• similitude avec langue professionnelle la programmation;
• Avantage sur Langage HTML sous la forme d'une compréhension plus simple de celui-ci et de l'absence de nécessité d'étudier des informations volumineuses.

Former un groupe implique de créer une personne unique menu, qui peut être à la fois texte et graphique. Il est également nécessaire d'apporter une assistance lors de la navigation à travers les boutons de menu vers les pages correspondantes.

Les principes de conception sont en créant un tableau, qui est l'élément de base du menu, des inserts textuels et graphiques.

Comment créer un menu pour un groupe en contact à l'aide du balisage wiki

Le numéro dans le groupe correspond au numéro d'identification de la communauté.

Travailler avec des images

Le service en question est génial pour la conception utilisant des images sous forme de photographies et d'images.

1. Il est possible d'insérer une image dans un groupe uniquement si elle est disponible dans un album sur le site Internet ;
2. Vous devez copier l'adresse de l'image dans l'album photo de votre compte ;
3. Pour créer une adresse Wiki, ajoutez des doubles crochets à une adresse normale.

Créer des tableaux à l'aide du balisage wiki

Le tableau est créé en utilisant un jeu de caractères spécifique, situé dans une séquence spéciale. Le tableau peut être rempli avec n'importe quel contenu.

1. Début de tableau {| ;
2. Titre du tableau |+ ;
3. Nouvelle ligne |- ;
4. Nouvelle couleur transparente de cellule | ;
5. Nouvelle cellule sombre ! ;
6. Fin de tableau |}.

Un tableau créé à l'aide du balisage Wiki peut inclure de nombreuses lignes et colonnes, des tableaux imbriqués et insérer des éléments graphiques dans des cellules.

Formatage des liens à l'aide du balisage wiki

Comment faire un menu graphique en groupe ?

La méthode de conception d'un menu graphique dans un groupe dépend de son orientation thématique et de la nécessité du fonctionnement de certaines sections.

Le menu peut être conçu comme :

• style de texte ;
• style graphique.

Un menu textuel est généralement idéal pour les sujets sérieux, les domaines d'activité et les technologies informatiques. Menu graphique plus adapté aux sujets de divertissement.

Le principe de conception des deux styles de menu est la méthode tabulaire. La seule différence est que dans le style graphique, il est nécessaire d'ajouter au tableau des éléments d'image présélectionnés.

Modèles de balisage pour les menus de groupe (images, balises, tableaux, spoilers)

Pour faciliter la conception d'une page de groupe, il existe des modèles spéciaux avec des balises déjà insérées. Il vous suffit de faire un choix et de les utiliser correctement pour l'usage auquel ils sont destinés.

Caractéristiques et secrets du balisage wiki

Afin d'enregistrer un groupe sur votre compte, vous devez remplir certaines règles et exigences :

1. Le groupe doit être connecté au service "nouvelles". La connexion s'effectue en cochant la case à côté de la section « actualités » dans la fonctionnalité « paramètres » ;
2. Image inséré dans la page Wiki uniquement si l'image est publiée sur la page principale du compte dans l'album sélectionné ;
3. Une page Wiki ne peut pas en contenir plus de dix-sept balises ouvertes et non fermées;
4. Une ligne de balisage peut contenir jusqu'à huit éléments de liste;
5. Largeur de l'image insérée ne peut pas dépasser 610 pixels ;
6. Lors de l'édition taille de l'image, toutes les proportions de l'image changent proportionnellement à leurs rapports de valeur.

Applications en contact pour le balisage wiki

Pour faciliter la compréhension, des balises Wiki ont été créées applications spéciales signification multidirectionnelle :

1. Applications qui servent d'outil pour apprendre le balisage Wiki. Interactif FAQ bêta l'application fournit une mise en page prête à l'emploi. Et, à des fins pédagogiques, il propose de restaurer son encodage ;
2. Des applications qui ne nécessitent absolument aucune connaissance, alors qu'elles effectuent automatiquement le travail de l'utilisateur par lui-même. Ce type comprend Éditeur de wikis. Pour concevoir un groupe, il suffit de comprendre l'éditeur visuel.

Chaque utilisateur du réseau social VKontakte connaît la possibilité de créer des groupes, mais peu de gens savent comment passer d'un tel groupe à la création d'un site Internet. En fait, tout ce qui vous est demandé est une compréhension du balisage wiki VKontakte et, bien sûr, la capacité de l'utiliser.

Qu'est-ce que le balisage wiki VKontakte ?

Le balisage wiki est un langage spécial permettant de concevoir des pages Web d'informations dans le groupe que vous avez créé. Le balisage Wiki est considéré comme un outil précieux, car avec son aide, vous pouvez créer des menus, des balises, des tableaux, organiser en outre la structure des éléments de navigation pour déplacer des objets dans un groupe et générer du texte.

Pourquoi avez-vous besoin d'un balisage wiki ?

Ce balisage wiki joue un rôle important dans la conception du groupe, car toute édition se fait avec son aide. Par exemple, vous avez décidé de créer un groupe pour gagner de l'argent sur programmes d'affiliation, qui sont désormais très populaires.

Et ici, ils s'ouvrent devant l'utilisateur possibilités illimitées, mais le plus question principale Ce qui apparaît aux gens, c'est à quel point il est attrayant et correctement conçu pour attirer les clients.

Concevoir un groupe à l'aide du balisage wiki

Je voudrais immédiatement noter que le système d'édition balisage wiki très similaire à la mise en page HTML.

Le principal avantage du balisage wiki est que tout le monde, même les utilisateurs du réseau peu « avancés », peut l’étudier.

De plus, l'un des avantages de ce balisage wiki est qu'il prend en compte toutes les modifications de page, vous pouvez donc comparer 2 éditions différentes, ce qui vous permet de choisir une meilleure option. Toutes les pages concernées par les modifications les affichent immédiatement.

Comment apprendre le langage de balisage wiki et découvrir toutes les petites choses ?

Sur Internet, j'ai trouvé très Instructions détaillées dans lequel tous les petits détails sont écrits créer un wiki pages, de l'insertion de vidéo et d'audio à l'utilisation de liens et de tableaux ! Cette instruction au format d'aide Windows, ce qui signifie que n'importe quel ordinateur l'ouvrira.

Comment créer des pages

Une page est un élément Internet qui contient des informations destinées à être consultées de manière générale par les utilisateurs.

La page est générée automatiquement lorsque vous spécifiez le texte :
[[Titre de l'article]] ou [[Titre de l'article|texte du lien]]

Les textes sont présentés sur les pages à l'aide de balises.

Si cet article vous a aidé ou vous a plu, n'oubliez pas donne ton like, cela aidera les autres utilisateurs à le trouver plus rapidement. Et je peux découvrir ce qui vous intéresse le plus afin de préparer et rédiger des articles encore plus intéressants et utiles ! Cordialement, Viatcheslav.

À l'aide du balisage wiki, vous pouvez concevoir un menu de groupe, des articles analytiques, des cas et des instructions. Bien sûr, vous devrez y consacrer un peu plus de temps qu'à créer les posts habituels sur le mur. Mais plus vous vous souciez de la conception du contenu, plus votre public sera reconnaissant.

Comment fonctionne le balisage wiki

Le balisage wiki est un langage utilisé pour mettre en page les pages. Classiquement, on peut l'appeler jeune frère HTML. Les pages wiki facilitent la rédaction et le formatage du texte, l'insertion d'illustrations, de vidéos, de liens et de tableaux. Peut être maquillé article simple ou créez un guide interactif complet avec des chapitres et des sous-titres.

La largeur de n'importe quelle page wiki est de 607 px. La hauteur n'est limitée que par le nombre de caractères : il peut y en avoir environ 16 000 au total.

Tout le balisage wiki est basé sur des balises, tout comme le HTML. Il existe des balises uniques (par exemple,
- saut de ligne) et les paires (par exemple, vignette).

Comment fonctionnent les balises pour le texte dans le balisage wiki

Dans certains cas, le balisage wiki utilise une syntaxe simplifiée (les balises sont remplacées par des caractères typographiques). Par exemple, pour créer liste à puces Les astérisques « * » sont utilisés et les traits dièse « # » sont utilisés pour les numéros.

Comment fonctionne la typographie dans le balisage wiki

Tous balises existantes et les méthodes de leur utilisation sont rassemblées dans leCommunauté de balisage wiki VKontakte . Utilisez les documents de cette communauté comme aide-mémoire fiable. Dans cet article, nous passerons en revue les principes de base du travail avec le balisage wiki et vous montrerons étape par étape comment l'utiliser pour créer des pages et des menus de groupe.

L'éditeur de page wiki standard a deux modes : le mode visuel et le mode de balisage wiki (le bouton de commutation ressemble à ceci :<>).

Voici à quoi ressemble le mode de balisage wiki actif

Un texte simple avec quelques images peut être composé en mode visuel. Il s'agit d'un éditeur de texte standard et ne nécessite aucune connaissance du balisage wiki. Mais si vous voulez une page wiki soignée avec des tableaux, des liens et des vidéos intégrées, vous ne pouvez le faire qu'en mode balisage - en utilisant du code.

Comment créer une page wiki

Le bouton « Créer une nouvelle page » n'existe pas dans l'interface de VKontakte elle-même. Nous parlons donc de deux méthodes, standard et avancée (en utilisant l'application).

Standard

Pour le groupe.Allez dans « Gestion de la communauté » → « Sections » → « Matériels » et sélectionnez « Ouvert » ou « Restreint ».

Comment activer « Matériaux » dans un groupe

Désormais, la section « Dernières nouvelles » apparaîtra sur la page principale du groupe. C'est ici que se trouve le menu proposé au groupe. Pour créer une nouvelle page, vous pouvez écrire son nom directement dans le mode d'édition de la page « Dernières actualités », le mettre entre crochets, cliquer sur « Aperçu » et obtenir un lien tout fait vers la nouvelle page.

Comment créer une nouvelle page via Dernières Nouvelles

Pour le public.Pour créer une nouvelle page, vous devez connaître l'identifiant de votre public. Pour cela, rendez-vous dans la section « Statistiques communautaires ». Dans la barre d'adresse de votre navigateur, vous verrez un code comme celui-ci :

https://vk.com/stats?gid= 123456789

L'identifiant de groupe requis est constitué de tous les chiffres après «gid=».

Vous devez maintenant saisir le code suivant dans la barre d'adresse de votre navigateur :

https://vk.com/pages?oid=-ХХХ&p=Page_Name

Au lieu de XXX, nous remplaçons l'identifiant du public et au lieu de « Page_Name » - le nom que vous avez trouvé. Le nom peut utiliser le cyrillique, le latin et les chiffres. Symboles spéciaux Il n’est pas interdit de les utiliser, mais il vaut mieux ne pas prendre de risques : à cause d’eux, vous risquez de perdre la possibilité de modifier la page. Nous collons toutes les données dans les bons endroits, appuyez sur Entrée et le navigateur ouvrira la page créée.

Utiliser l'application

Les développeurs de VKontakte recommandent d'utiliser trois applications pour travailler avec le balisage wiki :"Mobivik" , "Source" et "Affiche Vicky".

Dans ce guide, nous prendrons l'application Mobivik comme exemple. En novembre 2017, il a reçu le deuxième prix du programme VKontakte Start Fellows. Fonctionne sans installation ni inscription supplémentaire dans la version de bureau, mobile de VKontakte et dans l'application téléphonique (le développeur recommande d'utiliser des versions au plus tôt qu'Android 5.1, iOS 9 et Téléphone Windows 8.1).

Pour créer une nouvelle page, depuis l'écran principal de l'application, sélectionnez le groupe souhaité et entrez un nom nouvelle page, puis cliquez sur "Obtenir le lien".

Comment créer une nouvelle page à l'aide de l'application Mobivik

Liens vers la nouvelle page wiki de l'application Mobivik

Voici un hack de vie pour les cas où vous avez créé une page complexe avec gros montantéléments, et vous avez peur que la mise en page se passe mal petit écran. Copiez l'adresse de l'élément « Code pour la page wiki ». Passez en mode édition de votre page et collez-la au tout début du code. Vous obtiendrez une image comme celle-ci :

Lorsque l'utilisateur clique dessus, il sera redirigé vers l'application Mobivik, qui affichera un aperçu soigné version mobile ta page.

A gauche se trouve la page du menu de la communauté LIVE, ouverte sur mobile,
à droite - c'est pareil, mais ouvert via Mobivik

Comment obtenir un lien vers une page wiki

Comment retrouver une page créée précédemment ? Le plus simple et méthode fiable- copiez toutes les adresses des pages wiki dans fichier séparé, par exemple, dans Google Sheets. Une autre façon consiste à utiliser n'importe quelle application permettant de travailler avec des pages wiki. Par exemple, allez sur Mobivik, sélectionnez le nom de la communauté et page souhaitée, cliquez sur « Obtenir le lien » et copiez l'adresse de l'élément « Lien vers la page wiki ».

Comment obtenir un lien vers une page wiki précédemment créée

Comment créer un article avec un lien vers une page wiki

Copiez le lien vers la page wiki et collez-le dans une nouvelle publication sur votre mur ou sur le mur de la communauté. Si tout est fait correctement, le site générera un bloc de lien sous le champ de texte de la publication. Supprimez maintenant le texte du lien lui-même, attachez la bannière et cliquez sur « Soumettre ». Dans la version de bureau, la bannière deviendra également un lien vers la page wiki, et dans la version mobile, elle s'ouvrira comme une image normale.

L'image jointe à la publication fera partie du lien vers la page wiki dans la version de bureau

Texte

Les possibilités de formatage du texte dans le balisage wiki ne diffèrent généralement pas de celles du balisage wiki ordinaire. éditeur de texte. Lors de l'édition du texte lui-même (le mettre en gras, l'aligner à droite, etc.), nous utilisons les balises de balisage wiki, n'oubliez pas de les fermer :

Texte central .

Pour structurer le texte dans le balisage wiki, des combinaisons de caractères typographiques sont fournies. Par exemple, ce code "—- " mettra une ligne de séparation horizontale dans le texte, et ce ":: " - double retrait avant le paragraphe.

Vous pouvez contenir environ 16 000 caractères sur une seule page.

Liens

Pour rendre visible le texte à la place de l'adresse, ajoutez le nom du lien :

[] - au profil utilisateur

[] - à la page principale de la communauté

[] - vers une autre page wiki

[] - à une réunion VKontakte

Images

La largeur maximale d'une image pouvant être utilisée dans le balisage wiki est de 607 px, ce qui correspond à la largeur de la page wiki elle-même. La hauteur est pratiquement illimitée (rappelez-vous que la hauteur de la page elle-même est de 16 000 caractères). Les images peuvent être téléchargées de deux manières.

Utiliser le chargeur de démarrage dans menu principaléditeur.

Utiliser du code.Télécharger l'image sur album séparé groupe, ouvrez-le, dans la barre d'adresse on voit un long code comme celui-ci

https://vk.com/club12345678?z=photo-12345_12345%2Falbum-12345678_12345678

Copiez l'identifiant de l'image (surligné en gras). Ensuite, nous l’encadrons avec des doubles crochets et le collons aux bons endroits sur la page. Il s'avère que quelque chose comme ceci :

[­]

Et après? Modifiez l'alignement, l'habillage du texte, la taille, le lien. Pour ce faire, écrivez paramètres requis après une barre verticale et séparés par un point-virgule. Par exemple, dans ce code, nous définissons la taille de l'image 300x100px et habillage du texte à droite :

Vidéo

Tout d’abord, vous devez télécharger une vidéo sur les vidéos de la communauté. Après le téléchargement, ouvrez la vidéo et copiez son identifiant (en gras) depuis la barre d'adresse.

https://vk.com/videos-12345678?z=vidéo-12345_12345%2Fclub12345678%2Fpl_-12345678_-2.

Nous encadrons cela entre crochets et obtenons ce code :

Nous obtenons une petite image avec une icône de lecture qui, lorsque vous cliquez dessus, ouvre un lecteur vidéo à part entière. Pour que la vidéo soit lue sur la page elle-même, les développeurs de VK suggèrent d'utiliser la balise joueur.

Mais ici, nous obtenons une bordure noire disproportionnée autour de la vidéo :

Pour le supprimer, vous devez ajuster la taille du lecteur à la taille de la vidéo elle-même. Par exemple, dans notre cas, les paramètres suivants convenaient :

Nous avons reçu la vidéo sans cadres noirs, elle sera lue directement sur la page

les tables

Si vous souhaitez structurer joliment le contenu d'une page wiki et garantir qu'il s'affiche parfaitement sur les appareils mobiles, vous ne pouvez pas vous passer d'un tableau. Ici, vous aurez besoin des signes simples suivants :

Lorsque vous travaillez avec des tableaux, vous pouvez utiliser 4 balises : pas de frontière (fait des cadres tableaux invisibles), pas de marge (fait que le tableau occupe toute la largeur de la page wiki), pas de rembourrage (supprime les retraits dans les cellules) et fixé (permet de créer un tableau de tailles fixes).Le nombre de cellules que vous spécifiez dans une ligne détermine le nombre de colonnes du tableau.

Voici un exemple de tableau2x2 sans retrait en haut et en bas du texteà l'intérieur des cellules :

La largeur de la première colonne est de 200 px, la largeur de la seconde est de 300 px.

Voilà ce qui en est ressorti :

Vous pouvez placer du texte, des images, des enregistrements audio et vidéo dans les cellules du tableau.

Comment créer un menu wiki

Le menu du groupe VK n'est pas une sorte de fonctionnalité distincte, mais simplement une page wiki avec plusieurs images, chacune contenant un lien vers page spécifique. En fait, tout est simple ici.

1. Préparation de la couverture du menu.Vous pouvez prendre n’importe quelle photo appropriée et y mettre du texte. Ou vous pouvez engager un designer qui vous dessinera beaux blocs et des boutons. Nous aurons un menu avec 6 boutons. Pour ce faire, nous avons besoin d'une image où ces boutons seront indiqués. Décidons de sa taille.

Lors de la préparation d'une image pour le menu, n'oubliez pas que la largeur de la page wiki est de 607 px. La largeur de l'image ne doit pas être plus grande, sinon l'image rétrécira et perdra en qualité. Par exemple, nous avons pris une image mesurant 510x300 px.

1. Découpez cette image en 6 parties(une partie pour chaque bouton). C'est pratique à faire dans Adobe Outil Photoshop"Coupe". Si vous ne voulez pas vous embêter, utilisez par exemple un service en ligne IMGen ligne (coupe les images en parties égales). Nous avons tout fait dans Photoshop.

Avec l’outil « Découpe » actif, cliquez sur clic-droit passez la souris sur l'image et sélectionnez « Fragment divisé », indiquez le nombre de fragments requis et cliquez sur « OK ».

Comment couper une image dans Photoshop

Notre menu sera conçu comme un tableau de 6 cellules : trois lignes et deux colonnes. Pour ce faire, nous découpons l'image du menu en 6 parties égales mesurant 255x100 px. La même taille devra être saisie pour chaque cellule.

1. Créez un cadre pour la table.Nous passons en mode édition pour une nouvelle page et créons un tableau. Nous l'ouvrons avec la balise (| et définissons immédiatement trois paramètres importants :

• pas de rembourrage - permettra aux images de se toucher
• pas de frontière - masquera les bordures visibles du tableau
• fixé - permet de définir les dimensions exactes des cellules.

Nous spécifions une largeur de cellule fixe - 255px 255px (deux fois, car il y a aussi deux colonnes). Ensuite, nous définissons les emplacements pour le début des nouvelles lignes avec la balise |- et les nouvelles cellules (colonnes) avec la balise |. . On ferme le tableau avec la balise |) et on obtient le cadre suivant :

1. Placez des images dans des cellules et définissez des liens pour elles. Une par une, ouvrez les parties nécessaires de l'image dans l'album communautaire, copiez leur identifiant depuis la ligne du navigateur ( photo-12345_12345) , mettre entre doubles crochets, noter les dimensions 255x100px et balise nopadding pour coller des images. Après la barre verticale, nous attribuons un lien pour chaque bouton. Nous obtenons le code suivant.

(|noborder nopadding corrigé
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

1. Prêt!Cliquez sur « Enregistrer la page » et nous obtenons un menu pratique pour la communauté.

Menu de groupe prêt à l'emploi dans la version de bureau

Menu de groupe prêt à l'emploi dans la version mobile

Si vous avez fait un menupour un groupe, alors elle sera facilement accessible en cliquant sur « Dernières actualités » (d'ailleurs, cette page peut être renommée en « Menu » en mode édition).

Si vous avez fait un menupour le public, il peut alors être placé à un endroit bien en vue sous le nom de la communauté à l'aide d'une entrée épinglée.

Pour épingler un menuen groupe, publiez un post avec une bannière et un lien vers la page wiki au nom de la communauté (si vous publiez en votre propre nom, il sera impossible d'épingler la page).En public il n'y aura aucun problème de fixation : là Vous pouvez épingler une publication de n’importe quel auteur.

Comment publier une publication avec un lien vers un menu en public

Comment épingler le menu de la communauté

Nouvel éditeur d'articles VKontakte et balisage wiki

L'administration VKontakte a annoncé le lancement de l'éditeur d'articles le 22 décembre 2017 et le positionne comme un outil de publication de longreads.

Certains utilisateurs ont décidé qu'il avait été créé pour remplacer le balisage wiki. Mais il est trop tôt pour tirer de telles conclusions, car les fonctionnalités de l’éditeur sont encore assez médiocres. Il ne peut pas modifier les fichiers multimédias (taille et alignement) ni créer de tableaux, et les hyperliens ne peuvent être attribués qu'au texte. Il n'y a pas de balises ni de code, il n'y a qu'un mode visuel, comme dans un éditeur de texte classique.

De là, il est clair qu'il est toujours possible de créer un menu pratique pour la communauté ou un atterrissage wiki uniquement en utilisant le balisage wiki. Que se passera-t-il ensuite, le temps nous le dira.

Voici à quoi ressemble l'interface du nouvel éditeur d'articles VKontakte

Ce qu'il faut retenir du balisage wiki

• La méthode standard de création de pages wiki est laborieuse et peu pratique. Le moyen le plus simple de créer une page consiste à utiliser l'application Mobivik, " Source" ou " Affiche Vicky ".
• Le menu communautaire doit être transformé en tableau pour qu'il soit soigné sur les appareils mobiles.
• Lors de la modification d'une page wiki dans interface standard Vous ne devez pas basculer entre le mode d'édition visuelle et le mode de balisage wiki. De ce fait, la mise en page peut être affectée.

Il n'est pas nécessaire de mémoriser toutes les balises, gardez simplement le lien à portée de main