Si vous faites activement la promotion de votre groupe et que vous voulez en faire plus, alors 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 à la conception de votre public Vkontakte, vous devriez penser à l'objectif de votre groupe VK !

Généralement, Spécialiste SMM après l'achèvement de la création du groupe VK, il commence à le remplir. C'est le contenu qui peut garder les gens dans le groupe. Mais il suffit de le faire efficacement et avec compétence ! Une fois que le groupe aura : des descriptions, des publications sur le mur, des albums photo et vidéo, des enregistrements audio, vous devez commencer à mettre en œuvre le menu fonctionnel. Et que le menu au début du voyage ne soit pas super beau, comme on avait 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 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 mettre tous les éléments importants dans une liste soignée et belle, définir une icône ou une image individuelle pour un lien spécifique, envoyer des alertes aux visiteurs sur les changements prévus rapidement et facilement. Le menu peut afficher les éléments suivants : toutes sortes de liens vers des sites tiers, des légendes vers des discussions, de la musique, des albums et d'autres sous-sections 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 avec vos propres efforts.

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

Si auparavant, pour créer un menu, vous deviez prendre la peine 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 beau menu de groupe de haute qualité en contact en ligne à l'aide de séries 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 après en avoir compris un, vous pouvez travailler librement dans l'un d'eux.

Le principe de création d'un menu peut se décomposer en plusieurs étapes :

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

Sur les sites qui vous permettent de créer un groupe selon des modèles, des designers professionnels travaillent, qui dessinent des dizaines de modèles de styles et de couleurs différents avec une haute qualité. Vous pouvez choisir celui qui convient à votre groupe. À l'avenir, vous aurez la possibilité de modifier le modèle à tout moment.

Étape 2 Déterminez le nombre de boutons.

Décidez du nombre de boutons de lien à diverses pages sera à votre menu.

Étape 3. Spécifiez les liens et les inscriptions.

Étape 4. Vérifiez et exportez.

Assurez-vous que le menu terminé fonctionne comme vous le souhaitez, puis téléchargez-le dans 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 à votre public.

Étape 5. Apporter des modifications.

Si vous devez apporter des modifications, par exemple, ajouter de nouveaux boutons, corriger des liens et des étiquettes, modifier la conception, accédez simplement à votre compte, apportez des modifications et exportez à nouveau le menu.

Comme vous l'avez déjà vu par vous-même, créer un menu de haute qualité, abordable et beau avec 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 rémunérée. Mais malgré cela, le résultat de l'utilisation de la fonctionnalité justifiera sans aucun doute votre investissement.

Bannière pour le groupe Vkontakte, créez gratuitement !

Il existe des sites spécialisés où sans trop d'effort et logiciel, Vous pouvez vous faire 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 d'une autre manière. Lisez à ce sujet ci-dessous.

Balisage du menu VK wiki

Le balisage Wiki est une aide précieuse pour créer une communauté belle et efficace ! C'est très pratique et méthode efficace conception publique dans réseau populaire"En contact avec". Ce balisage est très similaire dans son schéma d'action à Code HTML ohm. Mais pour ceux qui ne sont pas liés à la programmation,

il sera suffisamment clair en raison de la facilité de mise en œuvre. Ce balisage tire son nom de Wikipédia, où pour la première fois de nombreux utilisateurs ont 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 concevoir facilement et rapidement un groupe :

· Créer des spoilers et des tableaux graphiquement.

· Mettre en forme les images et le texte.

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

Bien sûr, lors du processus de conception du 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 nous considérons html, alors pour l'étudier et travailler avec lui, nous devons 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 faut-il adopter ?

Arrêtons-nous un peu sur son histoire, puis nous parlerons de la technologie. Ward Cunningham a d'abord présenté aux gens le concept de "wiki", qui, en traduction de la langue hawaïenne, signifie "rapide". De cette façon, il a exprimé la simplicité et la rapidité d'utilisation du balisage.

Dédouanement rapide

Nous allons maintenant examiner les questions: «Comment créer un menu dans un groupe en VK» et clarifier comment le mettre en œuvre efficacement. Dans le processus, vous pouvez emprunter plusieurs voies, chacune ayant sa propre direction et menant au but ultime - la présence d'un menu de groupe de qualité.

Nous comprendrons 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 une apparence sérieuse. Il est souhaitable que les communautés de type commercial et de divertissement déterminent le pari sur le menu - les graphiques. N'oubliez pas qu'il existe déjà modèles prêts à l'emploi pour le menu du groupe VK. L'utilisation d'images attirera l'attention des visiteurs sur ce qui devrait être visible. L'utilisation de 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 toute la liste des fonctions, mais concevoir le menu de votre communauté est facile et à une échelle plutôt impressionnante.

Principes de base du balisage Wiki lors de la création d'un menu pour un groupe VK

Des images thématiques et des photographies vous permettront de créer un menu de groupe VK, beau et intéressant. Il est important de savoir qu'il est possible d'insérer la photo ou l'image nécessaire à l'aide du balisage wiki sur VKontakte uniquement lorsqu'elles ont déjà été téléchargées sur les albums du site. Alors, allez dans l'album, choisissez la photo souhaitée et copiez son adresse. Disons que ce sera comme ça : photo14523_90678. Maintenant, vous devez le saisir entre doubles crochets. Cela devrait se terminer comme ceci : []. Mais que se passe-t-il si vous avez besoin de joindre un lien ou un texte à une image ou une photo ? 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 substituer ce dont vous avez besoin. Texte - entrez ce dont vous avez besoin. Ici, à coup sûr, des explications supplémentaires seront inappropriées. Lien en traduction de l'anglais - "lien". Il est indiqué pour que la voiture du visiteur comprenne où elle doit aller. Options - ici les valeurs suivantes sont définies :

Noborder - le cadre situé près de la photo est supprimé. Boîte - l'image est située dans la fenêtre.

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

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

En règle générale, il est nécessaire d'intégrer un élément dans le menu textuel et graphique du groupe VK qui vous permet de présenter des informations sous une forme pratique pour le visiteur, à savoir des tableaux. Peu de communautés sur VKontakte peuvent s'en passer. Pour créer un tableau à l'aide du balisage wiki, vous devez appliquer une certaine liste de caractères. Ensuite, vous découvrirez de quelle fonctionnalité tel ou tel 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 centré. Ce n'est pas du tout 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 notées (également pour les cellules).

Donne une couleur sombre. En l'absence de ce symbole, le signe du paragraphe n° 2 doit être utilisé.

|) est un jeu de caractères qui marque la fin du tableau. Il s'agit d'un attribut facultatif. Mais il est tout de même recommandé de l'utiliser pour éviter l'apparition d'une erreur.

Voyons maintenant comment la cellule est remplie. Toutes les informations qui doivent y être inscrites sont placées après les signes |. Si vous avez besoin de séparer les cellules les unes des autres, il vous suffit de dupliquer de cette manière : ||.

Vous avez maintenant progressivement étudié les informations sur la création d'un menu dans un groupe VK à l'aide du balisage wiki. En utilisant l'exemple de la compilation d'un menu pour votre public, cela deviendra encore plus clair pour vous.

Comment faire un menu dans un groupe VK avec un nouveau design 2018

La nouvelle conception de VK a non seulement apporté de la commodité à la fonctionnalité du site, mais également 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.

