Для зміни структури вашого сайту в конструкторі є розділ «Дизайн». У ньому ви можете змінювати зовнішній вигляд вашого сайту, колірну гамму, ширину сайту, налаштовувати бічні панелі, додавати або змінювати межі елементів, а також створювати шаблони зовнішнього вигляду або використовувати існуючі. Детальна інформація про зміну шаблону сайту, його імпорті та експорті міститься в статті Створення сайту в конструкторі Web Presence Builder .

У розділі «Дизайн» вам також доступні такі підрозділи:

розмітка

Розмітка вашого сайту може складатися з наступних елементів:

1. Верхній колонтитул. Це сама верхня область сайту, де зазвичай знаходяться зображення банера і логотип компанії. З верхнім колонтитулом можна виконати наступні дії:

   • перемістити зображення банера і логотип в будь-яке місце на сторінці;
   • зменшити висоту заголовка до 25 пікселів, видаливши з нього всі елементи;
   • розтягнути фон або колонтитул на всю ширину екрану;

2. Вміст (текст). Це основна область сторінки, де знаходиться велика частина вмісту. З цією областю ви можете виконати наступні дії:

   • змінити її висоту;
   • розбити її на кілька колонок. Для цього перетягніть нові модулі до лівої чи правої кордоні основного вмісту і вставте їх;
   • змінити розташування колонок, перемістивши їх вміст вліво або вправо;

3. Бічні панелі. Це стовпці, в які можна помістити всі види модулів: як наскрізні, так і сторінкові. З бічними панелями можна виконати наступні дії:

   • додати одну бічну панель і помістити її ліворуч або праворуч від основного вмісту;
   • додати дві бічні панелі. Вони будуть розміщені зліва і праворуч від основного вмісту;
   • змінити висоту і ширину бічних панелей;
   • перемістити бічні панелі вгору сторінки і розташувати їх ліворуч або праворуч від заголовка;
   • поміняти бічні панелі місцями;

4. Нижній колонтитул. Це сама нижня частина сторінки, де зазвичай розміщують назву компанії, контактну або правову інформацію. З нижнього колонтитула можна виконати наступні дії:

   • зменшити його висоту до 25 пікселів, видаливши з нього всі елементи;
   • розтягнути фон або колонтитул на всю ширину екрану.

Зміна розмітки сайту

Перейдіть на вкладку «Дизайн»> «Розмітка», потім зробіть наступне:

1. 1 виберіть кількість бічних панелей: в розділі Бічні панелі виберіть Ні, Одна або Дві;
2. 2

   виберіть розташування бічних панелей:

   • щоб перенести бічну панель на іншу сторону сайту або поміняти місцями дві бічні панелі, натисніть Поміняти місцями;
   • щоб перемістити бічні панелі вгору сторінки, клацніть по ним в схематичне моделі сайту;
3. 3

   задайте розмір елементів сторінки:

   1. щоб задати загальну ширину сторінок, в розділі Ширина сайту виберіть один з наступних варіантів:

      • фіксована: розмір сайту не буде залежати від розміру вікна браузера. В цьому випадку вам потрібно вказати бажану ширину сайту в пікселях;
      • тягнеться: розмір сайту буде змінюватися в залежності від поточного розміру вікна браузера. У цьому випадку вкажіть ширину вашого сайту в процентах від розміру вікна браузера;

   2. щоб зробити ширину заголовка, колонтитула і основного блоку з вмістом рівній ширині сторінки, клацніть по відповідним елементам в схематичне моделі сайту;

   3. в розділі Мінімальна висота вкажіть висоту основного блоку з вмістом і кожної з бічних панелей. Це значення показує висоту елементів вашого сайту без вмісту. Коли ви додасте вміст в бічні панелі і центральну частину, вони розтягнуться по висоті, щоб вмістити вміст;

   4. щоб забезпечити вертикальне вирівнювання бічних панелей і області з основним вмістом, поставте галочку Розтягнути бічні панелі і область з вмістом до нижнього колонтитула;

   5. якщо у вас є бічні панелі, в розділі Ширина вкажіть ширину кожної з них. Розмір центральної частини сторінки буде визначений автоматично;

   6. в розділі Розмір полів вкажіть розмір вертикальних і горизонтальних полів. Поле - це простір між кордонами сусідніх елементів;

4. 4 натисніть OK, щоб зберегти зміни.

схема

Щоб вибрати основну колірну схему сайту:

