В социалната мрежа VKontakte, както може би сте наясно, освен главния аватар на общността, потребителите имат възможност да инсталират корица. В същото време процесът на създаване и разгръщане на този тип капачки може да повдигне много въпроси за начинаещите потребители, които не са запознати с основните елементи на ВК, но вече имат своя собствена група.

Създаване на корица за групата

Веднага е важно да отбележим, че като цяло вече разгледахме този процес в един от предходните статии. Обаче някои от функциите, които описваме по-долу, не бяха разкрити достатъчно подробно.

Процесът на създаване на аватари за група в сайта VKontakte

Повече подробности: Как да създадете avu за VK група

За да създадете успешно обществена горна граница, ще имате нужда от основни познания в притежаването на фоторедактор, който ви позволява да зададете ясни размери на крайното изображение. Най-идеален за тези цели Adobe Photoshop ,

Изискванията на социалната мрежа изискват използването на файлове за избор в един от трите формата:

  • PNG;
  • JPG;
  • GIF.

Имайте предвид, че техническите характеристики на тези файлове понастоящем не се поддържат от сайта на въпросната социална мрежа. Включвайки същността на казаното, VKontakte не може да работи с ефекта на прозрачен фон или анимация.

Анимациите могат да се качват стабилно на сайта и да се възпроизвеждат само в случаите, когато даден файл се добавя като документ.

Вижте също: Как да добавите gifku VK

Създаване на редовен хедър

Няма да обмислим задълбочено процеса на редактиране на изображения поради ранния анализ на тези действия достатъчно подробно. Единственото нещо, на което ще обърнем повече внимание, са основните характеристики, които са изключително важни при разглеждането на подготовката на графичния файл.

  1. В предпочитания фоторедактор, преди да създадете корицата, задайте фиксираните стойности на размера.
    • 795x200px - стандартно качество;
    • 1590x400px - подобрено качество.

    Създаване на ново изображение в Adobe Photoshop

    Препоръчва се втората опция да се използва поради възможната загуба на яснота на изображението.

  2. Тя трябва ясно да подравни размера на капачките за мобилни устройства.
  3. Според стандарта размерите на графичния файл ще бъдат отрязани:
    • 197px от двете страни - стандартно приспособяване на пропорциите;
    • 140px от двете страни - под системните индикатори на сайта;
    • 83px нагоре - под стандартните индикатори на устройството.

    Приблизителен шаблон за дизайн на покритието за група от VKontakte

Тъй като се справихме с тънкостите на създаването и адаптирането на корицата, важно е да се отбележи, че в случай на пълна версия на уеб сайта на VK, ако току-що изтеглете снимка, намерена в Интернет и не е изрязана според въведен шаблон, пропорциите ще бъдат наблюдавани по време на изтеглянето. Освен това можете самостоятелно да избирате всяка част от снимката, без да забравяте яснотата.

Например, ще покажем как изглежда принципът на редактиране на най-простия, но напълно адаптивен хедър в Photoshop.

  1. След като създадете файла, отворете програмните настройки и в секцията "Units of Measurement and Rule" в блока "Units of Measurement" задайте стойностите на "Pixels" и за двата елемента.
  2. Създаване на елементи в Adobe Photoshop

  3. Изберете инструмента за правоъгълно селектиране и разделете блоковете с посочените по-горе размери.
  4. Процесът на създаване на шаблон за корицата за група VK

  5. В свободната зона създайте самия корица, като използвате общи теми и идеи на общността.
  6. Успешно бе създаден капак за групата в Photoshop

  7. Запишете изображението във формат PNG или друг, поддържан от сайта на VK.
  8. Запазете корицата за VK в PNG формат

След като приключите описаните действия, можете веднага да преминете към анализ на характеристиките на качването на снимки на VKontakte.

Зареждане на нормални капачки

Както в случая с редактирането на ново изображение, по-рано разгледахме процеса на добавяне на готовия файл към сайта. В резултат на това трябва само да прочетете статията, цитирана на предишната връзка.

  1. В секцията "Управление на общността" отворете раздела "Настройки" .
  2. Отворете раздела "Настройки" в секцията "Управление на общността" на уеб сайта на VK

  3. Използвайте връзката "Изтегляне" до елемента "Корица на общността" .
  4. Отидете, за да изтеглите капака на групата в сайта VKontakte

  5. Добавете файла от системата през зоната за изтегляне.
  6. Отидете на избора на сваляне obloki на сайта VKontakte

  7. След това групата ще бъде настроена на желаното изображение.
  8. Успешно инсталирано покритие в групата на сайта VKontakte

По този начин със стандартното покритие за VC публика завършваме.