Donc, un guide sur la façon de faire un menu dans nouvelle version VK est rapide et surtout sans erreurs dans le code devant vous. En suivant à la lettre 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 de largeur, changez la taille à 600, la hauteur de l'image change proportionnellement, ne la réglez pas manuellement !

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

4. Enregistrez la vue dans le paramètre "pour WEB". Le travail Photoshop est maintenant terminé. Passons à la communauté.

5. Allez dans les paramètres de la communauté dans les "Matériaux", sélectionnez "Restricted" et cliquez sur "Save".

6. Allez à page d'accueil, dans la sous-section "nouvelles fraîches" cliquez sur "modifier".

7. Nous nous sommes donc retrouvés dans l'éditeur Wiki, maintenant l'activité principale va commencer. Nous changeons la colonne "nouvelles fraîches" en "menu" ou tout autre et cliquons sur l'icône de l'appareil photo, implémentons toutes les pièces coupées du dossier enregistré.

Si au lieu des images de code apparaissent immédiatement après être entré dans l'éditeur 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. Maintenant, notre code ressemble à ceci : [][-][-][-][-]

En passant à 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. Nous éditons le code : Par défaut, VK a une résolution intégrée pour la taille d'image maximale en largeur de 400px, le premier bouton est de 600, nous changeons les paramètres du premier bouton 400x89px en 600px, vous n'avez pas besoin de spécifier la hauteur. Nous insérons é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 voulez deux boutons côte à côte sur la même barre de menus. L'éditeur transférera automatiquement sur une nouvelle ligne les paramètres qui ne correspondent pas ! Ce code devrait être après édition :

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

Maintenant, en allant à "l'aperçu", nous voyons que tout est en place. Nous ajoutons les liens nécessaires à chacun des boutons au code, pour un bon exemple, le lien vers le premier bouton n'est pas cliquable ici ! N'oubliez pas de supprimer espace étrange entre | Et ].

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

Après vous être assuré que tout est fait 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 corriger notre menu. Pour ce faire, copiez le lien vers la page de notre menu et revenez à la page principale du groupe.

10. Collez le lien copié dans le champ du nouveau message. Après l'affichage d'un élément du menu, le lien doit être supprimé ! Et en utilisant l'icône de l'appareil photo, vous devez ajouter une image pré-préparée pour la bannière. On met "au nom de la communauté" en cliquant sur le cercle à gauche du bouton "envoyer", et on clique sur "envoyer"

11. Maintenant, nous corrigeons le menu, actualisons la page et évaluons notre résultat. Pour l'ensemble du travail, lentement, cela prend environ 15-20 minutes.

Comment faire un menu dans un groupe VK avec des transitions

Voyons maintenant comment vous pouvez 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 l'image déjà découpée en boutons. Ajoutez des morceaux coupés de l'image via la cachette de la caméra dans l'éditeur wiki. Si des images apparaissent à la place du code, alors le mode wiki de balisage 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 redimensionner l'image et ajouter la balise nopadding au code, elle est absente par défaut, et la taille de l'image doit être au maximum de 400 pixels de largeur, si l'image est plus grande, vous devez la corriger à la taille souhaitée !

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

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

3. Si tout est comme il se doit, cliquez à nouveau sur "Modifier".

Nous devons 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 le VK public 2, eh bien, ou tout texte dont vous avez besoin. Enregistrez et revenez. Un lien actif avec un nouveau nom doit être formé en bas. Pour plus de commodité, ouvrez-le dans un autre onglet du navigateur.

Pendant que votre page nouvellement formée est encore vide, cliquez sur "modifier" ou "remplir avec du contenu"

Tout comme nous l'avons fait au tout début, nous ajoutons des segments 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 à l'onglet où nous avons formé le premier menu et trouver la troisième ligne et coller le lien du tampon, enregistrer et revenir.

Ainsi, lorsque vous cliquerez sur le bouton "Avis", notre deuxième menu s'ouvrira.

Comment créer un menu de groupe VK à partir de 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 seulement un téléphone disponible, alors si vous vous adaptez, il est tout à fait possible de faire un menu de groupe depuis votre téléphone sans éprouver beaucoup d'efforts.

Tout le monde sait que les créateurs de VK offrent à leur utilisateur un moyen assez pratique version mobile, et précédemment vous avez déjà appris sur différentes façons création de menus. Cependant, la saisie manuelle de codes à l'aide du balisage wiki est possible, mais pas très pratique. Mais télécharger un modèle à partir des sites de services spécialisés et l'insérer dans les colonnes nécessaires est assez simple et plus 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 menu de groupe Vkontakte

Toutes les méthodes ci-dessus pour créer un menu de groupe VK sont assez simples, et si vous les mettez en pratique, vous pouvez vous assurer qu'il n'y a absolument rien de compliqué à ce sujet. 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 le menu de groupe, qui peuvent être trouvés soit sur les ressources mentionnées ci-dessus, soit téléchargés à partir de blogs et de 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 conceptions polyvalentes. 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 lumineux, il vaut mieux utiliser des menus prêts à l'emploi.

