Comment créer une table en contact. Balisage wiki dans les groupes VKontakte

13.06.2019

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 :

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

Balisage wiki est un langage de programmation spécial conçu pour formater les informations dans un groupe. En l'utilisant, vous pouvez :

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

Formater un groupe à l'aide du balisage wiki

Le balisage wiki a :

similitude avec un langage de programmation professionnel ;
L'avantage par rapport au langage HTML est qu'il est plus facile à comprendre et qu'il n'est pas nécessaire d'étudier des informations volumineuses.

Former un groupe implique de créer une personne unique menu, ce 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.

Il est possible d'insérer une image dans un groupe uniquement si elle est disponible dans un album sur le site ;
Vous devez copier l'adresse de l'image dans l'album photo de votre compte ;
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.

Début de tableau {| ;
Titre du tableau |+ ;
Nouvelle ligne |- ;
Nouvelle couleur transparente de cellule | ;
Nouvelle cellule sombre ! ;
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. Le menu graphique est 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 :

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 » ;
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é ;
Une page Wiki ne peut pas en contenir plus de dix-sept balises ouvertes et non fermées;
Une ligne de balisage peut contenir jusqu'à huit éléments de liste;
Largeur de l'image insérée ne peut pas dépasser 610 pixels ;
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 rendre le balisage Wiki plus facile à comprendre, des applications spéciales avec des significations différentes ont été créées :

Applications qui fournissent des aides à la formation utilisant 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 ;
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.

Aujourd'hui, nous allons parler des tables VKontakte. Nous avons déjà ouvert et constitué un groupe, nous l'avons conçu, créé un menu et maintenant nous apprenons à remplir les pages. Et aujourd'hui, je vais vous montrer comment créer des tableaux sur les pages de menu. Ils sont généralement nécessaires à ceux qui publient des listes de prix pour des marchandises, affichent une liste de services, créent diverses listes ou souhaitent afficher des informations sous cette forme.

Je voudrais également attirer votre attention sur le fait que dans le balisage wiki, vous pouvez formater le texte dans les pages de menu, en le rendant incliné, en gras, d'une couleur différente, etc. Je n'écrirai pas d'article sur ce sujet, mais je vous donnerai plutôt le nom de la page publique de VKontakte, où toutes les possibilités de formatage du texte dans le balisage wiki sont correctement et clairement décrites. La communauté s'appelle « Vkontakte Wiki Markup ».

Création d'un tableau VKontakte

Pour ce faire, étudions et retenons ses principaux éléments. Le tableau est composé de divers signes - tags et ils sont indiqués en rouge :

{| - c'est le début du tableau. Cette balise est placée au tout début du tableau
|- - c'est le début d'une nouvelle ligne, c'est-à-dire Nous commençons chaque nouvelle cellule du tableau avec cette balise
| est une balise de cellule transparente.
|| - si nous avons plusieurs cellules (colonnes), alors nous les séparons par une double barre oblique verticale
! – J'utilise un point d'exclamation pour assombrir une cellule d'un tableau
|} – fermer la table. Cette balise est placée tout à la fin du tableau

Je crée une table de test et dans l'éditeur de page elle ressemblera à ceci :

{|
|-
! Nom du produit !! Délai de livraison !! Prix en roubles
|-
| Nom du produit || Délai de livraison || 5000
|-
| Nom du produit || Délai de livraison || 5000
|-
| Nom du produit || Délai de livraison || 5000
|}

Ajoutez votre tableau créé via le bouton « Modifier » à la page de menu dont vous avez besoin et enregistrez.

Si j'ajoute des balises spoiler fermées, mon tableau dans la modification de la page ressemblera à ceci :

((Cacher| Liste de prix
{|
|-
!Nom du produit!!Délai de livraison!!Prix en roubles
|-

|-
|Nom du produit||Délai de livraison||5000
|-
|Nom du produit||Délai de livraison||5000
|}
}}

Voici à quoi ressemble le tableau après enregistrement :

De cette manière, des tableaux avec n'importe quel nombre de cellules et de lignes sont créés sur les pages de menu du groupe VKontakte.

Conclusion

Sur mon blog, il y a toute une série d'articles sur le thème de la création, de la conception, du remplissage et de la promotion d'un groupe VKontakte. Liste de ce matériel.

Si vous faites activement la promotion de votre groupe et souhaitez le rendre plus populaire, vous savez probablement qu'un groupe magnifiquement conçu est un aspect très important du développement de votre marque, mais avant de penser à concevoir une page publique VKontakte, vous devriez penser sur le but de votre groupe VK !

En règle générale, un spécialiste SMM, après avoir créé un groupe VK, commence à le remplir. C'est un contenu qui peut retenir les gens dans un groupe. Mais il vous suffit de le faire de manière efficace et compétente ! Une fois que le groupe contient : des descriptions, des publications sur le mur, des albums avec des photos et des vidéos, des enregistrements audio, vous devriez commencer à mettre en œuvre un menu fonctionnel. Et que le menu du début du voyage ne soit pas super beau, comme on a l'habitude de le voir au début du travail, mais plutôt simple. Tout d’abord, l’utilité du contenu existant est importante !

Dans cet article, vous trouverez des informations sur la façon de créer vous-même un menu de groupe VK ! Par conséquent, si vous êtes intrigué par la question : comment créer un menu de groupe VKontakte, cette revue est faite pour vous !

Navigation rapide :

Qu'est-ce qu'un menu de groupe

Le menu peut être considéré comme une liste de toutes les fonctions publiques disponibles. À l'aide du menu, vous pouvez afficher tous les éléments importants dans une liste soignée et esthétique, définir une icône ou une image individuelle pour un lien spécifique et envoyer rapidement et facilement des notifications aux visiteurs sur les modifications prévues. Le menu peut afficher les éléments suivants : toutes sortes de liens vers des sites tiers, des bulles de discussion, de la musique, des albums et autres sous-sections au sein du site VK, des images et la structure habituelle de votre public. Sur la base des instructions ci-dessous, vous pouvez créer un menu pour votre communauté VKontakte par vos propres efforts.

Création d'un menu de groupe VKontakte en ligne

Si auparavant, pour créer un menu, vous deviez vous soucier de saisir divers codes, ce qui est assez difficile pour les personnes qui n'ont pas de compétences en programmation, vous pouvez désormais créer un menu beau et de haute qualité pour un groupe en contact en ligne en utilisant prestations spécialisées.

Examinons maintenant de plus près le fonctionnement de ces constructeurs. Il convient de noter qu’ils ont tous des fonctionnalités identiques, donc une fois que vous en avez compris un, vous pouvez travailler librement dans n’importe lequel d’entre eux.

Le principe de création d’un menu peut être divisé en plusieurs étapes :

Étape 1. Choisissez un modèle de conception.

Sur les sites qui vous permettent de créer un groupe à l'aide de modèles, des designers professionnels travaillent qui dessinent qualitativement des dizaines de modèles de styles et de couleurs différents. Vous pouvez choisir celui qui convient à votre groupe. Par la suite, vous aurez la possibilité de modifier le modèle à tout moment.

Étape 2 : Déterminez le nombre de boutons.

Décidez combien de boutons renvoyant vers différentes pages seront présents dans votre menu.

Étape 3. Spécifiez les liens et les légendes.

Étape 4. Vérification et exportation.

Assurez-vous que le menu complété fonctionne comme vous le souhaitez, puis téléchargez-le sur votre communauté. Les services produiront indépendamment toutes les images nécessaires, généreront le code et, avec votre permission, téléchargeront le tout sur votre page publique.

Étape 5. Apporter des modifications.

Si vous devez apporter des modifications, par exemple ajouter de nouveaux boutons, corriger les liens et les inscriptions, modifier le design, accédez simplement à votre compte, effectuez les modifications et exportez à nouveau le menu.

Comme vous l'avez déjà constaté par vous-même, créer un menu de haute qualité, accessible et magnifique à l'aide de serveurs spéciaux est la meilleure option pour les administrateurs VK. Il convient de noter que ces serveurs n’offrent des services gratuits que pour une seule fois : un essai. L’utilisation ultérieure de ressources de ce type doit être payée. Mais malgré cela, le résultat de l’utilisation de la fonctionnalité justifiera sans aucun doute votre investissement.

Créez gratuitement une bannière pour un groupe VKontakte !

Il existe des sites spécialisés où, sans trop d'efforts ni de logiciels, vous pouvez créer vous-même une belle bannière pour le groupe VKontakte. Par exemple https://bannermakers.ru/banners-vk/.
En plus de créer un menu de cette manière, il existe également des moyens de créer un menu dans un groupe VK par d'autres moyens. Lisez à ce sujet ci-dessous.

Balisage wiki du menu VK

Le balisage Wiki est d’une grande aide pour créer une communauté belle et efficace ! C'est un moyen très pratique et efficace de créer une page publique sur le réseau populaire VKontakte. Ce balisage est très similaire dans son action au code HTML. Mais pour ceux qui ne sont pas impliqués dans la programmation,

ce sera bien plus clair en raison de la facilité de mise en œuvre. Ce balisage tire son nom de Wikipédia, où de nombreux utilisateurs ont pour la première fois eu l'occasion de se familiariser avec les principales caractéristiques de ses fonctions. Le balisage Wiki permet aux personnes sans compétences en programmation de créer facilement et rapidement un groupe :

· Créez graphiquement des spoilers et des tableaux.

· Formater les images et le texte.

Alors passons à l'analyse de comment créer un menu pour la communauté VK ?

Bien entendu, lors de la conception d'un menu de groupe, des recommandations supplémentaires peuvent être nécessaires, mais en général, vous pouvez comprendre le principe de création à l'aide de ce guide. Si l'on considère le HTML, alors pour l'étudier et travailler avec, vous devez passer plusieurs jours ou environ une semaine. Travailler avec le balisage Wiki avec une bonne mémoire ne prendra que du temps. Comment doit-il être créé ? Quelles approches adopter ?

Attardons-nous un peu sur son histoire, puis nous parlerons de technologie. Ward Cunningham a été le premier à présenter aux gens le concept de « wiki », qui signifie « rapide » en hawaïen. Ainsi, il a exprimé la simplicité et la rapidité d'utilisation du balisage.

Inscription rapide

Nous allons maintenant examiner les questions : « Comment créer un menu dans un groupe dans VK » et clarifier comment le mettre en œuvre efficacement. Dans le processus, vous pouvez emprunter plusieurs chemins, chacun ayant sa propre direction et menant à l'objectif final : disposer d'un menu de groupe de haute qualité.

Nous allons traiter cela dans l'ordre. Si le groupe porte le sens d'une direction sociale, alors un menu textuel peut être introduit. Ses avantages résident dans son aspect sérieux. Il est conseillé aux communautés de type commercial et de divertissement de déterminer le tarif sur le menu - graphisme. N'oubliez pas qu'il existe des modèles prêts à l'emploi pour les menus du groupe VK. L'utilisation d'images attirera l'attention des visiteurs sur ce qui doit être visible. Utiliser cette approche vous donnera l’opportunité de rendre le fait d’être en groupe plus amusant et relaxant. Le balisage Wiki vous permet de créer un menu de groupe avec des images et des photos, de créer des tableaux, d'intégrer et d'ouvrir des liens, et bien plus encore. Bien sûr, ce n’est pas la liste complète des fonctions, mais concevoir le menu de votre communauté est simple et à une échelle assez impressionnante.

Bases du balisage Wiki dans la création d'un menu pour un groupe VK

Des images et photographies thématiques vous permettront de créer un menu de groupe VK beau et intéressant. Il est important de savoir que sur VKontakte, il est possible d'insérer la photo ou l'image nécessaire à l'aide du balisage wiki uniquement lorsqu'elles ont déjà été téléchargées dans les albums du site. Alors, allez dans l'album, décidez de la photo souhaitée et copiez son adresse. Disons que ce sera comme ça : photo14523_90678. Vous devez maintenant le capturer entre doubles crochets. Le résultat devrait être comme ceci : []. Que faire si vous devez joindre un lien ou un texte à une image ou une photographie ? Ou peut-être est-il nécessaire de modifier l’image externe ? Ensuite, l'action suivante vous aidera ici : vous avez besoin que le fichier ressemble à ceci - [[photo14523_90678|options|text/link]], et au lieu des trois derniers mots, vous devez remplacer ce dont vous avez besoin. Texte - entrez ce dont vous avez besoin. Ici, des explications supplémentaires seront probablement inappropriées. Le lien traduit de l’anglais est « lien ». Désigné pour que la voiture du visiteur comprenne où elle doit aller. Options - les valeurs suivantes sont définies ici :

Noborder - supprime le cadre situé à côté de la photo. Boîte - l'image est située dans une fenêtre.

Nopadding - les espaces entre les images ne sont pas affichés.

NNNxYYYpx ou NNNpx - indiquez la taille de l'image (en pixels).

En règle générale, il est nécessaire d'intégrer dans le menu texte et graphique d'un groupe VK un élément qui vous permet de présenter les informations sous une forme pratique pour le visiteur, à savoir des tableaux. Peu de communautés sur VKontakte peuvent survivre sans cela. Pour créer un tableau à l'aide du balisage wiki, vous devez utiliser une certaine liste de symboles. Vous découvrirez ci-dessous la fonctionnalité dont chaque symbole est responsable :

(| - désignation du début du tableau. Il est impossible de se passer de ce symbole lors de la création d'un tableau ; c'est un attribut obligatoire.

| - utilisé pour donner aux cellules un effet transparent.

|+ - en utilisant ce jeu de caractères, le nom de la table est placé au centre. Ce n'est pas un attribut obligatoire, mais il doit être placé immédiatement après les signes qui caractérisent le début.

|- - c'est ainsi que les nouvelles lignes sont désignées (également pour les cellules).

Crée une couleur sombre. Si ce symbole est absent, vous devez utiliser le panneau du point n°2.

|) est un ensemble de caractères indiquant la fin du tableau. Il s'agit d'un attribut facultatif. Mais il est tout de même recommandé de l’utiliser pour éviter que des erreurs ne se produisent.

Voyons maintenant comment remplir une cellule. Toutes les informations qui doivent y être incluses sont placées après les signes | Si vous devez séparer les cellules les unes des autres, il vous suffit de les dupliquer comme ceci : ||.

Vous avez maintenant étudié étape par étape les informations sur la façon de créer un menu dans un groupe VK à l'aide du balisage wiki. En prenant l'exemple de la création d'un menu pour votre page publique, tout deviendra encore plus clair pour vous.

Comment créer un menu dans un groupe VK avec un nouveau design 2018

Le nouveau design de VK a non seulement apporté de la commodité aux fonctionnalités du site, mais aussi une certaine confusion pour les administrateurs publics. Dans cette section, nous verrons étape par étape comment créer un menu pour un groupe dans un nouveau design.

Ainsi, un guide sur la façon de créer un menu dans la nouvelle version de VK rapidement et, surtout, sans erreurs dans le code est devant vous. En suivant exactement les instructions, vous pourrez créer vous-même le menu, correctement et rapidement ! Commençons !

1. Ouvrez l'image du menu dans Photoshop ou un autre éditeur graphique.

2. Nous examinons la taille de l'image et si elle dépasse 600 pixels en largeur, nous changeons la taille à 600, la hauteur de l'image change proportionnellement, nous ne la définissons pas manuellement !

3. Utilisez l'outil de coupe et découpez notre image en boutons.

4. Enregistrez l'image dans le paramètre « pour WEB ». Le travail sur Photoshop est désormais terminé. Allons à la communauté.

5. Accédez aux paramètres de la communauté dans « Matériaux », sélectionnez « Restreint » et cliquez sur « Enregistrer ».

6. Allez sur la page principale, dans la sous-section « dernières nouvelles », cliquez sur « modifier ».

7. Nous nous sommes donc retrouvés dans l'éditeur Wiki, l'activité la plus basique va maintenant commencer. Changez la colonne « dernières nouvelles » en « menu » ou tout autre et cliquez sur l'icône de l'appareil photo, insérez tous les morceaux hachés du dossier enregistré.

Si des images apparaissent à la place du code immédiatement après avoir entré l'éditeur de menu de balisage wiki, vous devez changer le mode de balisage wiki !

Nous avons maintenant le code de notre menu, mais il doit être légèrement modifié pour supprimer les espaces entre les images. Notre code ressemble maintenant à ceci : [][-][-][-][-]

En ce qui concerne l'aperçu, nous remarquerons que les images ne sont pas là où elles devraient être et, en plus, il y a des espaces entre elles.

8. Modifiez le code : Par défaut, VK a une résolution intégrée pour une taille d'image maximale de 400 px en largeur, le premier bouton s'avère être 600, modifiez les paramètres du premier bouton 400x89 px en 600 px, ce n'est pas nécessaire pour préciser la hauteur. On rentre également la balise suivante dans chaque ligne : nopadding doit être séparé par un point-virgule.

Important! Ne cliquez pas sur ENTRÉE après des lignes de code si vous souhaitez avoir deux boutons côte à côte sur une même ligne de menu. L'éditeur déplacera automatiquement vers une nouvelle ligne les paramètres qui ne correspondent pas ! Ce code devrait ressembler à ceci après édition :

[][-][-][-][-]

Maintenant, en passant à « l’aperçu », nous voyons que tout est à sa place. Nous ajoutons les liens nécessaires vers chacun des boutons au code ; pour un exemple clair, le lien vers le premier bouton n'est pas cliquable ici ! N'oubliez pas de supprimer l'espace supplémentaire entre | Et ].

[][-][-][-][-]

Après vous être assuré que tout se déroule comme prévu, cliquez sur « enregistrer » et revenez à la page. Veuillez noter que dans la nouvelle version 2018, il n'y a pas de bouton « retour à la page », il vous suffit donc de cliquer sur le nom de la page en haut.

9. Nous devons maintenant épingler notre menu. Pour ce faire, copiez le lien vers la page de notre menu et revenez à la page principale du groupe.

10. Vous devez coller le lien copié dans le champ du nouveau message. Après l'affichage d'un morceau du menu, le lien doit être supprimé ! Et en utilisant l'icône de l'appareil photo, vous devez ajouter une image préparée à l'avance pour la bannière. Mettez « au nom de la communauté » en cliquant sur le cercle à gauche du bouton « envoyer » et cliquez sur « envoyer »

11. Corrigons maintenant le menu, actualisons la page et évaluons notre résultat. L'ensemble du travail, lentement, prend environ 15 à 20 minutes.

Comment créer un menu dans un groupe VK avec des transitions

Voyons maintenant comment créer un menu de groupe VK avec des transitions.

Alors, comment créer un menu wiki dans un autre ? Tout d'abord, le premier menu doit être prêt. Nous partirons de la photo déjà découpée en boutons. Nous ajoutons des morceaux coupés de l'image via la réserve de caméra dans l'éditeur wiki. Si des images apparaissent à la place du code, cela signifie que le mode de balisage wiki n'est pas activé. Avant d'ajouter une image, cliquez sur ;<>

N'oubliez pas de cliquer sur "Enregistrer" en bas de la page ! Si nécessaire, vous pouvez modifier la taille de l'image et ajouter la balise nopadding au code, par défaut elle est absente, et la taille de l'image doit être au maximum de 400 pixels de largeur, si l'image doit être corrigée pour la taille désirée !

1. Après avoir modifié le code, enregistrez et cliquez sur « retour ».

2. Vérifiez que le premier menu s'affiche correctement.

3. Si tout est comme il se doit, cliquez à nouveau sur « modifier ».

Vous devez maintenant créer une nouvelle page wiki où se trouvera le deuxième menu. À la toute fin du code, nous écrivons la valeur du menu pour public VK 2, ou tout texte dont vous avez besoin. Enregistrez et revenez. Un lien actif avec un nouveau nom devrait apparaître en bas. Pour un maximum de commodité, ouvrez-le dans un autre onglet du navigateur.

Pendant que votre page nouvellement créée est encore vide, cliquez sur « modifier » ou « remplir de contenu »

Tout comme nous l'avons fait au tout début, nous ajoutons des sections du deuxième menu, enregistrons et voyons à quoi ressemble le nouveau menu.

Si tout est comme il se doit, copiez le lien vers la nouvelle page de menu dans la barre d'adresse de votre navigateur.

Disons qu'un nouveau menu devrait s'ouvrir lorsque vous cliquez sur le bouton « Avis » du premier menu. Vous devez aller dans l'onglet où nous avons créé le premier menu, trouver la troisième ligne et coller le lien depuis le tampon, enregistrer et revenir.

Ainsi, lorsque vous cliquez sur le bouton « Avis », notre deuxième menu s’ouvrira.

Comment créer un menu de groupe VK depuis votre téléphone

Si vous avez « la chance » de travailler en tant qu'administrateur de groupes VK ou de créer votre propre groupe avec uniquement un téléphone, alors si vous vous adaptez, il est tout à fait possible de créer un menu de groupe depuis votre téléphone sans trop d'effort.

Tout le monde sait que les créateurs de VK proposent à leurs utilisateurs une version mobile assez pratique, et vous avez déjà découvert différentes manières de créer un menu. Cependant, la saisie manuelle de codes à l'aide du balisage wiki est possible, mais pas tout à fait pratique. Mais télécharger un modèle à partir de sites Web de services spécialisés et l’insérer dans les champs nécessaires est bien plus simple et pratique, et cela ne vous prendra pas beaucoup de temps. Ainsi, vous pouvez administrer les groupes VKontakte de manière simple et pratique.

Modèles de menus de groupe VKontakte

Toutes les méthodes décrites ci-dessus pour créer un menu de groupe VK sont assez simples, et si vous les appliquez dans la pratique, vous pouvez vous assurer qu'il n'y a absolument rien de compliqué à cela. S'adapter à l'introduction d'images et de tableaux à l'aide du balisage wiki est assez simple et rapide. Mais il est encore plus rapide et plus pratique d'utiliser des modèles prêts à l'emploi pour les menus de groupe, qui peuvent être trouvés soit sur les ressources mentionnées ci-dessus, soit téléchargés à partir des blogs et sites Web des mêmes utilisateurs.

Il convient de noter que les modèles impliquent la présence d'images et d'images de divers sujets. Ils ont également des designs polyvalents. Si vous n’avez pas le temps de rechercher des images ou si vous n’avez pas assez d’imagination pour créer un menu coloré, il vaut mieux utiliser des menus prêts à l’emploi.

À 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 le petit frère du 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. Vous pouvez créer un article simple ou créer 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, texte en gras).

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, les astérisques « * » sont utilisés pour créer une liste à puces et les traits dièse « # » sont utilisés pour une liste numérotée.