1. 1 перейдіть на вкладку Дизайн> Схема;
2. 2 виберіть набір стилів в меню;
3. 3 ви побачите чотири кольори, що утворюють колірну гамму вашого сайту;
4. 4 щоб змінити один з кольорів, клацніть в поле навпроти потрібного кольору і внесіть зміни в шістнадцятковий код або скористайтеся палітрою. Зверніть увагу, що ці зміни скасують всі попередні налаштування кольору окремих елементів, встановлені на вкладці Кольори;
5. 5 натисніть OK, щоб зберегти зміни.

кольори

Основна кольорова схема (або набір стилів) вашого сайту складається з чотирьох кольорів. Кожен колір використовується відразу для декількох елементів сайту. Кольори окремих елементів можна налаштувати додатково.

Щоб вибрати кольору і фонові зображення для окремих елементів сайту:

1. 1 перейдіть на вкладку Дизайн> Кольори;
2. 2 виберіть потрібний елемент сайту в меню Область сторінки;
3. 3 клацніть по стрілці в меню Колір або зображення;
4. 4

   виконайте одну з таких дій:

   • щоб зробити однотонний фон, залиште обраним варіант Суцільний колір і виберіть потрібний колір з колірної схеми або за допомогою палітри;
   • щоб зробити фон з плавним переходом кольорів, виберіть варіант Градієнт і виберіть базовий колір, а також відповідне напрям переходу;
   • щоб використовувати в якості фону візерунок, виберіть варіант Візерунок і виберіть базовий колір і один зі стандартних візерунків або натисніть Завантажити, щоб додати власний візерунок. Вкажіть, чи потрібно його замостити, обрізати або зменшити / збільшити і де його слід розмістити;
   • щоб використовувати в якості фону зображення, виберіть варіант Зображення та виберіть один із запропонованих фонів або натисніть Завантажити, щоб додати власне зображення. Вкажіть, чи потрібно його замостити, обрізати або зменшити / збільшити і де його слід розмістити;
5. 5

   якщо елемент містить текст, налаштуйте колір шрифту, вказавши потрібне шістнадцяткове значення або за допомогою палітри;

   Якщо після цього ви виберете іншу колірну гаму на вкладці Схема, зміни, внесені на вкладці Кольори, будуть скасовані.

6. 6 натисніть OK, щоб зберегти зміни.

шрифти

Щоб вибрати шрифти заголовків і основного тексту:

1. 1 перейдіть на вкладку Дизайн> Шрифти;
2. 2 виберіть назву і розмір кожного типу шрифту;
3. 3

   для заголовків також можна вибрати стиль. Ви можете використовувати жирний шрифт (кнопка B) і курсив (кнопка I);

   Налаштування в цьому розділі носять загальний характер. Ви завжди можете змінити шрифт окремих елементів безпосередньо на сторінці.

4. 4

   натисніть OK, щоб зберегти зміни.

   У конструкторі сайтів Parallels Web Presence Builder відсутня функціонал по додаванню і установці сторонніх шрифтів. В якості вирішення рекомендуємо додати необхідні шрифти за допомогою коду HTML, створеного самостійно або знайденого на тематичних форумах. Для цього перемістіть модуль Текст і графіка на сторінку сайту і в меню даного модуля натисніть кнопку html.

кути

Щоб вибрати форму кутів (прямі або закруглені) для елементів сайту:

1. 1 перейдіть на вкладку Дизайн> Кути;
2. 2 в меню Область сторінки виберіть той елемент, кути якого ви хочете змінити;
3. 3

   виконайте одну з таких дій:

   • щоб закруглити кути, поставте відповідні галочки;
   • щоб зробити кути прямими, приберіть відповідні галочки;
4. 4 натисніть OK, щоб зберегти зміни.

Межі

Щоб вибрати кордону елементів сайту:

1. 1 перейдіть на вкладку Дизайн> Межі;
2. 2 виберіть тип кордонів для елементів сайту в списку Внутрішні кордону;
3. 3

   виберіть елементи, які будуть мати межі.

   Ви можете вибрати тільки один тип внутрішніх кордонів для всіх елементів сайту, але ви можете вказати, які елементи будуть мати кордону, а які ні.

4. 4 виберіть зовнішній кордон сайту зі списку Зовнішні кордони;
5. 5 натисніть OK, щоб зберегти зміни.

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

Щоб завантажити файл:

1. 1 Перейдіть на вкладку «Документи».
2. 2

   Натисніть Завантажити:

3. 3 Виберіть файл і натисніть Відкрити.

Тепер, якщо ви хочете, щоб відвідувачі могли завантажити цей файл, вставте посилання на нього на будь-якій сторінці.

Щоб вставити посилання на файл:

1. 1 Виділіть текст, який ви хочете зробити посиланням.
2. 2

   На панелі інструментів модуля «Текст і графіка» клацніть по значку «Посилання»:

3. 3 Виберіть опцію «Документ на цьому сайті».
4. 4

   Виберіть файл і натисніть ОК:

Щоб видалити завантажений файл:

1. 1 Перейдіть на вкладку «Документи».
2. 2

   Виберіть файл і натисніть Видалити:

3. 3 Підтвердіть видалення і натисніть OK.

Значок сайту - невелике зображення, яке показується в адресному рядку браузера при відвідуванні сайту, а також поряд з назвою сайту в списку закладок. Значок сайту можна створити за допомогою будь-якого з численних онлайн-додатків і потім завантажити його з цієї інструкції. Цей значок буде видно всім відвідувачам вашого сайту.

Щоб завантажити favicon:

1. 1 Увійдіть в Конструктор сайтів Parallels Web Presence Builder .
2. 2 Перейдіть на вкладку «Налаштування» - «Загальні».
3. 3

   Натисніть Огляд і вкажіть розташування значка, який ви хочете завантажити. Значок буде завантажений:

4. 4 Натисніть OK, щоб зберегти зміни.

Якщо при додаванні значка сайту виявилася невдалою, то перевірте, щоб іконка сайту була в форматі .ico (переконвертувати зображення в .ico можна на сайті favicon.ru) і щоб файл називався favicon.ico.

Щоб видалити favicon:

1. 1 Перейдіть на вкладку «Налаштування» - «Загальні».
2. 2

   Натисніть Видалити в розділі «Значок». Значок буде видалений:

3. 3 За допомогою кнопок OK, щоб зберегти зміни.

1. 1 Відкрийте розділ «Налаштування».
2. 2 Перейдіть на вкладку «Інші».
3. 3

   Виберіть пункт «Змінити мета-дані»:

4. 4

   У вікні вставте необхідний код і збережіть зміни, натиснувши на кнопку ОК:

5. 5 Потім опублікуйте сайт для вступу змін в силу.

Для включення автоматичної оптимізації сайту під мобільні пристрої перейдіть в конструкторі на вкладку «Налаштування» в розділ «Інші» та поставте галочку напроти пункту «Оптимізувати сайт для мобільних пристроїв». Тепер при відкритті сайту через мобільний пристрій, Presence Builder автоматично підлаштувати його зовнішній вигляд, структуру і елементи навігації під екран невеликого розміру. Також з'являться кнопки для перемикання між мобільною і повної версіями сайту.

Для відключення автоматичної оптимізації і відкриття повної версії сайту за замовчуванням незалежно від використовуваного пристрою приберіть галочку напроти пункту «Оптимізувати сайт для мобільних пристроїв»:

Попередній перегляд мобільної версії сайту в конструкторі

Для перевірки відображення сайту на мобільному пристрої натисніть на стрілку списку поруч із кнопкою «Опублікувати» і виберіть пункт «Мобільна версія»:

У режимі перегляду мобільної версії сайту можна вибрати одне з популярних пристроїв, яке буде емулювати, натиснувши на список, що випадає «Пристрій» і вибравши потрібний із представлених варіантів. Також є можливість перемикання орієнтації обраного мобільного пристрою між портретної і альбомної за допомогою кнопки «Повернути»:

Варто врахувати, що, хоча при перегляді мобільної версії захищені паролем сторінки показуються без введення логіна і пароля, в реальності для їх перегляду потрібно буде вказати відповідні атрибути доступу.

Оптимізація структури і вмісту сайту

Для забезпечення найкращого зовнішнього вигляду сайту при його відкритті через мобільні пристрої слід дотримуватися деякі рекомендації:

• модулі пошуку і меню розташовувати у верхній частині сторінки або верхньому колонтитулі;
• не використовувати в якості банера зображення великого розміру;
• розміщувати основний вміст сторінки під шапкою або максимально близько до неї;
• відмовитися від використання бічних панелей;
• логічно структурувати вміст сторінок і використовувати виразні заголовки;
• не використовувати зображення і таблиці великої ширини;
• відмовитися від використання зображень як фону;
• відмовитися від фіксованої ширини контейнерів для вмісту сайту;
• не використовувати візуальні ефекти (кордони, кути, тіні);
• по можливості розміщувати весь контент за допомогою модулів Текст і графіка;
• не використовувати сторінки другого і третього рівня;
• додавати зображення якомога меншого розміру.