Pour former un groupe dans réseau social il y a un moyen pratique et simple balisage wiki pour le groupe VKontakte. Il agit de manière similaire au code html, mais est plus intuitif et compréhensible pour un simple utilisateur, le propriétaire du groupe. Ce balisage est utilisé dans Wikipedia (l'encyclopédie libre), d'où son nom.
Avec le balisage Wiki, vous pouvez concevoir un groupe d'une manière particulière ou traditionnelle, sans avoir à grimper dans la nature du HTML, où vous pouvez rester bloqué pendant des semaines. Le balisage wiki est si facile à apprendre que vous le maîtriserez vous-même. utilisateur inexpérimenté en une heure seulement. Ce balisage gère également la mise en forme des images et du texte, les ancres, les spoilers, les liens, les tableaux graphiques et d'autres éléments qui peuvent changer qualitativement. apparence n'importe quel groupe.

Un menu dans un contact peut être créé de plusieurs manières, et leur choix est déterminé par la direction et le sujet du groupe VK. Pour les groupes sociaux et commerciaux, les utilisateurs préfèrent utiliser des menus textuels sérieux et pour le divertissement - graphique.

Le balisage Wiki est idéal pour travailler avec des photos ou n'importe quelle image, mais avec quelques astuces. Une image insérée par balisage wiki n'apparaîtra que si elle est présente dans l'album. Avec une simple manipulation, la photo (par exemple : photo55775_55775 ) apparaîtra immédiatement sur la page. Pour ce faire, copiez son adresse et ajoutez-y des doubles crochets.

Cela ressemble à ceci - [] - et un tel balisage est applicable à toute image qui se trouve dans les albums. En ajoutant un balisage, vous pouvez insérer à la fois du texte et un lien avec l'image, modifiant ainsi son apparence.

Pour ce faire, vous devez appliquer le balisage wiki suivant - []. Le mot "options" peut être remplacé par d'autres valeurs, dont chacune modifiera l'apparence de la photo. Et les valeurs sont les suivantes :

• noborder fera le dessin sans bordure ;
• nopadding joindra les images en supprimant les espaces entre elles ;
• plain créera un lien à partir de l'image ;
• NNNpx vous permettra de redimensionner l'image ;
• boîte s'ouvrira dans une nouvelle fenêtre.

Travailler avec des tableaux en utilisant le balisage wiki ?

Les menus avec des graphiques et les menus avec des images sont impossibles sans tableaux spéciaux. Après avoir appris un ensemble simple de codes et de symboles, vous apprendrez à créer rapidement des tableaux pour votre groupe VKontakte. Voici à quoi ressemblent les personnages :

• (| sans ce caractère initial, il n'est pas possible de créer une table ;
• |+ caractère optionnel pour centrer le tableau
• |- commence par ce caractère nouvelle ligne;
• | ce symbole est responsable de la transparence des cellules ;
• ! en utilisant ce symbole, vous pouvez créer une cellule de couleur sombre;
• |) ce caractère facultatif termine le tableau.

C'est le menu que vous obtenez à partir du code très simple suivant :

{|
|-
|

"Nouvelles"||"'Jeux"'||"'Tous les genres"'
|-
![]!![]!![]
|-
|
[[Nouveaux jeux en ligne|Nouveau]]

[[Puzzle]]

|
[[Des ballons]]

[[Quêtes]]

[[Arcade]]

[[Discussions sur le jeu]]

|-
|}

Construire des liens avec un wiki - balisage?

Dans un contact, vous pouvez utiliser trois types de liens pour concevoir un groupe avec un balisage wiki.

• Lien traditionnel :

• Lien régulier + texte :

• Lien sous forme d'image : []

Travailler avec le menu graphique ?

Pour le créer, un simple algorithme d'actions est utilisé. Mais vous devez savoir, au moins superficiellement, comment fonctionne Photoshop et étudier le balisage wiki. Mais le menu graphique du groupe de divertissement Vkontakte est très attrayant et prend donc le temps de le créer. L'algorithme est celui-ci :

• Coupez les graphiques nécessaires dans l'éditeur et "enregistrez pour le Web" ;
• Téléchargez les graphiques comme des images normales, sans utiliser de flash, afin de ne pas dégrader leur qualité ;
• Assemblez le menu avec la balise spéciale "nopadding" ;
• Écrivez soigneusement tous les liens;
• Un beau menu pour votre groupe de divertissement est prêt.

Quelques secrets du balisage wiki

Ce balisage ne ressemble pas à du code html et certaines de ses fonctionnalités ne peuvent être essayées qu'à titre expérimental. Mais si vous n'aimez pas l'expérimentation, étudiez les fonctionnalités suivantes pour éviter les erreurs et devinez pourquoi tel ou tel élément ne suit pas le balisage wiki. Astuces de balisage :

• La largeur d'image autorisée n'est pas supérieure à 610 pixels ;
• La modification de la largeur modifie automatiquement la hauteur de l'image ;
• Les images inférieures à 134px modifient la qualité pour le pire;
• Seuls 7 éléments de liste peuvent être présents dans une ligne de balisage ;
• Plus de 18 balises non fermées sur une page entraîneront sa distorsion et ses erreurs.

Programmation d'applications pour le balisage wiki

Si vous trouvez le balisage trop compliqué, utilisez applications simples que les auteurs eux-mêmes appellent des leçons d'apprentissage. C'est si vous voulez apprendre les secrets du balisage. Si la science ne vous est pas donnée, concevez des groupes VK à l'aide d'un simple éditeur visuel qui écrit lui-même le code correct.

L'article discutera de ce qu'est un wiki et pourquoi ils sont fournis par le système. Ce terme a été inventé par Ward Cunningham en 1995. C'est à cette époque que le premier environnement wiki est apparu. Il convient de noter que le mot "wiki" est emprunté aux Hawaïens. Cela signifie "rapide" en traduction.

Il y a plusieurs significations pour le terme "wiki":

1. Un genre particulier de pages et d'enregistrements. Ils sont autorisés à être modifiés par tout visiteur du site. Vous pouvez modifier à la fois les textes avec des images et la structure même du portail.
2. Un constructeur conçu pour créer de vastes encyclopédies virtuelles.
3. Théorie philosophique et technologies spéciales.

Qu'est-ce que le balisage wiki ?

Si vous souhaitez apprendre à faire du balisage wiki sur le réseau social VKontakte, avant la formation, il est impératif que vous vous familiarisiez avec le matériel présenté, qui contient des informations sur le wiki. A ce jour, le site wiki le plus courant est l'immense "Wikipédia". En deuxième place se trouve le projet multi-utilisateur "Wikia". Il est suivi de petites encyclopédies.

Quelle est l'organisation de ces ressources ?

Quels composants incluent-ils ? Cela devrait certainement être réglé. Une encyclopédie électronique est capable de contenir de nombreuses pages, titres, sections, etc. Ces composants sont entrelacés en un seul réseau, formant un espace commun. Un outil spécial appelé balisage wiki est capable de développer une ressource aussi énorme. Il permet non seulement de créer diverses encyclopédies, mais également de concevoir des communautés VKontakte.

Le balisage Wiki est des balises spéciales qui vous permettent de développer une conception individuelle pour votre propre groupe. Cet outil vous permet d'ajouter diverses pages supplémentaires et des liens vers la communauté. Grâce à cela, il est possible de créer une petite encyclopédie au sein d'une communauté particulière. Ainsi, le wiki est un analogue du langage HTML, mais ce balisage est beaucoup plus léger et simple.

Quelle est la relation entre wiki et VKontakte ?

Tout d'abord, la question suivante doit être posée : quel avantage cet outil apporte-t-il au réseau social VKontakte ? Ce balisage vous permet d'effectuer les opérations suivantes :

Créez un menu original;
faire des marques;
développer des plaques;
ajouter de nouveaux composants de navigation.

L'utilisateur doit proposer un beau design unique qui puisse distinguer une communauté particulière de beaucoup d'autres. Avant de modifier la conception du groupe, il convient d'apprendre à utiliser ses éléments constitutifs. Ceci s'applique à "Vidéo", "Photos", "Mur" et autres. De plus, des informations intéressantes et précieuses doivent être sélectionnées afin que la communauté puisse attirer et retenir de nouveaux abonnés.

Avantages du wiki

La plupart des utilisateurs voudront sûrement savoir comment créer un balisage wiki VKontakte. Mais avant tout, il convient de dire quelques mots sur les mérites de l'instrument. Il faut noter qu'il est beaucoup plus léger que le langage HTML. Cela signifie que tout le monde peut le maîtriser sans aucun problème. Parmi les avantages figure également la possibilité d'enregistrer toutes les modifications précédemment apportées sur différentes pages. De plus, à tout moment, vous pouvez comparer toutes les options et choisir la meilleure.

WikiSecrets

Il faut beaucoup de temps pour arriver au niveau d'un pro du balisage wiki. Mais d'abord, l'utilisateur doit connaître certains points sur ce système. Par exemple, les images dont la taille ne dépasse pas 131 pixels deviennent de mauvaise qualité. Il existe certaines règles : une page doit contenir jusqu'à 17 balises et une ligne ne doit pas comporter plus de 8 composants. Lors du réglage de la largeur de l'image, sa hauteur change automatiquement en fonction de toutes les proportions.

Pour développer une nouvelle page dans la communauté, vous devrez fournir un lien vers l'article dans le texte. Il convient de noter que des pages supplémentaires apparaissent immédiatement après la saisie de nouveaux éléments. Pour entrer des liens dans le balisage wiki, des crochets spéciaux - [] sont utilisés. A l'intérieur se trouve le lien lui-même. Si vous cliquez dessus, vous pouvez accéder à une nouvelle page. Ensuite, il doit être rempli et modifié. Ça y est, la nouvelle page est prête.

Avec l'aide du balisage wiki VKontakte, vous pouvez créer de nombreuses pages de ce type. En conséquence, vous obtiendrez une sorte de site miniature, situé à l'intérieur du groupe. Il convient de noter qu'un texte magnifiquement conçu revêt une importance particulière. C'est pratique non seulement pour la lecture, mais aussi pour la perception. Il est recommandé de porter une attention particulière aux en-têtes, à l'alignement, au lettrage, etc.

Chaque type de formatage wiki a ses propres balises. Cependant, il est possible d'utiliser certains caractères du HTML. Après tout, le balisage wiki utilise non seulement des balises spéciales, mais également la plupart des différents caractères du langage HTML. Cela signifie que vous pouvez utiliser la double désignation de certaines fonctions. Il est également intéressant de noter que les wikis sont un outil assez intelligent. Si des éléments du balisage HTML sont trouvés dans le texte, il est capable de les remplacer indépendamment par des caractères de sa propre langue.

Créer un lien d'ancrage

Quant aux liens, ils peuvent être différents. Il n'y a pas que des boutons mignons, mais aussi des ancres sérieuses. Avec l'aide du balisage wiki VKontakte, la création des deux est autorisée. Dans ce cas, vous devez vous souvenir d'une règle importante : le texte doit être placé uniquement à droite du lien et l'image à gauche. Après cela, vous devriez apprendre à attacher une ancre. Pour ce faire, ouvrez les crochets et insérez le lien requis. Ensuite, le signe de séparation des éléments est défini - ǀ, puis nous écrivons le texte lui-même. Après cela, il est permis de fermer les crochets. Il s'avère approximativement ce qui suit : [[link.ru ǀ Mon site]].

Vous devez d'abord créer un bouton. Pour ajouter une image, vous pouvez utiliser le mot "photo" en tapant son numéro dans l'album du groupe. Ensuite, vous devez à nouveau mettre toutes les informations entre parenthèses. Vous devez d'abord enregistrer une photo, puis un lien. Le résultat devrait ressembler à ce bouton : []. Vous devez prêter une attention particulière aux fonctions disponibles pour travailler avec cette image :

Plain - lien texte vers une photo sans image ;
noborder - supprime le cadre de l'image ;
boîte - ouvre l'image dans une nouvelle fenêtre ;
nolink - supprimer le lien vers la photo ;
nopadding - supprime les espaces entre les images ;
NNNpx - largeur de l'image ;
NNNxYYYpx - dimensions de la photo.

Ces fonctions doivent être insérées avant le lien en les alternant avec un signe séparateur. De plus, vous pouvez insérer une légende pour l'image, la séparant des autres caractères.

Créer des tableaux à l'aide du wiki Il est assez facile de réaliser cette tâche. Pour insérer dans le texte du tableau, appliquez Symboles spéciaux. Il faut d'abord voir en quoi ça consiste. Vous pouvez voir ce qui suit :

(| - table ouverte ;
|+ - titre, centré ;
|- - nouvelle ligne ;
| - créer de la transparence ;
! - cellules sombres ;
|) - fermer le tableau.

Quant aux deux derniers caractères, ils sont variables. Par exemple, si une cellule sombre est créée, la fonction Transparence ne peut pas être utilisée. Il est permis d'insérer n'importe quoi dans le tableau. Il peut s'agir d'images, de liens ou de textes.

Conception de menus

Il vaut la peine de regarder comment le balisage wiki du menu VKontakte est créé. Vous avez d'abord besoin d'un beau dessin et de quelques connaissances. Veuillez noter que le menu peut être de plusieurs types :

Vous devez préparer à l'avance un dessin dont la largeur ne doit pas dépasser 610 pixels. Cela est dû à la taille du mur du groupe dans le réseau social. Vous devez couper l'image dans Photoshop ou tout autre éditeur conçu pour exécuter des fonctions similaires. Le résultat devrait être le nombre requis de boutons. Sur chacun d'eux, vous devez écrire le nom d'un élément de menu particulier. Après cela, vous pouvez rejoindre votre groupe. Dans celui-ci, vous devrez trouver le panneau de configuration et connecter l'outil "Matériaux".

Lorsque vous revenez à la page principale, vous pouvez voir le lien "Dernières nouvelles" au-dessus des discussions. Lorsqu'ils sont édités, il est permis de les prendre comme base pour créer un beau menu. Ensuite, il vaut la peine de télécharger les images préparées à l'avance pour le groupe. Vous pouvez enregistrer des images dans n'importe quel album de la communauté et les insérer dans un article de News à l'aide de l'éditeur visuel intégré. Pour commencer à éditer "Actualités", vous devez passer de cet outil au mode "balisage wiki VKontakte". Ensuite, vous pouvez connecter des images avec des liens vers différents éléments de menu.

Où puis-je apprendre à créer un balisage wiki ?

Dans le réseau social "VKontakte", il y a groupe officiel, qui est entièrement dédié au balisage wiki. Vous pourrez vous y familiariser avec le matériel pédagogique et obtenir de précieux conseils. Pour utiliser le langage wiki créé applications diverses, où il est proposé de pratiquer dans la conception de la communauté. Il existe également des plans d'échantillonnage pour les groupes. Ils aideront à compléter une conception rapide s'il n'y a absolument pas de temps libre. Pour les débutants, les modèles seront d'excellentes aides, ainsi que les conseils d'utilisateurs expérimentés.

Je pense que tous ceux qui utilisent activement réseau social Vkontakte, j'ai déjà rencontré des groupes et des publics magnifiquement conçus. Beaucoup d'entre eux, en plus du menu, ont également de nombreuses pages imbriquées stylisées, des répertoires, etc., ce qui crée essentiellement un petit site directement à l'intérieur du réseau social.

Voici quelques exemples pour que tout le monde comprenne de quoi je parle.

De tels groupes vous permettent de vous démarquer de vos concurrents et d'attirer plus d'utilisateurs. Surtout si le contenu est intéressant aussi :)
Dans cet article, nous allons parler de la façon dont tout cela est fait. Afin de tout analyser plus en détail et d'approfondir toutes les subtilités, prenons un exemple précis. Il y aura une petite classe de maître sur la conception des groupes.