Създаване на динамичен хедър

В допълнение към стандартното покритие на общността, сравнително наскоро потребителите на VK имат възможност да редактират по-гъвкави динамични шапки, които автоматично могат да променят съдържанието. В този случай всички действия, свързани с добавянето на такива снимки за обществеността, изискват използването на специални услуги.

Най-често услугите на такива услуги се плащат, но има и частично свободни ресурси.

Ще прегледаме процеса на създаване и добавяне на динамичен корпус чрез инструментите на онлайн услугата DyCover.

Отидете на официалния сайт DyCover

  1. В интернет браузъра отворете посочения сайт и в горната част на страницата кликнете върху бутона "Изпробвайте безплатно" .
  2. Преминаване към разрешение в сайта на DyCover за VKontakte

  3. Чрез защитната зона на VKontakte попълнете формуляра, за да оторизирате данните от профила си и кликнете върху "Enter" .
  4. Процесът на упълномощаване на сайта DyCover чрез социалните мрежи VKontakte

  5. Потвърдете предоставянето на достъп до приложението до някаква информация от профила.
  6. Потвърждаване на достъпа до приложението DyCover на сайта на VKontakte

  7. След това в раздела Администрация , намиращ се по-долу , намерете желаната група или публична страница.
  8. Процесът на намиране на свързана група в сайта на услугата DyCover

    Ако сте собственик на достатъчно голям кръг контролирана публика, използвайте формуляра за търсене.

  9. След като се намери свързаната публика, в груповата карта кликнете върху зоната с аватара.
  10. Отидете на връзката на групата в сайта на услугата DyCover

  11. В секцията "Вашият корица" намерете лентата на състоянието на услугата и кликнете върху бутона "Свързване" .
  12. Процесът на свързване на услугата DyCover към групата VK на уебсайта на DyCover

    В тестовия период може да бъде свързана максимум една общност.

  13. Ще бъдете пренасочени към страницата за свързване на приложението към избраната група, където трябва да използвате бутона "Позволително" .
  14. Осигуряване на достъп до приложението DyCover в групата VKontakte

След като завършите основните подготовки на работната среда за създаване на нов динамичен хедър за групата, е необходимо да добавите нов шаблон.

  1. Превключете в секцията "Създаване на нова корица" чрез главното меню на ресурса.
  2. Преминаване към раздела Създаване на нова корица в сайта на услугата DyCover

  3. В горната част на страницата кликнете върху връзката "Empty Template" .
  4. Отидете, за да добавите заглавие за корицата на уеб сайта на услугата DyCover

  5. Използвайки текстовото поле в прозореца, който се отваря, въведете име за новия хедър и кликнете върху бутона "Създаване" .
  6. Процесът на въвеждане на името на корицата в уеб сайта на услугата DyCover

Всички допълнителни действия ще бъдат посветени изключително на процеса на създаване и анализиране на основните инструменти за редактиране.

Блок за управление

Ако сте достатъчно добри, за да овладеете уменията на редакторите и сте в състояние да прочетете вградените съвети на услугата, просто можете да пренебрегнете следните препоръки.

Първото нещо, което привлича вашето внимание към опашката, е наличието на вградени функции "Grid for mobile" .

Активиране на функционалната мрежа за мобилни устройства в дизайнера на корицата DyCover

Най-важното от визуална гледна точка е блокът с параметри "Управление" .

  1. Кликнете върху бутона "Зареждане на фонове", за да отворите менюто за добавяне на изображения за капака.
  2. Отидете на Зареждане на фона в DyCover Cover Designer

  3. В отворената област кликнете върху надпис "Зареждане на фона" и отворете изображението за фон чрез менюто на Explorer.
  4. Отидете при добавянето на нов фон в дизайнера на корицата DyCover

  5. Увеличете мащаба, ако е необходимо, с помощта на плъзгача на основната скала .
  6. Използвайте Background Scale Scale в DyCover Cover Designer

  7. Можете да добавите няколко различни слоя, които по-късно могат да бъдат конфигурирани да се променят автоматично.
  8. Способността да се използват множество фонове в дизайнера на корицата DyCover

  9. За да организирате динамична промяна на изображенията, които сте задали, отидете в раздела "Управление на график" и кликнете върху бутона "Добавяне на елемент" в блока "Вашият капак" .
  10. Преход към добавяне на корица за фон в дизайнера на покритието DyCover

  11. Кликнете върху бутона "Избор" в прозореца "Избор на фона" .
  12. Отидете при избора на фон на капака в дизайнера на корицата DyCover

  13. Чрез изскачащия прозорец изберете желаното изображение и кликнете върху бутона "Избор" .
  14. Успешно избрани фонове за корицата в дизайнера на корицата DyCover

  15. От падащото меню "Режим на работа" задайте най-приемливата стойност за вас.
  16. Избиране на режима за промяна на фона в дизайнера на покривалото на DyCover

  17. Следващата възможност, пряко влияеща върху цялостния дизайн на фона на корицата, е "Управление на шрифтове" .
  18. Преминете към раздела Управление на шрифтовете в DyCover cover designer

  19. С помощта на раздела "Галерия с изображения" можете по-късно да използвате и двете основни изображения и да качите свои ръчно създадени директории.
  20. Способността да добавяте собствени икони в дизайнера на корицата DyCover

