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 un nouveau design pour 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 page

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

La 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. N'importe quoi.

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-le et collez-le dans la barre d'adresse de votre 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. La nouvelle page n'est encore épinglée nulle part et aucun lien n'y mène. 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'identifiant 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. Il y a 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 bon

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.

Pourquoi? 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.

Pourquoi? 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.

Avant de plonger dans le wiki, annotez en créant menu interactif, vous devez effectuer quelques étapes préparatoires, tout d'abord, modifier certains paramètres du groupe. Cliquez sur « Gestion de la communauté », ouvrez « Discussions » et connectez « Matériaux ».

Passons maintenant à la préparation des images. Si vous ne travaillez pas avec des éditeurs graphiques, vous devrez vous tourner vers des freelances. La poursuite des travaux sera affiché à l'aide de Photoshop, mais peut être fait dans d'autres éditeurs.

Nous préparons goûter pour le groupe VKontakte selon l'image.

Les dimensions de la fenêtre A, dans laquelle le menu sera placé, peuvent différer de celles indiquées. Tout dépend de la taille que vous définissez les boutons de menu. Dans la version proposée, un bouton par ligne est prévu. Si vous devez placer deux boutons par ligne, alors la largeur de la fenêtre A doit être réduite à un maximum de 377 px. La hauteur de cette fenêtre dans la plupart des cas est choisie empiriquement. Dans la version proposée, la hauteur de 377 px a été choisie en plaçant chaque élément d'information sur une ligne sur la première page du groupe.

Ensuite, nous préparons une image appropriée, écrivons des inscriptions et coupons l'ensemble du dessin en sections, en tenant compte du fait que chaque section individuelle, avec l'inscription correspondante, servira de bouton de menu. Comment faire tout cela, nous n'entrerons pas dans les détails ici, puisque cet article n'est pas un tutoriel Photoshop.

Après avoir enregistré et supprimé les fragments inutiles (Photoshop coupe et enregistre également l'intégralité de l'image et des champs blancs), nous allons renommer les fragments en les numérotant dans l'ordre de leur emplacement dans le menu.

Passons maintenant au groupe. Après avoir ajusté les paramètres, deux onglets sont apparus sur le mur : « Dernières nouvelles » et « Discussions ». Nous cliquons sur " Nouveau sujet» dans l'onglet discussions et créez la première page de notre menu.

Il doit être nommé conformément au nom sur le menu graphique et remplir le champ avec une description. Après avoir renseigné toutes les informations nécessaires, cliquez sur "Créer un sujet".

Votre message apparaîtra sur le mur. De la même manière, nous créons le nombre de pages dont nous avons besoin (conformément aux sections du menu).

Après avoir terminé les opérations préparatoires, nous pouvons procéder à l'édition de notre menu. Pour ce faire, nous avons besoin de l'onglet "Dernières nouvelles". Passez la souris dessus et cliquez sur "Modifier".

Plus loin, le déjà familier s'ouvrira à nous. Étant en mode d'édition visuelle, en cliquant sur l'icône de la caméra dans l'éditeur, nous chargeons tous les fragments dans l'ordre dans lequel ils se trouvent dans l'image globale. Nous changeons également le nom en quelque chose de plus compréhensible pour nos visiteurs. Après cela, nous passons au mode wiki - balisage et éditons le code.

Exemple de code pour le menu en question :

[]
[]
[]
[]

Il est important de garder à l'esprit que pour les fragments qui n'agissent pas comme un bouton, il faut écrire « nolink » au lieu d'un lien vers la page. Sinon, le fragment sera cliquable et chaque fois que vous cliquerez dessus, le fragment lui-même s'ouvrira en tant qu'image distincte.

Si tout est fait correctement et qu'aucune erreur n'a été commise dans le code, alors lorsque vous reviendrez dans notre groupe et après avoir cliqué sur le nom de l'onglet (Menu principal du groupe), le menu que nous avons créé s'ouvrira, qui ressemble à un tout avec l'avatar. Le menu interactif et la conception graphique du groupe sont une seule composition. Lorsque vous cliquez sur les sections du menu, nous arrivons aux sections correspondantes du groupe.