La toute première étape de notre travail est une idée. Nous devons comprendre ce que nous voulons dire et à qui. En contact, il existe plusieurs formats de communautés et il vaut la peine de choisir en tenant compte des tâches définies. Bien qu'à l'avenir, le groupe puisse être transféré au format public et vice versa.

J'explique avec mes doigts. Public C'est quelque chose comme un blog. Fil d'actualité. En d'autres termes, nous informons nos abonnés de certaines choses et ils ne pourront pas écrire sur le mur de notre communauté. Commentaire maximal.

Groupe vous permet de créer une communauté plus ouverte à la conversation et à la discussion, où les gens peuvent publier des messages dans le fil en leur propre nom. Vous pouvez également y ajouter des amis de votre liste. Il n'y a pas une telle option en public. De plus, le groupe a un peu plus d'options pour intégrer le balisage wiki (il y a une section "Actualités" dans laquelle vous pouvez intégrer le menu).

Globalement, on peut raisonner ainsi : s'il faut créer une communauté pour le magasin, alors je prendrais le format « public ». Si nous parlons, par exemple, concernant les amateurs de pêche, il vaut mieux prendre un "groupe". Même si chacun est libre de faire ce qu'il veut. Après tout, à tout moment, le format peut être modifié. Cependant, gardez à l'esprit que Vkontakte introduit une restriction pour modifier à nouveau le format de la communauté et après la première fois, vous devrez attendre quelques jours jusqu'à ce que vous puissiez tout retourner si nécessaire. Par conséquent, il est préférable de tester la fonctionnalité avant que le groupe ne commence à se remplir de contenu.

