Як зрабіць меню ў групе ў ВК: вікі-разметка

Сацыяльныя сеткі даўно ўвайшлі ў жыццё большасці людзей і з'яўляюцца важнай складнікам ў ёй. Многія людзі нават прымудраюцца ствараць свае віртуальныя бізнэсы ў іх: накрутка лайкаў, падпісчыкаў, продаж тавараў як з іншых краін, так і аўтарскіх. Амаль усе яны маюць групу. А як карыстальнікам данесці хутчэй за ўсё, чым займаецца чалавек ці нават цэлая арганізацыя? Стварыць адмысловае меню, у якім будзе ўтрымлівацца самая неабходная інфармацыя. І менавіта тут нам спатрэбіцца Wiki-разметка. Як зрабіць меню групы ВК? Што дадаць у яе? У артыкуле будуць разгледжаны правілы стварэння і прыклады.

Чым з'яўляецца Wiki-разметка?

Як зрабіць меню групы ВК? Вікі-разметка - вось добры памочнік! Гэта вельмі эфектыўны і зручны спосаб афармлення групы ў сацыяльнай сетцы «Укантакце». Гэтая разметка па прынцыпе свайго дзеяння вельмі нагадвае html код. Але для людзей, не звязаных з праграмаваннем, яна будзе больш зразумелай дзякуючы прастаце рэалізацыі. Сваю назву вікі-разметка атрымала дзякуючы «Вікіпедыі», дзе многія карыстальнікі ўпершыню змаглі азнаёміцца з асноўнымі асаблівасцямі яе функцыянавання. Вікі-разметка дазваляе людзям без ведаў у праграмаванні хутка і лёгка афармляць знешні выгляд групы:

1. Ствараць графічныя спойлеры і табліцы.
2. Фарматаваць тэкст і малюнкі.
3. Працаваць з якарамі і спасылкамі.

Як зрабіць меню групе ВК? Рэкамендацыі бываюць так патрэбныя, але ў цэлым, можна разабрацца і з дапамогай добрага кіраўніцтва. Калі казаць пра html, то для яго вывучэння і працы з ім неабходна было пасядзець некалькі сутак ці нават тыдзень. Вікі-разметка пры добрай памяці патрабуе толькі зусім няшмат часу. Як жа яе можна стварыць? Якія ёсць падыходы? Вось мы будзе казаць аб тэхналогіі, а хто яе зрабіў? Мы разбярэмся, як зрабіць меню групе ВК. Уорд Канінгам жа ўпершыню ўвёў паняцце «вікі» (у перакладзе з гавайскага значыць «хуткі»).

Спосабы стварэння вікі-разметак

Трэба задаць сабе не толькі пытанне: «Як зрабіць меню ў групе ў ВК», але і ўдакладніць, як гэта рэалізаваць. Можна выбраць некалькі шляхоў. Кожны з іх залежыць ад скіраванасці і мэты групы. Такім чынам, што можа быць:

1. Калі група мае сацыяльнае напрамкі, то можна стварыць тэкставае меню. Перавагі яму аддаюць дзякуючы больш сур'ёзнаму вонкавым выглядзе.
2. Групам камерцыйнага і забаўляльнага характару пажадана зрабіць стаўку на графічнае меню. Выкарыстанне ў ім малюнкаў дазволіць звярнуць увагу карыстальнікаў на тое, што павінна быць на ўвазе. Прымяненне такога падыходу дазволіць вам таксама зрабіць знаходжанне ў групе больш прыемным і расслабляльным.

У якасці прыкладу працы будзе разгледжана праца з малюнкамі і фотаздымкамі, як рабіць табліцы, ўстаўляць спасылкі, адкрываць і многае іншае. Вядома, гэта далёка не ўвесь функцыянал, але аформіць меню сваёй групы такім чынам можна будзе лёгка і з даволі значным размахам.

Праца з выявамі