Si le menu ne correspond pas au niveau inférieur avec l'avatar, dans le code du fragment inférieur, en modifiant la hauteur en px, réalisez l'alignement. Si cela s'affiche sous forme d'image, dans le modèle d'origine de l'éditeur graphique, modifiez la taille du fragment souhaité et redessinez la mise en page.

Nous avons regardé comment menu interactif ou organiser un groupe de style wiki. Si vous avez des questions sur le processus de préparation lui-même, écrivez dans les commentaires et ensemble nous essaierons de les résoudre.

De plus en plus, ils sont utilisés pour faire des affaires, vendre des biens ou des services. Un excellent outil qui facilite le travail avec un groupe est un menu créé à l'aide du balisage wiki.

Récemment, le nombre de publics qui utilisent la liste wiki a considérablement augmenté. Après tout, c'est un excellent moyen de donner au groupe un aspect plus agréable et esthétique, et aide également les participants à naviguer plus facilement dans toutes les sections.

Dans cet article, nous vous expliquerons comment créer une page wiki Vkontakte pour un groupe, comment créer un menu dans un groupe VK, quels types existent, comment créer et bien plus encore.

La création d'une page wiki cliquable est possible en raison du fait que l'éditeur de texte VK a la capacité d'utiliser le balisage wiki. Il vous permet d'insérer des images, des liens vers celles-ci, des vidéos et d'autres éléments à l'aide de commandes spéciales.