Dans le cadre de cette classe de maître, je prendrai le jeu Mad Max basé sur le film du même nom, sorti il ​​y a à peine quelques semaines, comme point de départ et créerai une communauté pour les joueurs avec divers matériaux sur ce jeu. L'objectif principal est de drainer le trafic vers votre site de jeux.

Le format sera « Groupe », car il est nécessaire de créer un afflux naturel de public et de maximiser la communication au sein de la communauté. Je précise tout de suite que je vais utiliser une technique universelle utilisable aussi bien en groupe qu'en public. Cela fonctionne partout.

Mer de contenu, nous commençons à donner vie à l'idée!

Créer un groupe

Pour créer un groupe, allez dans "Mes groupes" dans le menu de droite de votre compte Vkontakte et cliquez sur le bouton bleu en haut "Créer une communauté".

Une fenêtre comme celle-ci devrait apparaître où nous entrons un nom pour notre groupe et sélectionnons un format.

Après avoir entré les informations nécessaires, le panneau de contrôle de notre communauté s'ouvre devant nous. Dans mon cas, ça ressemble à ça.

Comme vous pouvez le voir, j'ai ajouté quelques options : j'ai inclus des vidéos, des enregistrements audio, des discussions et un certain nombre d'autres fonctionnalités qui me seront utiles dans la poursuite des travaux lors de la collecte de contenu. Tout cela peut être modifié à l'avenir sans aucune restriction. J'ai également noté l'adresse de mon site Web. Si vous n'avez pas de site web, ou si son sujet ne correspond pas au format communautaire (ils traitent de choses différentes et n'ont aucun rapport entre eux), alors cette ligne peut être laissée vide.

Dans ce cas, j'ai fixé les limites d'âge à partir de 18 ans, par analogie avec celles que les développeurs ont fixées pour le jeu. Même si j'ai peu de doute que les enfants jouent aussi.

Tous. Le groupe est créé !

Vous pouvez maintenant commencer à le façonner.

Créer un groupe Vkontakte

Cette étape peut être divisée en 2 volets : graphique et technique. Pour travailler, nous avons besoin d'un modèle pour créer un avatar de groupe et un menu, ainsi qu'un peu d'imagination et des connaissances de base de Photoshop (alias Adobe Photoshop).

Modèle de balisage

Qu'est-ce qu'un modèle et de quoi s'agit-il ? Un modèle est une sorte de blanc. Dans ce cas, au format *.psd, nous avons délimité les zones pour l'image sous le menu et les avatars du groupe.

Comme vous pouvez le voir dans le deuxième exemple au début de cet article, nous pouvons réaliser la décoration en style uniforme pour les avatars et les images de menu. En même temps, il est visuellement coupé en 2 parties. Ainsi, le modèle vous permet de former une image de manière à éliminer le décalage graphique et à adapter les images autant que possible à un niveau.

Pour que ce soit plus clair, voici un exemple.

Nous pouvons voir que sur les deux parties de l'image, il y a une bande avec vue sur le quartier résidentiel. Sans utiliser de modèle, il est presque impossible de faire exactement la première fois. Il sera nécessaire d'ajuster les images, en mesurant les écarts jusqu'à 1px. Lors de l'utilisation d'un modèle, nous y ajoutons simplement des graphiques dans le balisage et obtenons immédiatement le résultat souhaité.

Je tiens à noter que ce modèle est conçu pour 1 ligne dans l'explication. Dans la capture d'écran de l'exemple, il y a des téléphones. Si une deuxième ligne apparaît, vous devrez utiliser un modèle différent ou corriger le design manuellement.

En attendant, nous procédons directement à la conception graphique de notre nouveau groupe. Ici, je choisis le chemin de moindre résistance et vais à Images Google. Vous pouvez également utiliser Yandex. Qui aime quoi.

Je n'ai pas de formation en design, nous ne nous attarderons donc pas sur le choix des polices et autres bagatelles. Après quelques ajustements dans Photoshop, j'ai obtenu ce résultat.

Sur le fragment de gauche (où l'inscription "Menu"), vous pouvez également ajouter plusieurs déclencheurs. Dans ce cas, j'ai décidé de m'en passer. Tous. La conception de l'avatar est prête. Nous appuyons sur la combinaison de touches de raccourci Maj + Ctrl + Alt + S dans Photoshop et enregistrons nos fragments dans un dossier sur notre disque dur.

La première étape du travail avec les graphiques est terminée. Reprenons contact.

Définir l'avatar et le menu du groupe

Nous cliquons sur les deux types à la place de l'ava de notre groupe et y téléchargeons notre image. Voici ces gars, en dessous d'eux, il est écrit "Téléchargez une photo".

Nous ajoutons une image. Spécifiez les champs et sélectionnez la vignette. Tout est simple ici et il ne devrait y avoir aucun problème.

Comme nous pouvons le voir, vous devez connaître l'identifiant de la communauté. Il est très facile de le reconnaître. Nous trouvons le menu dans notre groupe (immédiatement sous l'avatar) et ouvrons les "Statistiques communautaires". Dans ce cas, quelque chose de similaire apparaîtra dans la barre d'adresse du navigateur (les chiffres seront différents).

Ces nombres après "?gid=" sont l'identifiant de groupe souhaité. Nous insérons la valeur reçue dans le formulaire de script et écrivons le nom de la page que nous voulons créer. Dans ce cas, je roule dans "Menu".

A noter que la page ne sera créée que si la fenêtre avec le groupe est ouverte dans l'onglet suivant. En termes simples, vous devez être connecté à VK dans le même navigateur. Après tout, seuls l'administrateur du groupe et les personnes qui lui sont assignées ont accès à de telles manipulations. Un passant au hasard ne pourra pas facilement prendre et modifier les paramètres d'un groupe au panneau d'administration dont il n'a pas accès.

Si tout est fait correctement, la page suivante s'ouvrira.

C'est la même fenêtre où nous ferons un balisage wiki un peu plus tard et créerons un menu interne pour notre groupe. Pour l'instant, il nous suffit d'écrire quelque chose ici. Cliquez ensuite sur le bouton bleu "Enregistrer la page" et en haut cliquez sur le lien Retour à la page.

J'ai écrit un "Menu" pour moi-même et après avoir enregistré ma page, j'ai commencé à ressembler à ceci.

Il n'y a pas encore de design, mais pour l'instant nous avons juste besoin d'un lien vers cette page. Nous le récupérons dans la barre d'adresse du navigateur et revenons à la page principale de notre groupe. Enregistrer.

Ici, nous créons un article avec le contenu suivant : nous y insérons une image et un lien vers la page de menu du groupe.

Nous appuyons sur envoyer. Ensuite, nous cliquons sur l'heure à laquelle le message a été envoyé et sélectionnons l'élément «Pin» parmi toutes les options. On rafraîchit la page (la touche F5 du clavier) et, si tout est fait correctement, on obtient le premier résultat : le groupe a trouvé un avatar et un lien pour aller dans la section menu.

Balisage Wiki pour le menu du groupe Vkontakte

