Як розмістити шаблони CSS у Weebly

Створення веб-сайту може бути страшним, коли ви тільки починаєте власну справу. Якщо ви не знаєте, як створити його самостійно, вам або доведеться найняти дизайнера, або знайти службу із заздалегідь розробленими макетами. Weebly - лише одна з цих послуг; він пропонує безкоштовний акаунт і хостинг, а також десятки різних макетів. Він використовує інтерфейс клацання та перетягування для додавання вмісту на будь-яку сторінку. Якщо у вас є якісь ноу-хау щодо CSS або ви хочете переглянути вихідний код свого веб-сайту, Weebly пропонує розширений редактор для CSS та HTML.

1

Увійдіть у свій обліковий запис Weebly і натисніть "Редагувати" поруч із веб-сайтом, який ви хочете змінити. Якщо ви хочете створити новий веб-сайт, натисніть замість цього кнопку "Додати сайт".

2

Клацніть на вкладці "Дизайн" у редакторі Weebly, сторінці, яка дозволяє вам змінювати та налаштовувати вашу сторінку Weebly.

3

Клацніть на "Редагувати HTML / CSS" у верхньому правому куті розділу попереднього перегляду сторінки під доступними проектами. Це відкриє CSS та HTML для вашого поточного веб-сайту Weebly, як він є. Почуй це; на бічній панелі ви побачите "main-style.css", а також HTML-сторінку для кожної сторінки вашого веб-сайту.

4

Виберіть "main-style.css", щоб переглянути таблицю стилів у редакторі Weebly. Ви можете ввести повністю власну таблицю стилів або відредагувати таблицю стилів так, як її створив Weebly.

5

Змініть усі необхідні елементи на своїх HTML-сторінках. Якщо ви використовуєте повністю власний макет CSS, вам потрібно буде ввести відповідний HTML для цього макета на сторінці індексу та на будь-яких інших сторінках, які ви додали на свій веб-сайт. Якщо ви все ще хочете, ви можете використовувати редактор Weebly для вмісту, наприклад "{content}", де ви хочете, щоб ваш вміст Weebly був. Ви також можете використовувати {footer} та {title}, щоб позначити, куди Ви хочете, щоб Weebly вставляв вміст.

6

Натисніть "Зберегти", щоб внести зміни до вашого веб-сайту Weebly.

Останні повідомлення

$config[zx-auto] not found$config[zx-overlay] not found