Жизнь белки трудна в колесе

Жизнь белки трудна в колесе

Как создать вики страницу вконтакте

Для того, чтобы создать вики страницу вконтакте, необходимо немного Photoshop и немного вики разметки. Вики страница вконтакте создается с помощью 2-х методов.

Создание вики меню. Метод первый. 

Заходим в свою группу, выбираем в панели управления группой пункт "материалы" и делаем их открытыми для всех. Теперь на главной странице сообщества возникнет категория "Последние новости". Эти "Последние новости" можем для удобства переименовать в пункт "Меню". Если у вас в группе вместо аватара установлена обложка (шапка) группы ( это новая фишка от ВК в 2016), тогда  раздел "последние новости" видно сразу под ней:
Далее нажимаем "режим вики разметки":
Чтобы создать главное wiki меню со списком отдельных страниц и последующим переходом на них при нажатии, мы в режиме вики разметки "< >" пишем названия страниц в двойных скобках и сохраняем:
[[ О нас]]
[[портфолио]]
 и так далее. Если перед скобками поставить звездочку, например *[[ О нас]], тогда меню со страницами будет отображаться маркированным списком.

При нажатии на созданную страницу, она, ясное дело, будет пустой. Редактировать каждую страницу можно в визуальном режиме и режиме разметки.
Все подсказки по вики разметке (как ставить заголовки, подзаголовки, списки, ссылки, прочее) находятся в правом углу меню редактирования (помощь в разметке) под символом "i" возле знака режима разметки.
Я для себя решил, что текстовое меню мало привлекает читателя. Вот и решил показать, как сделать фото-меню, которое будет намного красивее.
Как же сделать хорошее кликабельное фото для вики страницы в фотошопе? Для начала нужно учесть, что фото в разделе новости может быть только 500px шириной, по этому фотку выбираем не шире 500px. Во втором методе ширина будет - 600px. Загружаем в фотошоп фото, нажимаем "раскройка"( инструмент похож на чернильную ручку). Затем правой кнопкой мыши нажимаем на изображении, выбираем "разделить фрагмент". Разделяем по горизонтали на нужное количество частей:
 Затем выбираем "текст" ( буква "Т" в панели инструментов) и в каждой части пишем нужное название для ссылки. Кнопки делаем, нажав на инструмент (прямоугольник или круг) на панели инструментов. Перемещая слои с изображениями, определяем, какие изображения будут сверху, а какие снизу (просто перетягиваем их мышкой вверх-низ в панели "слои") :
Сделать кнопки и текст красивыми можно с помощью раздела " параметры наложения". Для этого выбираем слой с изображением или текстом, который необходимо приукрасить ( в разделе "слои"), нажимаем правой кнопкой мыши и выбираем "параметры наложения". Далее выбираем цвет, тени и т.д.:
Когда нарезанное фото готово, жмем: файл-сохранить для web. Заходим вконтакте в режим вики разметки и вставляем по очереди нарезанные фото. Они будут выглядеть так:
Сначала жмем на значок "добавить фото". Фото появится в скобках. Через вертикальную линию добавляем ширину в пикселях (500px). Потом вставляем через точку с запятой noborder;nopadding| (эти значения указывают, что фото не будет иметь отступов, краев, и все фото соединятся визуально в одно целое) после вертикальной линии вставляем URL страницы, на которую будет вести клик по этой части фото. И так со всеми частями. Потом жмем "сохранить". Результат должен выйти примерно такой:
Это фото разделено на 7 частей. Верхняя часть с названием не кликабельна ( добавлено значение nolink).

Создание вики страницы вконтакте. Метод второй.

В адресную строку браузера вносим следующий шаблон: "http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы". Вместо "ххх" - вставляем адрес нашей группы вконтакте в цифрах. Если адрес группы вы оформили словом и вашего id в цифрах не показывает, тогда жмите на аватар и копируете цифры, которые повторяются 2 раза (копируете только один из дублирующихся вариантов):
Вместо названия страницы указываем свое название. Далее также делаем фото, но ширина уже 600px. Если мы хотим, чтобы в одной строке вики страницы было 2 или больше фото, их общая ширина не должна превышать 500 или 600 px. Кроме этого, мы в режиме вики разметки вставляем эти фото в одной строке без пробелов между скобками :

Результат - три кликабельных фото в одной строке:
То есть, мы можем сделать главную вики страницу, поставить на нее кликабельное фото-меню, потом создать еще пару страниц таким же методом с разными нужными нам названиями : о нас, услуги, портфолио, контакты и так далее. Или, если у нас есть сайт, сделать переход по кликам на этот сайт.
 Кроме фото-меню, вики страницу можно оформить текстом и ссылками, а также загрузить туда видео. Правда видео будет очень маленьким. Как прикрепить вики к баннеру или посту, а также, как сделать красивой группу или сообщество в ВК, читайте в статье: Как оформить группу вконтакте.
Здесь шпаргалка по основным кодам и тегам вики разметки:

 Надеюсь, статья вам пригодится, и вы сможете создать wiki страницу самостоятельно.
Поделится в Google Plus

Автор Ігор Хабурський

    Blogger комментарии
    Facebook комментарии

4 коммент.:

  1. спасибо полезная инфа!на других сайтах какойто бред пишут нифига непонятно

    ОтветитьУдалить
  2. Спасибо за инструктаж. Я знаком только с первым методом создания вики страницы. Идея сделать фото меню очень понравилась.

    ОтветитьУдалить
  3. Анонимный3/23/2017

    А для чего нужна эта вики страница?

    ОтветитьУдалить
    Ответы
    1. Вики - это отдельная страница, как в сайте. С ее помощью группа вк может превратится в мини сайт.

      Удалить