How to make a menu in a group in VK: wiki layout

Social networks have long entered the lives of most people and are an important component in it. Many people even manage to create their own virtual businesses in them: wrapping up likes, subscribers, selling goods both from other countries and from copyright ones. Almost all of them have a group. And how can users communicate most quickly what a person or even an entire organization is doing? Create a special menu that will contain the most necessary information. And this is where we need the Wiki markup. How to make a VK group menu? What to add to it? The article will discuss the rules of creation and examples.

What is a wiki markup?

how to make a menu in a group in vk
How to make a VK group menu? Wiki markup is a good helper! This is a very effective and convenient way to register a group on the VKontakte social network. This markup by the principle of its action is very similar to html code. But for people not related to programming, it will be more understandable due to the ease of implementation. The wiki markup got its name thanks to Wikipedia, where for the first time many users were able to get acquainted with the main features of its functioning. Wiki markup allows people without programming knowledge to quickly and easily style the appearance of a group:

  1. Create graphic spoilers and tables.
  2. Format text and images.
  3. Work with anchors and links.

How to make a menu for a VK group? Recommendations are so needed, but in general, you can figure it out with the help of a good guide. If we talk about html, then to study it and work with it, it was necessary to sit for several days or even a week. Wiki markup with good memory only takes a very little time. How can it be created? What are the approaches? So we will talk about technology, and who made it? We will figure out how to make a menu for a VK group. Ward Cunningham, for the first time, introduced the concept of “wiki” (translated from Hawaiian means “fast”).

Ways to Create Wiki Markups

how to make a menu in the VK group so that it is beautiful
You need to ask yourself not only the question: "How to make a menu in a group in VK", but also to clarify how to implement this. You can select several paths. Each of them depends on the direction and purpose of the group. So what could be:

  1. If the group has a social direction, then you can create a text menu. The advantages are given to him thanks to a more serious appearance.
  2. It is advisable for commercial and entertainment groups to bet on a graphical menu. The use of images in it will allow users to pay attention to what should be in sight. Using this approach will also allow you to make your stay in the group more enjoyable and relaxing.

As an example of work, we will consider working with pictures and photographs, how to make tables, insert links, open and much more. Of course, this is far from all the functionality, but it will be possible to arrange the menu of your group this way easily and with a fairly significant scope.

Work with images

how to make vk group menu wiki layout
How to make a menu in a group in VK that would be beautiful? In the VKontakte social network, inserting a photo or picture using the wiki markup is only possible if they are uploaded to the site’s photo albums. So, we go into it, select the desired photo and copy its address. For example, let it be like this: photo12345_67890. Now you need to take it in double square brackets. You should get this result: [[photo12345_67890]]. But what if a text or link should be attached to a photograph or picture? Or maybe there is a desire to slightly modify the appearance? Then the following will help with this: it is necessary that the file looks like this - [[photo12345_67890 | options | text / link]]. Instead of the last three words, what is needed is substituted. Text - write what you need. It seems that no special explanations are needed. Link translates from English as “link”. It is indicated so that the user's machine knows where it needs to go. Options - such values ​​can be set here:

  1. Plain - the link to the image is framed as text, there is no picture in it.
  2. Noborder - removes the frame near the photo.
  3. Box - the image opens in a window.
  4. Nolink - the link to the photo is removed.
  5. Nopadding - spaces between images are not displayed.
  6. NNNxYYYpx or NNNpx - indicate what size the image will have in pixels. The first option provides for width and height. If desired, you can "compress" the picture. And the second option involves editing the width.

How to create tables using wiki markup?

how to make a menu for a group of vk recommendations
Typically, both the graphic and text menus need an element that allows you to present the data in a convenient way, namely a table. Few VKontakte groups can do without them. To create a table in a wiki layout, you must use a specific set of characters. We suggest you familiarize yourself with what functionality they are responsible for:

  1. {| - this is the beginning of the table. It is impossible to do without it when creating this element, it is a required attribute.
  2. | - Used to give cells a transparency effect.
  3. | + - using this character set, place the table name in the center. This is not a required attribute, but it should be placed immediately after the signs that indicate the beginning.
  4. | - - this is how new lines are designated (including for cells).
  5. ! - gives a dark color. In case of ego absence, you must use the sign from paragraph No. 2.
  6. |} - a set of characters that indicates the end of the table. It is an optional attribute. But it is still recommended to use it to prevent an error from occurring.

How is the cell filled? All data that must be entered in them is placed after the signs |. If you want to separate the cells from one another, you just need to duplicate it this way: ||. Everything told up to this point may not look too clear, but it will now be corrected using an example.

Creating a group menu on the VKontakte social network using wiki markup: implementation example

how to make a menu for vk group cunningham
The noborder and nolink options will be used here. They will remove the picture frame and link. Also, the images will be resized, and the second row of table cells will have a dark fill, thanks to the use of the! Attribute. And here is the example itself:

{|
| -
| <center> "'New in Science' '</center> ||
| -
! <center> [[photo12345_67890 | nolink; noborder; 150x70px | ]] </center> !!
| -
| <center>
[[Science News | News]] <br/>
[[Discovery]] <br/>
| <center>
[[Conferences]] <br/>
[[Development]] <br/>
[[Books]] <br/>
[[Symposiums]] <br/>
| <center>
Sections: <br/>
[[Medicine | 1]] | [[Physics | 2]] | [[Mathematics | 3]] | [[Economy | 4]] <br/>
[[Chemistry | 5]] | [[Biology | 6]] | [[Programming | 7]] | [[Electrical Engineering | 8]] <br/>
| -
|}

As you can see, the answer to the question: "How to make a menu in a group in VK?" very easy.

The importance of Wiki markup when promoting your project

Using these developments allows you to give the group its atmospheric appearance and create a sense of comfort. Of course, for a full-fledged design, you should still be able to set the page theme, but this has not yet been implemented on the social network. Therefore, be aware, reading these lines, that you are not in vain interested in how to make a menu in a group in VK.

Conclusion

how to make vk group menu what to add
Now, readers now know how to make a menu in the VK group so that it is beautiful. As you can see, this functionality is useful and at the same time quite easy to implement. But before creating a menu, you need to think about what and how should be organized, and what should be highlighted. After all, improper optimization can only make it worse.

Source: https://habr.com/ru/post/K19298/


All Articles