Як зрабіць меню ў групе ў ВК, якое было б прыгожым? У сацыяльнай сетцы «Укантакце» ўставіць фатаграфію або карцінку пры дапамозе вікі-разметкі прадастаўляецца магчымым толькі ў тых выпадках, калі яны загружаныя ў фотаальбомы сайта. Такім чынам, заходзім у яго, выбіраем патрэбную фатаграфію і капіюем яе адрас. Да прыкладу, няхай ён будзе такі: photo12345_67890. Зараз неабходна яго ўзяць у падвойныя квадратныя дужкі. Павінен атрымацца такі вынік: [[photo12345_67890]]. А што, калі да фатаграфіі або малюнку варта прымацаваць тэкст або спасылку? А можа, ёсць жаданне крыху адрэдагаваць знешні выгляд? Тады з гэтым дапаможа наступнае: неабходна, каб у файла быў такі выгляд - [[photo12345_67890 | options | text / link]]. Замест трох апошніх слоў падстаўляецца тое, што трэба. Text - пішам тое, што трэба. Думаецца, асаблівых тлумачэнняў не трэба. Link перакладаецца з ангельскай як «спасылка». Паказваецца для таго, каб машына карыстальніка ведала, куды ёй неабходна ісці. Options - тут могуць ўсталёўвацца такія значэнні:

1. Plain - спасылка на малюнак аформлена як тэкст, у ёй адсутнічае карцінка.
2. Noborder - прыбіраецца рамка каля фатаграфіі.
3. Box - выява адкрываецца ў акне.
4. Nolink - спасылка на фотаздымак прыбіраецца.
5. Nopadding - прабелы паміж выявамі не адлюстроўваюцца.
6. NNNxYYYpx або NNNpx - паказваюць, які памер будзе мець карцінка ў пікселях. Першы варыянт прадугледжвае шырыню і вышыню. Пры жаданні можна «сціснуць» карцінку. І другі варыянт прадугледжвае рэдагавання шырыні.

Як ствараць табліцы з выкарыстаннем вікі-разметкі?

Звычайна і графічнаму, і тэкставага меню неабходны элемент, які дазваляе прадставіць дадзеныя ў зручным выглядзе, а менавіта табліцы. Без іх мала якая група ў «Укантакце» абыходзіцца. Каб стварыць табліцу на гэтай Вікі-разметцы, неабходна выкарыстоўваць пэўны набор знакаў. Прапануем азнаёміцца, за якой функцыянал яны адказваюць:

1. {| - так пазначаецца пачатак табліцы. Абыйсціся без яго пры стварэнні дадзенага элемента немагчыма, ён з'яўляецца абавязковым атрыбутам.
2. | - выкарыстоўваецца, каб даваць вочках эфект празрыстасці.
3. | + - з дапамогай гэтага набору знакаў размяшчаюць назву табліцы па цэнтры. Гэта не абавязковы атрыбут, але ён павінен быць размешчаны адразу пасля знакаў, што абазначаюць пачатак.
4. | - - так абазначаюць новыя радкі (у тым ліку і для вочак).
5. ! - дае цёмны колер. Пры эга адсутнасці неабходна выкарыстоўваць знак з пункта №2.
6. |} - набор знакаў, якія пазначае канец табліцы. Ён з'яўляецца неабавязковым атрыбутам. Але выкарыстаць яго ўсё ж рэкамендуецца, каб прадухіліць ўзнікненне памылкі.

Як жа праводзіцца запаўненне вочкі? Усе дадзеныя, якія павінны быць унесены ў іх, змяшчаюць пасля знакаў |. Пры жаданні аддзяліць ячэйкі адна ад адной неабходна проста прадубляваць яго такім чынам: ||. Усё расказанае да гэтага моманту можа выглядаць не занадта зразумела, але гэта цяпер будзе выпраўлена з дапамогай прыкладу.

Стварэнне меню групы ў сацыяльнай сетцы «Укантакце» з дапамогай вікі-разметкі: прыклад рэалізацыі

Тут будуць выкарыстаны опцыі noborder і nolink. Яны прыбяруць рамку карцінкі і спасылку. Таксама ў малюнкаў будзе зменены памер, а другая радок вочак табліцы будзе мець цёмную заліванне, дзякуючы выкарыстанню атрыбуту!. А вось і сам прыклад:

{|
| -
|