Створення сайту у Wix покрокове керівництво та відео інструкція
Вітаю вас на шпальтах мого блогу. Все простіше почало створювати сайти. Конструктори стають все крутішими, правильнішими. Менше клопоту з ними та підводних каменів. Єдине, що варто заздалегідь потурбуватися – це знання. Не кожен новачок бачить різницю між послугою та продуктом. Якщо ви користуєтесь віксом або іншим конструктором, то це якраз послуга. Звідси всі невдоволення.
Сьогодні я розповім вам все про створення сайту Wix. Поясню різницю між товаром та послугою, якою ви збираєтеся користуватися, дам повне керівництво до дії та поясню що робити, якщо згодом ви захочете зайнятися професійнішою розробкою сайтів.
Давайте про все по порядку.
Новачкам на замітку
Найчастіше перше, про що думають новачки – це економія. Погоджуся, не хочеться платити за те, що можливо закинеш за два місяці. Я вас розумію. Проте для мене важливо, щоб ви розуміли звідки і які ціни беруться.
Окрім цих двох моментів розробник, якщо не вміє чи не хоче робити цього самостійно, оплачує послуги людини, яка намалює портал і потім переведе картинку в електронний вигляд. Вникати у нюанси зараз не обов'язково. Просто зрозумійте, що то гроші. За найскромнішими підрахунками вартість сайту складає близько 10 000 рублів.
Користуючись конструктором, ви проминете всі ці моменти. Вам надається безкоштовний хостинг, домен, шаблони сайтів, картинки, якщо вони потребують. Загалом, все, що потрібно для функціонування справжнього електронного ресурсу без вникання в суть цього питання.
Крім того, користуючись безкоштовною пропозицією, ви не можете підключити свій домен. Це означає, що ні за якихумовах ви не зможете переїхати, тобто назавжди будете прив'язані до віксу.
Для всіх своїх сайтів, крім цього, я використовую хостингTimeWeb і щомісяця вношу по 130 рублів. Найдешевший тариф на віксі – 123. Ціна справедлива. Вона дає вам певну свободу. Є шанс переїхати на інший хостинг.
Не вникайте зараз у терміни. Достатньо побачити, що плата за тарифами не така вже завищена. Особливо якщо згадати, що вам не доведеться звертатися за допомогою до верстальника та дизайнера. Зробити все можна самостійно.
Думаю, настав час показати як саме працювати у конструкторі.
Інструкція
Представляю вашій увазі покрокову інструкцію щодо роботи зWix. Якщо ви хочете створити інтернет-магазин на wix, то прочитайте інший посібник. Зараз ми займемося розробкою візитки та блогу.
Насамперед вам потрібно зайти на офіційний сайт і натиснути кнопку «Увійти».
Дуже швидко. Далі вас перенесе на сторінку, де велика синя кнопка Створити сайт перенесе вас до шаблонів.
Якщо ви звертали увагу, то деякі сторінки будь-якого сайту створені за однією схемою, наприклад, всі статті, інші відрізняються: «Головна», «Рубрики», «Контакти». Перш ніж переходити до «Редактора», виберіть «Перегляд». Так буде простіше знайти найкращий дизайн.
У процесі роботи я покажу як додати в візитку (сайт портфоліо) блог, але краще, якщо ви спробуєте попрацювати за шаблоном. На готовому прикладі простіше розуміти. До речі, на wix простіше знайти безкоштовний дизайн, ніж гроші. Тож проблем виникнути не повинно. Звичайно, якщо ви не надто вимогливий гурман.
Коли тема знайдена, можна натискати на «Редактор». Працювати з ним дужепросто. Складність складає лише перехід сторінками, про які я говорив. Для цього ви тиснете на Меню. З'являється додаткове синє вікно із сторінками. Клацаючи по них ви переходите на різні розділи свого нового сайту.
Насправді здогадатися про те, як і що редагувати можна і самостійно. Рухайтеся зверху вниз, клацаючи по елементах. Наприклад, саме меню. Під ним з'являється додаткове вікно з параметрами, навігацією, можливістю змінити дизайн або додати анімацію. Збільшувати та зменшувати об'єкти можна за допомогою миші шляхом перетягування. Поруч із кожною кнопочкою з'являється підказка, завдяки якій можна зрозуміти що й чому.
Майже до кожного елемента ви можете підібрати шаблон або налаштувати дизайн на свій смак. До речі, в панелі праворуч ви можете прописати дизайн цифрами та встановити елементи на всі сторінки (повзунок внизу панелі).
Зверніть увагу, що не всі шрифти, які є на панелі відображаються українською мовою. Деякі з них підходять лише для англійської. Lobster, від якого особисто я вже втомився, звичайно, підходить і для кирилиці.
Rosewood відображатиметься стандартно.
Чим ще примітний вікс? Ціна логотипу може сягати 15 000 рублів. У цьому конструкторі є купа будь-яких іконок, які ви можете використовувати абсолютно безкоштовно і не боятися юридичного переслідування.
Величезна кількість форм. Розмір та колір ви можете змінити.
Якщо ви виправляєте шаблон зверху вниз, вам буде простіше. Тепер перейдемо до слайдера.
Тут ціла купа анімації: стрибки, ковзання, наплив. Так одна картинка буде змінювати іншу Подивітьсяприклади під час редагування. Результат вам покажуть відразу при наведенні курсору миші. Анімація може бути застосована не тільки в слайдері, але і в меню інших картинок і скрізь, де ви тільки захочете. Не рекомендую використовувати її часто на всіх елементах. Сайт гальмуватиме.
Якщо ви хочете замінити зображення: немає нічого простішого. Для цього при натисканні на кнопку «Замінити картинку» з'являться всі необхідні кнопки. Можете додати посилання, щоб при натисканні на малюнок читача перекидало на певну сторінку або інший сайт.
Коли ви позбавитеся всіх неугодних елементів і поправите ті, що подобаються можна переходити до правого меню. Перша кнопка дозволяє замінити тло.
Нова сторінка з'явиться в основному меню.
Навіть тепер можна відредагувати основне меню.
Періодично вам пропонуватимуть зберегти сайт. Зробіть це, щоб не втратити зміни. Раджу підключити власний домен. Зробити це можна і після того, як ви все закінчите, а поки що використовуйте безкоштовний.
Для підключення свого URL вам знадобиться сплатити преміум план. Зате ви зможете переїхати, коли захочете.
Відеоінструкція
Що далі
Як я вже сказав сайт, хоч і складно перенести на інший хостинг, але реально. Якщо трохи подумати та заручитися підтримкою професіоналів або самому навчитися верстати сайти. Підписуйтесь на розсилку мого блогу, дізнавайтеся, як збільшити відвідуваність проекту, отримувати від нього більше прибутку. Використовуйте це на тому сайті, який нещодавно створили на вікс.
Це перший крок до кар'єри веб-дизайнера. Не багато фахівців у цій сфері знають код, але якщо ви вмієтеробити гарні проекти, то ця навичка може приносити вам істотний прибуток.
Якщо знайдете верстальника, який переноситиме вашу картинку з віксом на хороший двигун, то такий сайт можна буде продати дорожче. Перший крок до своєї студії. Загалом, не вірте, якщо вам кажуть, що від вікс одні біди та проблеми. Будь-яке знання, досвід та інструмент може приносити гроші. Головне подумати, як його використовувати.
Не бійтеся технології. Починайте з малого та збільшуйте свої знання разом із прибутком.
До нових зустрічей та удачі у ваших починаннях.