Щоб додати нову сторінку на свій сайт:

1. 1 Перейдіть на вкладку «Сторінки».
2. 2 Натисніть Додати сторінку. З'явиться нова сторінка, виділена зеленим кольором.
3. 3 Щоб змінити розташування сторінки, перетягніть її в потрібне місце за допомогою миші або скористайтеся стрілками. Наприклад, натиснувши на стрілку вправо, ви зробите цю сторінку вкладеної для розташованої вище неї сторінки. Ваш сайт може мати три рівні вкладеності сторінок.
4. 4 Вкажіть ім'я сторінки. Ім'я сторінки - це текст, який показується в заголовку браузера при перегляді даної сторінки. До імені сторінки додається ім'я сайту, яке ви вказали на початку роботи з конструктором. Змінити цю назву ви можете на вкладці «Налаштування», розділ «Загальні», пункт «Назва веб-сайту».
5. 5

   Введіть короткий опис вмісту сторінки, яке буде відображатися в результатах видачі пошукових систем, і ключові слова, за якими цю сторінку можна буде знайти в пошукових системах.

   Опис сайту - це текст, який відображається пошуковими системами поруч з назвою вашого сайту в результатах пошуку. Ключові слова служать для того, щоб коли хто-небудь введе їх в пошуковій системі, ваш сайт виявився у списку результатів.

   Поля «Назва сторінки» і «Простір назв на засланні» обов'язкові для заповнення. Опис і ключові слова заповнювати необов'язково. Якщо ви вирішите вказати ключові слова, введіть їх через кому і без пробілів.

6. 6

   Щоб зробити сторінку невидимою для відвідувачів, поставте галочку «Приховати сторінку».

   Якщо в браузері явно задати адресу прихованої сторінки, то сторінка буде показана.

7. 7

   Якщо ви хочете обмежити доступ до сторінки за допомогою пароля, поставте галочку «Захистити паролем» і вкажіть ім'я користувача та пароль.

   Якщо встановити функцію «Захистити паролем», то зазначена пара логін і пароль буде однаковою для всіх сторінок, на яких буде встановлена ​​дана захист.

8. 8 Натисніть OK, щоб зберегти зміни.

Створення / правка мета-тегів Description і Keywords на просуваються сторінках

Опис і ключові слова сторінки (Description і Keywords) необхідно додавати для кожної сторінки окремо.

Для цього відкрийте меню «Сторінки», пункт «Змінити опис і ключові слова сторінки»:

Якщо вносити зміни в «Опис веб-сайту» (Description) і «Ключові слова» (Keywords) для всього сайту в розділі «Налаштування»> «Загальні», вони будуть прописані тільки для новостворених сторінок.

Створення посторінкового навігації

Даний функціонал в конструкторі не передбачений. При необхідності додавання на сайті посторінковою навігації створити її можна вручну в модулі «Текст і графіка" за допомогою посилань.

видалення сторінки

Щоб видалити сторінку:

1. 1 Перейдіть на вкладку «Сторінки».
2. 2 Виберіть сторінку, яку ви хочете видалити.
3. 3

   Натисніть Видалити сторінку:

Щоб змінити мову інтерфейсу конструктора сайтів, необхідно змінити мову в панелі управління:

1. 1 Відкрийте панель управління хостингом.
2. 2

   Перейдіть у вкладку Обліковий запис (Account):

3. 3

   відкрийте розділ Мій профіль (My profile):

4. 4 виберіть в пункті Мова Plesk потрібну мову;
5. 5 натисніть ОК:

Зміна мови меню конструктора WPB можлива в разі замовлення хостингу сайтів з конструктором Web Presence Builder. При замовленні окремої послуги конструктора сайтів дана можливість не надається.

Як поміняти мову сайту

Змінити мову сайту можна в розділі Налаштування, на вкладці Мови. Це вплине на локалізацію певних елементів сайту, що відносяться до сторонніх компонентів, таким як Пошук Google. Вибір мови з написанням справа наліво також переключить ваш сайт в режим письма справа наліво:

Багатомовна версія сайту

На жаль, в конструкторі даний функціонал не передбачений.

Створити версію сайту на іншій мові ви можете вручну на піддомені (Наприклад, en.mydomain.com), а на основному сайті (mydomain.com) розмістити на неї посилання.