Comment fonctionne la typographie dans le balisage wiki

Toutes les balises existantes et les méthodes de leur utilisation sont collectées dans le site officielCommunauté 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. Il n'est pas interdit d'utiliser des caractères spéciaux, mais il vaut mieux ne pas prendre de risques : à cause d'eux, vous risquez de perdre la possibilité d'éditer la page. Nous collons toutes les données aux bons endroits, appuyons 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" , "Code 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 Windows Phone 8.1).

Pour créer une nouvelle page, sur l'écran principal de l'application, sélectionnez le groupe souhaité et saisissez le nom de la 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 une astuce pour les cas où vous avez créé une page complexe avec un grand nombre d'éléments et craignez que la mise en page ne fonctionne pas sur un 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 une version mobile soignée de votre 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 ? La méthode la plus simple et la plus fiable consiste à copier à l'avance toutes les adresses des pages wiki dans un 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 la 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 d'un éditeur de texte ordinaire. 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.

Links

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

Photos

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.

Utilisation du chargeur dans le menu supérieur de l'éditeur.

Utiliser du code.Nous téléchargeons la photo dans un album séparé du groupe, l'ouvrons et dans la barre d'adresse, nous voyons 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 :

[]

Quelle est la prochaine étape ? Modifiez l'alignement, l'habillage du texte, la taille, le lien. Pour ce faire, écrivez les paramètres requis après la 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

Tableaux

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 (rend les cadres de table 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 tableau2×2 sans indentation 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.

Voici 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 fonctionnalité distincte, mais simplement une page wiki avec plusieurs images, chacune contenant un lien vers une page spécifique. En fait, tout est simple ici.

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 de magnifiques blocs et 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.

Découpez cette image en 6 parties(une partie pour chaque bouton). Cela peut être facilement réalisé dans Adobe Photoshop avec l'outil de dé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 « Coupe » actif, faites un clic droit sur l'image et sélectionnez « Diviser le fragment », 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.

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 :

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
|-

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

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 menudans le 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 Code ou Wiki Poster.
Le menu communautaire doit être transformé en tableau pour qu'il soit soigné sur les appareils mobiles.
Lors de l'édition d'une page wiki dans l'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