Passons maintenant à la conception du menu lui-même. Encore une fois, nous allons dans Photoshop et créons un design pour notre menu. Lors de la conception de l'interface, vous devez vous souvenir des personnes qui entreront dans VK via l'application avec téléphones portables. En d'autres termes, nous ne devrions pas avoir de petits éléments, et en plus, nous devrions essayer de rendre tout aussi clair que possible. Pour que vous n'ayez pas à deviner comment tout fonctionne ici et où nous pouvons cliquer ... mais il suffit de pousser le bon élément et d'étudier les informations que vous recherchez.

Je ne vais pas m'attarder maintenant sur la manière exacte dont j'ai assemblé le menu. Voici ce que j'ai.

Champs minimaux. Disposition verticale. Le format parfait pour un menu responsive. Autrement dit, rien n'ira nulle part sur les téléphones mobiles. Tout se passera exactement comme sur les écrans d'ordinateurs et de tablettes. Je prends la largeur de 500 px, pour que rien ne rétrécisse plus tard et ne perde pas deux fois la qualité de l'image. La hauteur n'est pas importante.

Nous coupons l'image en fragments et les sauvegardons.

Tous. Il est temps pour l'accord final - nous récupérons le menu déjà dans le groupe lui-même.

Pour ce faire, nous retournons à la page principale du groupe (où se trouve le flux et notre lien-image menant au menu). Nous cliquons sur l'image du menu et arrivons à la page même qui a été précédemment créée pour le menu.

Si vous êtes administrateur ou créateur d'un groupe (dans notre cas, c'est le cas), alors en haut de la page il y aura un lien "Modifier". Nous cliquons dessus.

