Хочете створити не просто черговий паблік зкартинками і музикою, а по-справжньому цікаве співтовариство з корисним контентом? Тоді вам просто необхідно знати, як створити вікі-сторінку. І сьогодні ми навчимося це робити.
Для чого потрібна wiki-розмітка
Насправді варіантів використання десятки.Наприклад, в "Вікіпедії" за допомогою цієї мови розмітки оформляються всі статті. Сайт "ВКонтакте" також підтримує створення вікі-сторінок: з їх допомогою можна формувати меню групи або оформити об'ємну статтю, де текст перемежовується з фотографіями, відео та іншими матеріалами.
На відміну від звичайних постів, тут у вас єнабагато більше можливостей для форматування: додавання заголовків, виділення жирним або курсивом, будь-яких зображень, посилань і т. д. А при бажанні можна зробити навіть повноцінний міні-сайт.
Тепер поговоримо про те, як створити вікі-сторінку.
Крок 1: дізнаємося ID групи і створюємо нову сторінку
Для початку необхідно отримати ID вашої групи або паблік. У більшості випадків замість числової комбінації використовуються красиві URL-адреси. Отримати ID можна, відкривши статистику спільноти:
Переходимо до наступного етапу. Як створити вікі-сторінку для групи? Насправді потрібно просто ввести в адресний рядок браузера нову посилання-команду. Виглядає вона так:
Замість ХХХХ вводимо ID нашої спільноти, а замість"Названіе_страніци" - власне те назва, яку ми придумали. Після цього необхідно натиснути Enter. Нова вікі-сторінка буде автоматично створена, а на екрані з'явиться напис "Наповнити змістом".
Крок 2: створюємо пост
Мабуть, це найпростіше, що можна зробити за допомогою мови розмітки Wiki.
З функціоналом візуального редактора розбереться будь-хто, хто працював хоча б в банальному Notepad. У швидкому доступі на панелі є всі основні функції:
- накреслення тексту (жирний / похилий);
- вирівнювання (по лівому краю, правому краю, по центру);
- маркований список;
- додавання заголовків H1-H3;
- виділення цитат;
- додавання посилань;
- додавання мультимедіа (фото, відео, аудіо).
Крок 3: публікація
Отже, ви вже знаєте, як створити вікі-сторінку"ВКонтакте". Далі залишається лише опублікувати її в вашому співтоваристві. Для того щоб передплатники побачили посилання, краще відразу підготувати симпатичну обкладинку. Бажано, щоб на зображенні було посилання або заклик натиснути на кнопку "Подивитися" внизу.
Корисні "фішки"
В принципі, щоб зрозуміти, як створитивікі-сторінку стандартного типу, візуального редактора більш ніж достатньо. До того ж в будь-який момент можна натиснути на кнопку "Попередній" і побачити, як буде виглядати ваш пост після публікації. Інша справа, якщо потрібно зробити красиве і зручне меню для навігації по групі. Тут вже знадобляться базові знання самої мови розмітки.
обтікання фото
Якщо ви хочете, щоб зображення було не по центру сторінки між двома абзацами, а збоку від тексту, необхідно зробити приписку | right або | left в коді самої картинки.
спойлери
Всім, хто цікавиться, як створити вікі-сторінку"ВКонтакте", варто запам'ятати ще один вельми корисний тег - Hider. З його допомогою можна робити приховані блоки, в яких інформація відкривається після клацання.
якоря
Це дуже зручно, якщо ви публікуєте об'ємнустаттю з великою кількістю заголовків і підрозділів. Тоді в самому верху сторінки можна зробити зміст, щоб користувач міг моментально перейти до цікавого для його блоку. Все, що потрібно - вписати після решітки точну назву заголовка, а після прямої риси - текст посилання.
таблиці
Їх можна використовувати не тільки за прямим призначенням, але і для того, щоб акуратно оформити будь-яку інформацію. У тому числі для створення меню з іконками. Основних тегів всього кілька:
- {| - початок таблиці;
- | + - заголовок;
- | - - новий рядок;
- | - новий осередок;
- ! - виділена комірка (із затемненим фоном);
- |} - кінець таблиці.
У самих осередках може міститися будь-яка інформація - текст, зображення, відео, документи. На практиці це виглядає приблизно так:
графічне меню
Мабуть, це найкрутіше, що можна зробити,знаючи, як створити вікі-сторінку. Насправді нічого складного немає, але доведеться повозитися з продумуванням макета і нарізкою зображень. Щоб меню відображалося коректно, необхідно точно дотримуватися розміри, орієнтуючись на ширину 510 або 504 px. Якщо ви хочете, щоб фото були "склеєні" один з одним, до коду зображення потрібно зробити приписку; nopadding.
А якщо замість цього використовувати параметрnoborder, то між картинками буде відстань 6 px. Тоді загальна ширина всіх фотографій в ряду розраховується за формулою 510-6 * N (N - кількість зображень в ряду).
Аналогічні теги і позначення використовуються на всіх ресурсах, де підтримується створення вікі-сторінок.