La liste vous permet de créer des liens directs vers chaque catégorie de biens/services ou vers diverses sections/discussions de la communauté (par exemple, portfolio, comment commander, à propos de l'entreprise, etc.). Tout utilisateur peut trouver les informations nécessaires en appuyant sur un seul bouton.

Cette solution est un navigateur pour les visiteurs ordinaires et sert de design beau et élégant pour la communauté. C'est un outil interactif qui les gens seront contents.

Malheureusement, les développeurs de VK n'ont pas encore créé la possibilité de placer une liste wiki sur la page wiki principale du public (jusqu'à présent, ce n'est que dans un nouvel onglet). Par conséquent, les gens sont obligés d'innover et de créer des articles séparés qui mènent à une page avec un menu.

Commandes et fonctionnalités de base du menu wiki

La fonctionnalité de la page wiki est très large. Avec lui, vous pouvez rendre votre menu visuellement agréable, bien lisible et structuré.

Malheureusement, nous ne pourrons pas intégrer absolument toutes les équipes dans notre matériel, nous ne parlerons donc que de quelques-unes.

Création d'un menu à l'aide de fichiers multimédias

Il est effectué à l'aide de boutons spéciaux.

Sous forme de texte, les fichiers multimédias sont : [​].

Où média XXXX_YYYY est le fichier multimédia lui-même, les options sont divers paramètres (pour les photos et les vidéos), le lien est la légende qui s'affichera lorsque vous survolerez la photo/vidéo.

Pour les options photo sont:

Pour la vidéo :

Nous créons des rubriques de différents niveaux en utilisant les signes ==

Ajoutez des signes "==" au début et à la fin du titre. Voir la capture d'écran pour un exemple :

Nous travaillons avec le texte des titres pour la conception du menu du groupe VKontakte

Vous pouvez également utiliser les options de texte suivantes : italique, gras ou gris, barré ou souligné, exposant ou indice. Il est également possible d'aligner le texte au centre ou à droite. Ci-dessous un tableau avec les commandes :

Utiliser des guillemets pour attirer l'attention

L'utilisation de la balise vous permettra d'encadrer magnifiquement la citation de quelqu'un.

Les listes peuvent être utilisées à la fois numérotées et à puces.

Pour une liste numérotée, utilisez le symbole "#" avant chaque nouvel élément.

Pour liste à puces similaire au précédent, uniquement avec le signe "*".

Travailler avec des retraits

Pour mettre en retrait, ajoutez un ":" avant le mot. Selon le nombre de caractères, le retrait augmentera ou diminuera.

Liens internes dans le menu du groupe

Ce sont des liens vers des ressources sociales internes. réseau "VKontakte" (lien vers une personne, une communauté, une discussion, une application, une page, une vidéo et une image). Ils sont ajoutés en utilisant la construction suivante : [].

Liens externes dans la création du menu VKontakte.

Le balisage Wiki crée un menu de tableau

Vous pouvez également créer un tableau à l'aide de la page wiki et du balisage. Voir capture d'écran :

Spoil informatif

Avec lui, vous pouvez masquer ou révéler des informations en un seul clic. Bien adapté si vous avez besoin de créer une section avec "Foire aux questions".

Un spoiler est créé en utilisant la construction :

((Hider|Nom du spoiler
Texte
}}

Et ça ressemblera à ça :

Ainsi, les équipes aideront à faire une liste complète avec tous les éléments de conception.

Types de menus : de quoi s'agit-il ?

Les pages Wiki sur VKontakte peuvent être divisées selon différents critères :

• Texte (texte uniquement) ;
• Graphique (à l'aide d'images de boutons, d'arrière-plans, etc.).

Par affichage (selon l'image utilisée) :

• Z couvert (la structure elle-même n'est pas visible);

• Ouvert (tous les éléments sont visibles en même temps) ;

• Avec une bannière adjacente ou commune (peut être à la fois ouverte et fermée).

Quel que soit le type que vous choisissez, ils fonctionnent tous sur le même principe.

Aussi, n'ayez pas peur de combiner ces types. Par exemple, vous pouvez d'abord faire une partie graphique avec des boutons (fond, style, design), puis la compléter avec divers informations textuelles(par exemple, "Foire aux questions", en utilisant des spoilers).

Comment créer un menu texte

Moins populaire et plus simple est la liste de texte sur une page wiki. Il ne contient aucune image ou bouton. C'est juste une liste de liens d'ancrage.

Ci-dessous est instruction étape par étape comment faire une liste de texte pour un groupe VK :

1. Vous devez d'abord créer une communauté. Pour cela, rendez-vous dans "Gestion de la communauté" et sélectionnez la rubrique "Sections". Recherchez la ligne "Matériaux", sélectionnez l'élément "Restreint" et enregistrez les paramètres.

1. Suivant sur page d'accueil public apparaîtra "Dernières Nouvelles". Allez-y et cliquez sur "Modifier".

1. Entrez un titre.
2. Ci-dessous est éditeur de texte CV. C'est là que nous allons créer notre liste.
3. Utilisez la construction suivante :

Faire tous les points nécessaires. Chaque nouvel article nouvelle ligne. Ici, vous pouvez utiliser les différentes commandes dont nous avons parlé ci-dessus.

Par exemple, nous allons écrire une construction simple et petite :

1. Cliquez sur enregistrer.

Ici, nous avons utilisé des signes "==" pour mettre en évidence l'en-tête et des signes "*" pour mettre en évidence les sous-éléments. En conséquence, nous avons obtenu ce qui suit :

Ainsi, après avoir effectué quelques étapes, nous avons obtenu un menu wiki parfaitement compréhensible, où chaque élément vous permettra d'accéder rapidement à la page souhaitée.

Vous pouvez ajouter n'importe quoi, tant que votre imagination et les possibilités de balisage wiki sont suffisantes.

Comment créer un menu graphique

Pour créer un menu graphique, vous devez avoir au moins des compétences de base pour travailler avec des éditeurs graphiques (tels que Photoshop, GIMP, applications diverses etc.). Si vous ne les avez pas, nous pouvons vous conseiller d'utiliser l'aide de professionnels ou de ressources avec modèles prêts à l'emploi(lire la suite ci-dessous).

Ici, nous allons parler de la façon de créer vous-même un menu de page wiki. Vous trouverez ci-dessous un guide étape par étape :

1. Suivez les étapes 1 à 3 des instructions précédentes.
2. Vous devez créer des images vierges avec des boutons. Parlez en détail du travail dans éditeurs graphiques nous ne le ferons pas, car il existe de nombreux didacticiels sur le Web pour travailler avec Photoshop et d'autres programmes.
   Nous prendrons les images suivantes.

Les trois images font partie d'une seule grande. Par conséquent, lorsque nous créons une navigation, ces images ressembleront à une image entière avec des boutons situés dessus.

1. Nous téléchargeons des images dans l'éditeur de texte VKontakte.

1. En cliquant sur chaque image, vous pouvez sélectionner des options et fournir un lien.

1. Sur la droite, il y a un commutateur entre les modes d'édition visuel et texte.

1. Dans la version texte, nos images ressemblent à ceci :

1. Changez l'inscription "noborder" en "nopadding" pour supprimer la distance entre les images et les fermer. Et après le signe "|" ajouter un lien.

1. Cliquez sur "Enregistrer la page".

En conséquence, nous avons ce menu:

Avec un peu d'effort et d'ingéniosité, vous pouvez créer un design original qui s'intégrera dans conception générale groupes.

Comment réparer

Pour que le menu wiki créé s'affiche sur la page principale de la communauté, vous devez suivre les étapes suivantes :

1. Créez un nouveau message.
2. Copiez le lien de votre menu. Pour ce faire, allez à nouveau sur éditer et copiez l'URL de barre d'adresse navigateur.

Ajoutez d'abord une image, voir l'image ci-dessous.

Maintenant, publiez et épinglez le message.

Ici, vous devrez travailler dur sur l'image. Après tout, il sera constamment en vue.Il doit également s'intégrer dans la conception globale du public et indiquer aux utilisateurs qu'en cliquant, ils seront redirigés vers le menu.

Comment supprimer

Supprimer un menu wiki n'est pas une tâche difficile. Allez simplement dans "Gestion de la communauté", section "Sections" et désactivez les matériaux.

Il est important de se rappeler que si vous avez utilisé une publication épinglée, elle restera. Par conséquent, il devra également être supprimé (ou au moins supprimé de ceux épinglés).

Modèles prêts

Nous aimerions également présenter à votre attention des services, à l'aide desquels vous pouvez télécharger des modèles prêts à l'emploi ou en créer de nouveaux en quelques clics.

• You-ps.ru est un service avec des modèles de menu wiki prêts à l'emploi et d'autres éléments de conception de communauté prêts à l'emploi.

• Vkmenu.com est un concepteur en ligne. Il vous permet de créer facilement et rapidement des menus élégants.

De plus, l'embauche d'un professionnel peut être attribuée à des solutions toutes faites. Dans ce cas, vous n'avez pas non plus à tout faire vous-même, mais vous devrez payer.

Résultat

Nous avons examiné ce qu'est un menu wiki dans les communautés VKontakte. Nous avons appris à le créer et à utiliser diverses commandes.

Nous pensons que le menu n'a pas encore été apprécié. Pour un grand nombre les gens, ce "balisage wiki" est quelque chose de super complexe et effrayant. Ils ne veulent même pas s'en charger. Mais en réalité, comme on le voit, tout est assez simple.

N'ayez pas peur d'expérimenter et d'être original !

Bonjour. Aujourd'hui, nous allons parler des publications wiki sur VKontakte. Après avoir lu cet article, vous apprendrez à quoi servir les publications wiki, trois façons de créer une publication wiki, comment modifier le nom d'une page wiki et quelles applications sont utiles lors de la création d'une publication wiki.

Les publications Wiki sont des pages spéciales sur VKontakte avec lesquelles vous pouvez étendre les fonctionnalités standard du réseau. Formatez et mettez en page un article, créez un menu de boutons avec navigation communautaire, créez des jeux, créez un manuel électronique, et bien plus encore.

Des articles

Les publications Wiki permettent aux articles d'être formatés avec une hygiène éditoriale pour une lecture facile.

Au lieu d'une feuille de texte, vous pouvez obtenir un article avec des illustrations en fonction du texte, avec vidéo et son, le texte aura les bons retraits et titres. Tous les articles SMMplanner sur VKontakte sont conçus via des publications wiki.

Les wikis aident les auteurs à communiquer le contenu d'une manière conviviale, les wikis sont indexés par les réseaux de recherche et les wikis peuvent être distribués en tant que messages invités pour générer du trafic vers votre communauté.

Les liens vers les publications wiki peuvent être placés dans d'autres publics SMM en tant que publications d'invités et recevoir du trafic vers votre communauté.

Les articles de contenu apparaissent souvent dans les meilleurs résultats de recherche de Yandex et de Google avec des articles de blogs. Pour promouvoir les communautés, vous pouvez utiliser l'optimisation SEO du contenu.

Mon article 60 façons arrive parfois dans le top des SERPs, mais assez rarement.

Menu

Les publications wiki sont souvent appelées menus wiki car la fonctionnalité des publications wiki vous permet de créer un menu de communauté et de naviguer dans les sections de la communauté.

Nous voyons d'abord le message dans la communauté

Il existe de nombreuses options pour créer un menu, dont la plupart sont décrites dans Wiki de la communauté. À Kairos fait quelque chose comme une page de destination avec une barre de navigation.

Jeux

À l'aide des publications wiki, vous pouvez créer des jeux de quête simples :

Nous avons examiné les trois raisons les plus courantes d'utiliser les publications wiki pour les communautés sur VKontakte. Voyons le côté technique.

Créer des articles wiki

Par défaut, les communautés VKontakte n'ont pas de fonctionnalité qui vous permettra de créer rapidement et facilement des publications wiki. Je connais trois options pour créer des messages wiki. Complexe, simple, grâce à l'application Source Code, et simple, grâce à l'autorisation de Chrome.

La méthode la plus difficile consiste à écrire manuellement le lien dans la barre d'adresse. Nécessaire dans le lien :

Remplacez -XXX par votre identifiant de communauté et "Nom de la page" par le nom de page correct. En détails la méthode est décrite dans les SMM. Je suis trop paresseux pour me souvenir du lien, trop paresseux pour revenir constamment à cet article, alors je me tourne vers un life hack, crée une page, à travers résolution vkopt sur Chrome.

Avec l'autorisation, un bouton "Liste des pages wiki" apparaît dans le menu contextuel des paramètres de la communauté.

L'extension vous permet de consulter les publications wiki dans d'autres communautés et de créer de nouvelles pages dans la vôtre. Vous pouvez trouver le balisage wiki qui a été utilisé pour la page et connaître la date à laquelle la page a été créée.

En cliquant sur le bouton "ajouter", une nouvelle page wiki apparaîtra

Le codeur SMMplanner pour la création de publications wiki utilise application de code source, il me semble qu'à travers le "Code Source" les pages sont créées un peu plus longtemps.

Vous devez vous rendre sur l'application, et en face de la communauté, sélectionner le bouton "Nouveau". Vous pouvez alors créer nouvelle page.

En mode d'édition wiki, vous avez deux modes disponibles : le mode visuel et le mode code. Toutes les fonctionnalités du balisage wiki peuvent être trouvées dans Wiki de la communauté, tout est décrit avec suffisamment de détails.

Il est plus pratique pour moi de travailler avec du code propre que dans un éditeur visuel, mais cela dépend du degré de connaissance des codes de balisage.

Les codes de balisage wiki les plus "importants"*

*Celui que j'utilise le plus souvent

Titre de premier niveau. Pour la conception de l'en-tête de premier niveau, les symboles "==" sont utilisés des deux côtés de l'en-tête.

Décalage du bord de la page. Pour mettre en retrait, utilisez le symbole ":" avant un paragraphe. Plus il y a de deux-points, plus il y a d'indentation. J'utilise ce balisage pour montrer des exemples et les séparer du niveau de texte principal.

Texte gris. Pour donner un exemple, j'utilise un balisage qui rend le texte noir gris. Cela nécessite le balisage ' et besoin du texte de fermeture '» (supprimer les espaces avant la parenthèse fermante)

Les tables. Vous pouvez parler et en dire beaucoup sur les tables, je les utilise régulièrement.

Un tableau commence par "(|" et se termine par "|)", pour désigner une ligne, le code "|-" est utilisé, et pour diviser la ligne en cellules, "| ".

Dans un tableau, j'utilise souvent :
Bordures de tableau invisibles : noborder ;
Étendre le tableau à la largeur de la page (par défaut, le tableau est créé à 500 px et la largeur de la page wiki est de 600 px) : nomargin ;
Colonnes à largeur fixe (par défaut, le tableau est étiré en fonction du contenu). Si vous avez besoin de faire trois colonnes de la même largeur, après avoir écrit le code pour ouvrir la table, écrivez |~33 33 33 sur la ligne suivante.

Devis avec tableau intégré à trois colonnes

Comment renommer les pages mal nommées

Auparavant, si vous faisiez une erreur dans le nom de la page, vous deviez créer une nouvelle page avec le nom correct. Mais les travailleurs de SMM ont trouvé une faille, lorsque vous ouvrez une page wiki avec le mauvais nom, écrivez /market à la fin de la barre d'adresse et accédez à une nouvelle page. Un bouton pour modifier le nom de la page apparaîtra, la méthode est décrite plus en détail dans le matériel "

Chaque utilisateur du service Vkontakte connaît la possibilité de créer des groupes dans un compte. Cependant, tout le monde ne peut pas supposer qu'il est possible de passer facilement d'un groupe à la création de son propre site. Pour rendre cela possible, il vous faut :

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

Balisage Wiki est un langage de programmation spécial conçu pour formater les informations dans un groupe. Avec elle, vous pouvez :

• créer des tableaux ;
• formater le texte;
• créer des balises, des étiquettes ;
• effectuer une structuration supplémentaire des éléments du groupe ;
• Concevez de manière attrayante un groupe dans votre compte dans réseau social En contact avec.

Personnalisation d'un groupe à l'aide du balisage wiki

Le balisage Wiki a :

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

Concevoir un groupe implique de créer un menu, qui peut être à la fois textuel et graphique. Il est également nécessaire de fournir une assistance lors de la navigation à travers les boutons de menu vers les pages correspondantes.

Les principes de conception sont dans la création de table, lequel est élément de base dans le menu, des insertions textuelles et graphiques.

Comment créer un menu pour un groupe dans un contact en utilisant le 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 excellent pour la conception à l'aide d'images sous forme de photos et d'images.

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

Créer des tableaux avec le balisage wiki

Le tableau est créé en utilisant un jeu de caractères spécifique disposés dans un ordre particulier. Le tableau peut être rempli avec n'importe quel contenu.

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

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

Mise en forme des liens avec le balisage wiki

Comment faire un menu graphique dans un 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 organisé en :

• style de texte ;
• style graphique.

Un menu textuel est généralement idéal pour les sujets sérieux, les domaines d'activité, les technologies informatiques. Le menu graphique ressemble plus à des sujets de divertissement.

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

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

Pour faciliter la conception de la 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

Pour créer un groupe dans votre compte, vous devez suivre certaines règles et exigences :

1. Vous devez connecter le groupe au service "nouvelles". La connexion se fait en mettant une "coche" devant la section "actualités" dans la fonctionnalité "paramètres" ;
2. Image insérée dans la page Wiki uniquement si l'image est placée sur la page principale du compte dans l'album sélectionné ;
3. Une page wiki ne peut pas contenir plus de dix-sept balises ouvertes et non fermées;
4. Une ligne de balisage peut contenir jusqu'à huit éléments de la liste;
5. Largeur de l'image insérée ne peut pas dépasser 610 pixels ;
6. Lors de l'édition taille de l'image, toutes les proportions de l'image changent proportionnellement à leurs rapports de valeurs.

Applications Vkontakte pour le balisage wiki

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

1. Applications qui sont une aide à l'apprentissage pour le balisage Wiki. Interactif FAQ bêta l'application fournit un balisage de page prêt à l'emploi. Et, à des fins pédagogiques, propose de restaurer son encodage ;
2. Des applications qui ne nécessitent absolument aucune connaissance, alors qu'elles font automatiquement le travail de l'utilisateur par elles-mêmes. Ce genre est Éditeur wiki. Pour concevoir un groupe, il suffit de comprendre l'éditeur visuel.