Ensuite, nous passons au mode de balisage wiki (sous le bouton de fermeture dans le coin supérieur droit de la page, un tel cadre est dessiné avec<>à l'intérieur). Quand mode souhaité activé, ce bouton est entouré en gris.

Ensuite, nous pénétrons dans l'icône de la caméra et ajoutons tous les fragments de notre menu à la fois. En mode wiki, nous ne verrons pas les images elles-mêmes, seulement le code de ces images avec des tailles et des paramètres.

Je veux centrer le menu et ne pas avoir d'espace entre les fragments. Par conséquent, chacun des éléments est enveloppé dans une balise

et au paramètre déjà imbriqué "noborder" j'ajoute le second paramètre "nopadding". Le premier désactive le contour des fragments et des bordures pour les cellules du tableau. La seconde supprime les marges du bord.

Les premier et dernier éléments de menu ne doivent pas être des boutons - dans mon image, il s'agit simplement d'un élément graphique sans lien vers la page interne, nous leur ajoutons donc le paramètre "nolink". Cela supprimera la possibilité de cliquer sur cet élément pour ouvrir un morceau de l'image dans une fenêtre séparée. Cliquer sur la souris ne fera rien du tout. C'est le fond de page normal. Inactif.

Dans mon cas, le code du menu ressemble à ceci.

Séparément, je tiens à noter le fait qu'après avoir importé des images dans VK, le système intégré indique parfois de manière incorrecte la taille des images. Par conséquent, nous devons surveiller attentivement cela et exposer exactement ceux que nous avons prévus au stade de la conception. Sinon, tout peut s'effondrer et le puzzle ne fonctionnera pas à la fin.

Lorsque nous avons écrit le code et aligné tous les éléments, nous enregistrons la page et voyons la même chose que dans Photoshop.

La touche finale reste - vous devez créer les pages mêmes où notre menu enverra les gens. Pour ce faire, nous nous tournons à nouveau vers le script de génération de pages wiki et cette fois nous commandons trois pages à la fois. Dans le même temps, il est également nécessaire d'écrire quelque chose sur chacun et n'oubliez pas de sauvegarder leurs adresses quelque part dans la barre d'adresse du navigateur.

Ensuite, nous insérons des liens vers de nouvelles pages dans le code du menu wiki sous la forme page-102302049_51013384, où le premier numéro est l'identifiant du groupe et le second est le numéro de page. Même si, en général, cela n'a pas d'importance. Après tout, nous avons juste besoin de copier ce fragment d'URL et de le coller dans le balisage.

En conséquence, le code de menu prend la forme suivante.

Extérieurement, rien n'a changé. Mais lorsque nous cliquons sur les éléments du menu, nous pouvons voir que maintenant cela fonctionne !

En ce qui concerne le balisage lui-même et les règles selon lesquelles le code est écrit, je vous conseille de lire le groupe Vkontakte spécialement dédié à cette question. Les gars ont décrit tous les points clés et vous pouvez facilement trouver l'élément nécessaire dans leur catalogue et comprendre comment l'ajouter à votre page wiki.

Vous voulez obtenir un endroit où vous pouvez publier des exemples de travail, bloguer et faire la publicité de vos services ? Habituellement, un site Web est créé à ces fins. Mais il existe une autre solution plus simple - un groupe Vkontakte avec un balisage wiki. Dans cet article, je vais vous expliquer comment le créer.

Pratiquez et encore pratiquez ! Je vais décrire le processus sur l'exemple d'un vrai groupe - Rédaction futuriste.

Je travaille avec le nouveau design de Vkontakte. L'ancien deviendra bientôt obsolète - je ne l'envisagerai donc pas. En tout cas, le processus n'est pas très différent.

La première chose à faire est de créer un nouveau groupe :

• Ouvrez la section "Groupes".
• Cliquez sur le bouton "Créer une communauté".

Nous créons une nouvelle communauté

• Entrez le titre. Spécifiez n'importe lequel - il peut être modifié à tout moment autant de fois que vous le souhaitez.
• Sélectionnez maintenant le type de communauté : groupe ou page publique. La différence est décrite ci-dessus.

Groupe ou page publique ?

• Cliquez sur Créer une communauté.
• Ici, vous pouvez modifier le titre spécifié et sélectionner le type de page (vous pouvez également le modifier à tout moment).
• N'oubliez pas d'accepter les conditions d'utilisation du site.

Choisissez un type de pages

• Cliquez sur Créer une page.

Hourra, communauté créée !

Modification des informations de la communauté

Immédiatement après avoir créé un nouveau groupe, vous serez redirigé vers la page "Modifier les informations". Qu'est-ce ici:

• Nom. Je ne pense pas qu'il soit nécessaire d'expliquer. Le seul champ obligatoire.
• Description de la communauté. Écrivez quelques mots sur vous et votre groupe. Cela ne vaut pas la peine d'écrire beaucoup - personne ne le lira.

Tous les champs, à l'exception du nom, peuvent être laissés vides.

Plus de réglages

Lorsque vous avez terminé avec les paramètres, cliquez sur "Enregistrer".

Groupe créé

Vous pouvez maintenant télécharger l'image principale. Cliquez sur "Télécharger une photo" à droite.

Téléchargeons une image pour la page

Spécifiez le chemin dans l'image. Mettez votre logo, photo ou dessinez (commandez) quelque chose de spécial là-bas. Utilisez le cadre pour sélectionner la zone qui deviendra l'image principale de la communauté.

Mettez en surbrillance la zone souhaitée avec un cadre

Sélectionnez maintenant une petite zone ronde qui deviendra la vignette de votre groupe.

La taille du cercle peut également être modifiée.

Voici ce que nous avons. La page est devenue 35% plus attractive !

Beauté!

N'oubliez pas le statut. Là aussi, vous pouvez écrire quelque chose d'intéressant. Par exemple, votre slogan ou vos coordonnées. Ou une annonce qu'aujourd'hui est votre jour de congé.

C'est là que se termine le travail préparatoire et que commence la partie la plus difficile - le balisage wiki.

Comment trouver l'ID de groupe

Un menu, un article de blog, une liste d'exemples de travail - nous créerons tout cela à l'aide de pages wiki. Vkontakte est un service dégoûtant qui ne dispose pas d'outils pour créer une nouvelle page. Au lieu de cela, vous devrez utiliser des scripts. N'ayez pas peur, c'est simple, quoique peu pratique.

Pour le script, vous aurez besoin de connaître votre identifiant de groupe. Si vous n'avez pas modifié son adresse, il s'agit des chiffres de la barre d'adresse qui suivent le mot "club". J'ai déjà changé, donc un moyen aussi simple d'obtenir l'ID ne m'est pas disponible.

Cliquez sur n'importe quel message sur le mur pour l'ouvrir. S'il n'y a rien, écrivez quelque chose. Quoi que ce soit.

Créez n'importe quel message et cliquez dessus

De nouvelles données apparaîtront dans la barre d'adresse. Celui au milieu entre "wall-" et "_" (trait de soulignement) est votre identifiant de page. Enregistrez-le quelque part.

Mon identifiant est 124301131

Créer une page wiki

Vous pouvez maintenant utiliser le script pour créer de nouvelles pages avec le balisage wiki.

http://vk.com/pages?oid=-124301131&p=Nom

Copiez ceci et collez-le barre d'adresse navigateur. Remplacez mon identifiant par le vôtre. Et à la place du mot "Nom", écrivez le nom de la page créée. Vous pouvez utiliser la langue russe, les espaces, les chiffres. Et puis appuyez sur Entrée pour suivre le lien et exécuter le script.

Faire attention! Le nom d'une page wiki ne peut pas être modifié. S'il y a des fautes de frappe, vous devrez en créer une nouvelle.

Commençons par créer la page principale. Je l'ai nommé "Menu".

Copiez le script dans la barre d'adresse

Cliquez sur Remplir de contenu.

Ouvrir l'éditeur de pages

Voici l'éditeur de page. Mais pour l'instant, nous n'avons pas besoin de lui, mais d'un lien. Regardez la barre d'adresse. Vous voulez tout jusqu'aux mots "?act=edit§ion=edit".

Assurez-vous d'enregistrer l'ID de la page et un lien vers celui-ci

C'est un point très important. Nouvelle page Il n'est encore fixé nulle part et il n'y a aucun lien vers celui-ci. Si vous le fermez, vous perdrez.

Je vous conseille de créer un fichier séparé qui stockera la structure de votre groupe. Faites-le sous la forme "Titre - lien - ID de page". L'identifiant est "page-124301131_50771728". Vous en aurez encore besoin.

Voici, par exemple, la structure de mon groupe Overheard. Menu et 2 autres pages. J'ai aussi jeté un script ici pour créer de nouvelles pages. Pour qu'il soit facile à trouver.

Enregistrez tous les liens et identifiants dans fichier séparé ne pas perdre

Que se passe-t-il si vous n'avez enregistré que l'ID de la page, mais que vous avez oublié les liens ? Entrez l'adresse "https://vk.com/page-124301131_50771728" dans la barre d'adresse. Naturellement, remplacez l'ID de votre page.

Épingler un wiki à un groupe

Vous avez déjà créé la page principale elle-même. Maintenant, il doit être fixé au sommet de la communauté. Pour ce faire, copiez le lien vers la page et collez-le dans un message sur le mur. Vkontakte créera automatiquement un lien de bouton et l'attachera sous le message.

Copiez simplement le lien vers la page dans le message

Le bouton restera même si le lien texte est supprimé

Téléchargez une image. La largeur maximale de l'image est de 510 px. La hauteur maximale est également de 510 px. Dans ces valeurs, vous pouvez faire n'importe quoi. Un carré de 510x510 est la plus grande bannière que vous puissiez créer. Cela est vrai pour tous les messages, pas seulement ceux épinglés.

j'ai fait quelque chose comme ça

Cliquez sur envoyer. Cliquez maintenant sur l'icône des trois points dans le coin supérieur droit du message. Et cliquez sur "Épingler".

Épinglez maintenant le message avec un lien

De la même manière, vous pouvez annoncer des articles dans votre blog wiki. Vous n'avez simplement pas besoin de les attacher.

Actualiser la page. Les informations du groupe ont disparu. Au lieu de cela, un message que vous avez créé est apparu avec un lien et une image.

Cliquer sur l'image ouvrira la page wiki jointe

Si vous cliquez sur l'image ou sur le bouton "Afficher", la page wiki s'ouvrira.

Pour l'instant c'est vide

Nous n'aborderons pas le principal pour l'instant. Nous n'avons pas encore le reste des pages. Rien à donner des liens. Faisons d'abord autre chose.

Mise en page du wiki Vkontakte

Je ne décrirai pas toutes les balises de mise en page existantes. Tout a déjà été écrit avant moi. Manger groupe officiel Vkontakte, dédié au balisage wiki. Vous pouvez trouver n'importe quoi dedans. Tout est trié par sujet - prenez-le et appliquez-le.

Je vais vous montrer comment appliquer les connaissances de ce groupe dans la pratique. Créons une page À propos de moi. Pour commencer, créez-le à l'aide d'un script, notez l'ID et accédez à la page d'édition.

Il y a 2 modes sur la page d'édition : le mode normal et le mode balisage. Pour une raison quelconque, l'habituel est impitoyablement bogué - il rompt constamment les liens. Et la plupart des fonctions qu'il contient ne sont pas disponibles. C'est pourquoi j'essaie de ne pas y travailler. Pour passer en mode balisage wiki, cliquez sur l'icône<>en haut à droite.

Passer en mode de balisage wiki

Que doit contenir la page À propos de moi ? Quelques informations, une liste d'avantages par rapport aux autres rédacteurs, peut-être une photographie. Faisons-le.

Écrivez d'abord le texte. Personnellement, il est plus pratique pour moi d'écrire dans mon favori puis de copier dans l'éditeur Vkontakte. N'oubliez pas de cliquer sur "Enregistrer la page" après chaque modification.

Ajoutons maintenant une photo. Cliquez sur l'icône de la caméra et entrez le chemin d'accès à l'image.

Cliquez sur l'icône de la caméra dans la barre d'outils

Voici notre photo

Je veux que le texte s'enroule autour de l'image, je vais donc lui ajouter un paramètre "gauche". Et je ne veux pas que les gens puissent ouvrir version complète photos, j'ai donc ajouté l'attribut "nolink". En savoir plus sur les attributs dans le groupe auquel j'ai lié ci-dessus.

Ajout des paramètres "nolink" et "left"

Pour voir le résultat, rendez-vous sur mode normal avec un bouton<>.

Pas très joli

Réduisons la photo. Notez simplement les dimensions dont vous avez besoin en mode balisage. J'ai spécifié les valeurs moitié de celles d'origine.

Spécifiez les dimensions souhaitées en mode de mise en page wiki

Faisons maintenant une liste. Mettez en surbrillance la ligne requise et cliquez sur l'icône de la liste.

Ce bouton place la balise *, qui crée un élément de liste

Il sera précédé d'un "*". C'est la balise de liste. Vous pouvez le définir manuellement ou utiliser le bouton de la barre d'outils. Vérifiez le reste de la liste.

déjà plus jolie

Maintenant, nous devons mettre en surbrillance les en-têtes. La barre d'outils a des boutons pour concevoir des titres H1-H3.

Utiliser des boutons ou définir des balises manuellement

"A propos de moi" je ferai le titre du premier niveau. Et la phrase devant la liste est du troisième niveau.

Presque fini

Tout est presque bon, mais le second titre s'est un peu démarqué sur la photo. Vous devez ajouter une ligne vide. En mode de balisage wiki, cela se fait à l'aide de la balise
.

Ajout d'une ligne vide

Si vous avez seulement besoin de sauter 1 ligne -
pas nécessaire pour cela. Il est utilisé si vous souhaitez obtenir 2 lignes vides ou plus d'affilée.

Peut-être que certains mots peuvent être mis en évidence en gras. Sélectionnez le fragment souhaité et appuyez sur le bouton "B" ou utilisez la combinaison de touches Ctrl + B.

Ctrl+B fonctionne aussi

Voici ce qui s'est passé à la fin.

je pense que c'est bien

Faire un portefeuille Vkontakte

Créons maintenant un portefeuille pratique pour les clients. Je vois 2 façons :

• Créez des albums avec des captures d'écran et une page de liste avec des liens vers chacun.
• Créez une page distincte pour chaque travail et une page de liste.

Par exemple, je vais concevoir 2 œuvres du portfolio - chacune à sa manière.

Album de portefeuille

Pour créer un album, ouvrez le menu Gérer la communauté.

Accédez aux paramètres de la communauté

Ici, cochez la case à côté de "Albums photos". Vous pouvez maintenant les créer. Enregistrez vos modifications.

Ajouter un bloc avec des albums photo

Sur la page de la communauté, cliquez sur le bouton "Ajouter des photos" et indiquez le chemin vers les fichiers souhaités.

Ajouter des captures d'écran de notre travail à l'album

Disons que je veux ajouter un article à mon portfolio sur la façon de prendre des captures d'écran de textes qui ne tiennent pas à l'écran. Pour ce faire, je prends une capture d'écran de l'article et je la découpe en petits morceaux dans un éditeur graphique.

Pour quelle raison? Parce que sinon le texte sur l'image sera trop petit et illisible. Il y a peu de sens à partir d'un tel portefeuille. Et donc je l'ai divisé en un tas de fragments séparés de taille normale et l'ai ajouté à un album Vkontakte séparé.

J'ai reçu 4 morceaux de texte et une vignette. Survolez n'importe quelle image et cliquez sur l'icône "Déplacer la photo".

Déplacer de nouvelles images vers un nouvel album

Créez un nouvel album.

Cliquez sur "Vers un nouvel album"

Donnez à l'album le même titre que l'article. Pour qu'il soit facile à trouver. Vous n'avez pas besoin de description. Cochez également les cases à côté de "Les photos ne peuvent être ajoutées que par les éditeurs et les administrateurs" et "Désactiver les commentaires d'album". Cliquez sur Créer un album et transférer.

Donnez un nom à l'album et empêchez les autres utilisateurs de le modifier

Transférez le reste des captures d'écran de la même manière. Seulement maintenant, vous n'avez pas besoin de créer un nouvel album - il existe déjà.

Sélectionnez un album déjà créé dans la liste

Voici ce avec quoi nous nous sommes retrouvés.

Album avec des morceaux de texte

Pour les albums suivants, il n'y aura pas de telles hémorroïdes avec le transfert. Cliquez sur "Album photos".

Ouvrir la liste des albums de votre groupe

Cliquez maintenant sur le bouton "Créer un album" dans le coin supérieur droit. Donnez-lui un nom et téléchargez-y une nouvelle partie de captures d'écran à l'aide du bouton "Ajouter des photos".

Créer un album pour un nouveau texte dans le portfolio

Ça y est, nous avons maintenant 2 albums qui stockent des captures d'écran de 2 articles. Assez, peut-être.

2 albums avec captures d'écran

Créez une page Portfolio et notez son ID. Nous n'y placerons pas les œuvres elles-mêmes - seulement des titres, des vignettes et de courtes descriptions.

Cliquez sur l'icône "Ajouter une photo".

Ajouter une nouvelle image à la page

Cliquez sur "Choisir parmi les photos de la communauté". Ouvrez l'album souhaité et sélectionnez votre vignette.

Trouvez votre vignette ajoutée à l'album

Dans un nouvel onglet, ouvrez l'album ou la première capture d'écran qu'il contient. Et copiez son lien (entièrement). Vous devez l'insérer dans la balise photo entre la barre verticale | et crochets fermants ]].