Основний сайт: Створення посилання: Сайт іншою мовою:

Якщо ви перебуваєте в Європейському союзі, ваш сайт повинен попереджати відвідувачів про те, що на ньому використовуються додаткові файли cookie, і запитувати згоду на їх використання.

Файли cookie - це невелікі файли, что зберігаються веб-сервером на комп'ютерах відвідувачів. Вони можуть використовуватися для різних цілей: від запам'ятовування особистих налаштувань до спостереження за поведінкою користувачів для підвищення ефективності контекстної реклами.

Додаткові файли cookie - це файли, наявність яких не є обов'язковим для нормальної роботи сайту. Наприклад, сюди належать cookie-файли сервісів статистики і контекстної реклами, таких як Google Analytics і Google AdSense.

Ваш сайт з великою ймовірністю використовує додаткові файли cookie, якщо на ньому є такі функції:

• Google Analytics;
• публікація в Facebook;
• вбудоване відео;
• модуль «Галерея зображень» (з сервісом Picasa в якості джерела зображень);
• модуль «Онлайн-магазин»;
• модуль «Карта»;
• модуль «Коментарі»;
• модуль «Поділитися»;
• модуль «Скрипт»;
• модуль «Пошук».

Якщо ви включите повідомлення про додаткові файлах cookie, вашим відвідувачам потрібно буде підтвердити свою згоду з вашою політикою:

Після цього повідомлення закриється. Замість повідомлення в кутку сторінки з'явиться значок, і відвідувач зможе продовжити перегляд вашого сайту. Якщо відвідувач відмовиться, він буде перенаправлений на сайт google.com.

Як включити повідомлення про файлах cookie?

Для цього:

1. 1 Перейдіть на вкладку «Налаштування»> «Інші».
2. 2

   Натисніть Включити повідомлення про файлах cookie:

3. 3

   Поставте галочку «Показувати сповіщення про файлах cookie» і натисніть OK:

Додаючи існуючий магазин Ecwid в конструктор Web Presence Builder, при введенні ID магазину ви можете отримати повідомлення виду:

«Зазначений код магазину не підходить, так як зареєстрований безпосередньо через Ecwid або через Parallels Presence Builder іншого провайдера».

Вирішити дану проблему можна 2 способами:

1 варіант

Ви можете встановити магазин за допомогою додавання модуля «Скрипт» і вставкою в нього наступного коду:

<Div> <script type = 'text / javascript' src = 'http: //app.ecwid.com/script.js? 1234567'> </ script> <script type = 'text / javascript'> xProductBrowser ( "categoriesPerRow = 3 "," views = grid (3,3) list (10) table (20) "," categoryView = grid "," searchView = list "," style = "); </ Script> </ div>

Ідентифікатор 1234567 вам необхідно замінити на ID вашого магазину на Ecwid.

Результат роботи коду можна побачити тільки на опублікованому сайті.

2 варіант

Також ви можете перенести товари з одного магазину в інший за допомогою експорту і імпорту всіх товарів в CSV-файл наступним чином:

1. 1 Авторизуйтесь на сайті ecwid.com і увійдіть в обліковий запис, де розташований ваш вже створений магазин.
2. 2

   Перейдіть в розділ «Каталог» і виберіть підрозділ «Товари»:

3. 3

   Виберіть Експортувати всі або застосуйте фільтри для вибору позицій товарів і натисніть Експортувати знайдене:

4. 4

   Вказавши «Роздільник» і вибравши колонки для експорту, натисніть на вивантажити в CSV-файл, файл буде завантажено на ваш локальний комп'ютер:

5. 5

   Натисніть Вихід з облікового запису для зміни аккаунта:

6. 6 Авторизуйтесь на сайті ecwid.com з обліковими даними для аккаунта, на який буде перенесений магазин.
7. 7 Перейдіть в розділ «Каталог» і виберіть підрозділ «Товари».
8. 8

   Натисніть на Імпорт товарів:

9. 9

   Виберіть збережений раніше файл і при необхідності змініть автоматично зазначені дані:

10. 10

    Для видалення раніше доданих в цей магазин товарів ви можете поставити галочку в пункті «Видалити усі товари / категорії перед імпортом»:

11. 11 Натисніть Імпорт.

Дізнатися більш детальну інформацію про імпорт товарів в Ecwid, а також ознайомитися з усуненням можливих несправностей при імпорті ви можете за даною адресою .