В допълнение към стандартните секции има и блок "Слоеве" , който ви позволява да работите с приоритет на някои елементи от дизайна.

Боядисаните контроли са в основата на бъдещата горна граница.

Джаджите блокират

Последният и най-интересният елемент от менюто на услугата ви позволява да добавяте джаджи. Например, поради използването на представените функции, дисплеят на времето или времето е организиран без никакви проблеми.

  1. В панела "Widgets" кликнете върху иконата с подпис "Абонат" .
  2. Отидете на настройката на приспособлението за абонати в дизайнера на корицата на DyCover

  3. За да отворите менюто на параметрите на този компонент, кликнете върху името му в дясната част на работния прозорец под панела със слоеве.
  4. Превключете към активния елемент в дизайнера на корицата DyCover

  5. Докато в меню "Widget" можете да зададете основните условия за показване на абонатите.
  6. Настройване на типа абонат в DyCover Cover Designer

    Отговаря за зоната на движение на корицата.

  7. В прозореца "Изображение" можете да отстраните грешката на стила на дисплея на аватар на потребителя или просто да го изтриете.
  8. Настройване на изображението на дисплея в дизайнера на корицата DyCover

  9. Секциите "First Name" и "Last Name" са предназначени за отстраняване на грешки при показването на потребителското име.
  10. Настройване на дисплея на името в дизайнера на корицата на DyCover

  11. На страницата "Броячи" можете да конфигурирате показването на определени действия на потребителите на публичния адрес.
  12. Настройване на дисплея на броячите в дизайнера на покрива DyCover

Това е мястото, където редактирането на района на абоната завършва.

  1. Следващата, а по-скоро визуалната част от заглавието на групата е "Текстът" .
  2. Отидете при добавяне на текстово приспособление в DyCover cover designer

  3. В секцията "Настройки на текста" можете да зададете специален външен вид.
  4. Персонализирайте текста за текста на приспособлението в дизайнера на корицата DyCover

  5. Използвайки работното пространство "Text", имате възможност да промените съдържанието на това приспособление.
  6. Въвеждане на ново съдържание за приспособлението за текст в дизайнера на корицата на DyCover

  7. Чрез менюто "Тип текст" се извършва глобално отстраняване на грешки в съдържанието, например е възможно да се организира изтеглянето на текст от произволен източник или да се направи случайно.
  8. Настройване на типа текст в приспособлението за текст в дизайнера на корицата на DyCover

Не забравяйте, че такива детайли на дизайна могат и трябва да се разредят с дубликати.

  1. Кликнете върху иконата Дата и час, за да поставите друг съвпадащ компонент върху капака.
  2. Отидете при задаването на джаджа за дата и час в дизайнера на покривалото на DyCover

  3. Превключете на страницата "Widget", за да персонализирате стандартните индикатори за часовника, като часовата зона, вида на дисплея и само цветовата гама.
  4. Основната настройка на джаджа за дата и час в дизайнера на корицата DyCover

  5. В секцията "Месеци" и "Дни на седмицата" можете да промените текста, свързан с конкретни стойности, например, като го намалите.
  6. Настройте месеците в Дата и час в дизайнера на корицата DyCover

Цифровото приспособление "Таймер" е почти същата, както бе обсъдено по-рано.

Не забравяйте, че по някакъв начин дизайнът и поставянето на елемент зависят от вашата идея.

  1. "Мрежата" в повечето случаи не се използва като украса.
  2. Добавяне на приспособлението за грид към дизайнера на корицата на DyCover

  3. Неговата основна задача, както ясно може да се види от наличните параметри, е да се опрости създаването на маркетинг.
  4. Настройки на Grid widget в DyCover cover designer

Използвайте тази добавка за капачки само ако е необходимо и изтрийте, преди да финализирате капака.

  1. Приспособлението "фигура" на външен вид съвпада напълно с името.
  2. Поставяне на фигура в Widget в DyCover покриващ дизайнер

  3. Благодарение на него е възможно да се изпълняват различни удари за други елементи.
  4. Персонализирайте формата на приспособленията в дизайнера на покривалото на DyCover