Insérer un lien entre les symboles | Et ]]

Ainsi, vous obtiendrez une vignette, lorsque vous cliquerez dessus, l'album ou la capture d'écran souhaité s'ouvrira avec le début du texte (selon ce vers quoi vous spécifiez le lien).

Page du portefeuille

Eh bien, tout est beaucoup plus simple ici. Créez une nouvelle page wiki et n'oubliez pas de noter son ID. Cliquez sur l'icône "Ajouter une photo" et téléchargez une capture d'écran de votre texte, prédécoupé en petits morceaux. Idéalement 1 image - 1 paragraphe.

Pour quelle raison? Parce que Vkontakte compresse assez fortement les images. Si vous téléchargez une capture d'écran entière puis que vous l'étirez pour remplir toute la page, la qualité sera médiocre. Les petits fragments ne souffriront pas autant.

Désactivez maintenant le mode de balisage wiki (s'il était activé).

Revenez en mode standard pour voir le résultat

Pas mal, mais pas assez. Cliquez sur la première image. Dans les paramètres qui s'ouvrent, définissez la largeur (cellule de gauche) sur 607 px. Il s'agit de la taille maximale d'une image sur une page. La hauteur changera automatiquement.

Définissez la largeur de l'image sur 607 px

Voici ce qui s'est passé. De la même manière, augmentez tous les autres fragments de texte.

Le premier fragment est devenu sensiblement plus grand

Ainsi, vous pouvez mettre du texte de n'importe quelle longueur sur la page wiki. L'essentiel est qu'il puisse être lu à une largeur de 607 px.

Une capture d'écran entière du texte sur la page wiki

Enfin, nous avons besoin des identifiants des pages que vous avez enregistrées. Ouvrez votre page Portfolio.

Téléchargez-y une vignette (à partir d'un album créé ou d'un ordinateur). Insérez maintenant l'ID de page avec le texte entre les crochets fermants ]] et la barre verticale |.

Copier l'ID de la page avec du texte entre les symboles | Et ]]

En fait, tout. Désormais, en cliquant sur la vignette, le visiteur sera redirigé vers la page contenant le texte.

2 de nos vignettes de liens

Faire une liste d'oeuvres

Rendons maintenant notre portfolio plus présentable et convivial. J'ajouterai un titre, des titres d'oeuvres, des petites descriptions et des liens vers le site où ils sont publiés. Voici ce qui s'est passé.

Ajouter des informations sur chaque travail

Faire la page "Services et tarifs"

Nous avons déjà une page À propos et beau portefeuille. Il est peut-être temps de montrer le prix aux clients. Je pense que nous allons le disposer sous forme de tableau. Simple et clair. Créez une nouvelle page wiki, enregistrez l'ID - et c'est parti.

Vous pouvez en savoir plus sur toutes les balises nécessaires lors de la mise en page d'une table.