Такива части могат да се комбинират помежду си, например, за да се създадат чертежи.

  1. Чрез поставянето на джаджа за времето , услугата автоматично ще изтегли иконата и данните за климатичните условия според избрания от Вас шаблон.
  2. Основните настройки на джаджа за времето в дизайнера на корицата DyCover

    Подмяна на стандартни икони също се извършва тук.

  3. Последната страница е предназначена да промени стила на показване на иконата за времето на капака.
  4. Създаване на икона за приспособлението за времето в дизайнера на корицата DyCover

Без очевидна необходимост такива джаджи могат да се превърнат в проблем.

Блокът "Валутен курс" е конкретен елемент, който ви позволява да добавяте информация за курсовете.

Този елемент е в състояние да допълни перфектно всяка тематична публика, посветена например на областта на финансите.

  1. Ако трябва да добавите изображение, което не е свързано с никакво събитие, можете да използвате приспособлението "Изображение" .
  2. Поставяне на приспособлението за картини в дизайнера на корицата на DyCover

  3. Можете да добавите снимка за този компонент само ако е била качена преди това в секцията "Галерия с изображения" .
  4. Изображение в галерията с изображения в дизайнерската корица DyCover

  5. Изберете желания файл чрез контекстния прозорец и кликнете върху бутона "Избор на изображение" .
  6. Добавяне на изображение за приспособлението за изображения в дизайнера на покривалото на DyCover

Тъй като графиките са в основата на всяка група заглавие, тези подробности трябва да се използват възможно най-активно.

Използвайте клавиша "YouTube" и настройките на това устройство, ако групата е посветена на канала на посочения сайт.

Всички надписи и самата картина се преместват ръчно в работното пространство.

  1. Активният елемент "RSS новини" трябва да се използва без други джаджи.
  2. Поставяне на джаджа за RSS новини в дизайнера на кориците на DyCover

  3. Въпреки това, почти всички трудности с дисплея могат да бъдат решени чрез задаване на предпочитаните параметри.
  4. Общи настройки за джаджа за RSS новини в дизайнера на корицата DyCover

Препоръчително е да инсталирате такива данни само в съответните общности, например в забавна публика, абонатите не могат да харесат това съдържание.

  1. Един от най-често използваните компоненти е Статистика .
  2. Поставяне на джаджа за статистика в дизайнера на покривалото на DyCover

  3. Благодарение на използването му се осъществява информация като броя на абонатите в мрежата или общия брой членове на групата.
  4. Общи настройки на джаджа Статистика в дизайнера на покривалото на DyCover

След като завършите дизайна на тази част, можете да отидете до последния възможен елемент.

  1. След поставянето на джаджа "Икони за шрифтове" е възможно да се интегрират изображенията, които са първоначално текстове, в корицата.
  2. Поставяне на иконите на шрифта на джаджа в дизайнера на покривалото на DyCover

  3. За да промените стила на иконите, използвайте падащия списък "Тип икони" .
  4. Промяна на типа на иконата за джаджа Иконите на шрифта в дизайнера на покривалото на DyCover

  5. Услугата ви позволява да вземете празно място от стандартния набор от знаци или да промените иконата чрез кода.
  6. Използване на стандартен набор от символи в DyCover Cover Designer

Всеки елемент по един или друг начин има приложение.

Свързване на шаблони

Последната стъпка към добавяне на стилен капак е да запазите и публикувате създадените данни чрез вътрешните настройки на услугата.

  1. Превъртете страницата до блока "Запазване" и натиснете бутона със същото име.
  2. Запазване на капака в дизайнера на покривалото на DyCover

  3. Ако е необходимо, услугата предоставя режим "Преглед" , който ви позволява да изучите резултата без да интегрирате VC.
  4. Отворете прозореца за предварителен преглед на уеб сайта на DyCover.

  5. Като използвате бутона "Връщане към контролния панел" , кликнете върху падащия списък "Изберете корица" и направете избор.
  6. Отидете на избора на корицата в уеб сайта на услугата DyCover

  7. След като изтеглите изображението за визуализация, използвайте бутона "Прилагане" .
  8. Прилагане на динамично покритие на група от VKontakte

  9. Сега можете да отидете в общността и да проверите ефективността на разглежданата услуга.
  10. Инсталирана динамична корица в група от VKontakte

Ако по някаква причина пропуснахме информацията, не забравяйте да ни уведомите. Освен това винаги сме щастливи да Ви помогнем при решаването на всякакви трудности.