> ## Content Index > Fetch the complete content index at: https://blog.themarfa.name/llms.txt > Use this file to discover other available public pages before exploring further. # Обзор Squarespace. WYSISWYG создание сайта. - URL: https://blog.themarfa.name/obzor-squarespace-wysiswyg-sozdanie-saita/ - Published: 2014-11-02T22:13:50.000Z - Updated: 2018-08-22T07:46:26.000Z - Author: Константин Докучаев - Tags: Обзор, Для сайта, squarespace Эта статья немного отличается от обычной тематики блога. В ней речь пойдет не о сервисе, который упростит рутину, а о движке сайта Squarespace. Я расскажу кратко о возможностях, которые он предоставляет. Тех недостатках, которые я заметил. И вы сможете оценить как он помог преобразовать один из моих сайтов. Купон на 10% скидку внутри. ### Достоинства 1. Возможность создать с нуля сайт не зная ничего о сайтах; 2. Красивые шаблоны, которые одинаково хорошо выглядят на любых устройствах; 3. Бесплатный домен в зоне .com; 4. Круглосуточная тех.поддержка. ### Недостатки 1. Цены кусаются; 2. Если вы привыкли сами разрабатывать сайты, то вас ждет много ограничений, которые достаточно легко обходятся, если подумать; 3. Визуальный редактор и превью галерей очень тормозят. Актуально для сайтов-портфолио. ### Что такое Squarespace? Назвать [Squarespace](http://squarespace.com/ "Squarespace") движок для сайта очень сложно. Скорее, это целая платформа для создания своего сайта. От небольшого блога, портфолио до полноценной коммерческой площадки. Сервис предоставляет услуги регистратора доменных имен, хостинга, коммерции и многое другое. Перечень доступных функций зависит от [тарифа](http://squarespace.com/pricing/ "Pricing"). Я кратко расскажу о функциях, доступных на персональном тарифе. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/94e56a16-08c2-41c8-ac5b-d143bcf5527e.png) ### Зачем мне нужен Squarespace и что было до него? Я выбирал движок для портфолио фотографа. Когда-то именно с создания сайта-портфолио я и начал погружаться в мир HTML, CSS, JS. Поэтому первая версия сайта была кривой с точки зрения кода и не очень с внешней стороны. Собственно, вот "презентация". А сегодня сайт выглядит вот [так](http://www.dokuchaeva.com/ "Ekaterina Dokuchaeva"). ### Пройдемся по возможностям Для того, чтобы создать сайт на платформе [Squarespace](http://squarespace.com/ "Squarespace") вам не нужно абсолютно никаких знаний о том, что такое код HTML, что такое стили CSS и прочее. Достаточно тыкать по кнопочкам. Конечно, если у вас есть навыки сайтостроения, это только плюс. Все создание сайта происходит по схеме WYSIWYG, т.е. что ты видишь, то и получишь. После регистрации на сайте вам предоставляется адрес типа yourname.squarespace.com. По этому адресу вы будете производите все основные действия над вашим "рабочим" сайтом. Первым делом, нужно выбрать [тему](http://squarespace.com/templates/ "Squarespace Templates") для вашего будущего сайта. Не бойтесь выбрать такую же тему как у миллиона других пользователей. Внутри все можно поменять до неузнаваемости очень легко. ###### Редактор сайта Редактор сайта выглядит примерно вот так: ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/34c14028-1380-4815-b4fe-60070fa0d8c7.png) В этом разделе вы добавляете основные типы страниц: галлерея, слайд-шоу, магазин, блог и многое другое. Здесь же вы настраиваете шаблон самой страницы. Где и какой текст будет размещен. Какие фото будут показаны. Так же вы можете добавлять к своему сайту и страницы других платформ. Например, на [моем сайте](http://www.dokuchaeva.com/ "Ekaterina Dokuchaeva") клик по странице Blog открывает блог в Tumblr. Доступные типы страниц зависят от темы, которую в выбрали, а так же от тех параметров, которые вы включили в настройках. Например, при подключении аккаунта Tumblr вы сможете автоматически экспортировать ваш блог на свой будущий сайт. Так же доступны комментарии Disqus, кнопки Share, Google Analytics и миллионы других вещей. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/aff44fce-5290-41fb-bcdb-ab5ef64cc2a1.png) Так же есть возможность добавить свой код в страницу. Полный доступ к исходному коду есть только для аккаунта разработчика. На персональном аккаунте есть два способа добавить свой код. Первый - в дополнительных настройках страницы. Здесь вы можете добавлять код между тегами и . ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/42ef02c4-c148-45f6-ac4b-eda58eddcd0a.png) Кроме этого, можно добавить код в само "тело" страницы. Для этого вы добавляете элемент "код" в то место, где результат этого кода должен отобразиться. Таким образом, обходятся ограничения персонального аккаунта и мы выполняем практически любой код, где это нужно. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/75f7127f-a8b6-424e-8ffe-af2b7a4cdc1e.png) ###### Аналитика В систему встроена собственная аналитика. По своим возможностям она во многом похожа на Google Analytics. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/5f481226-80cf-4154-9b56-77ad80742ab6.png) ###### Внешний вид сайта. После того как вы создали шаблоны всех страниц, пришла пора заняться дизайном. Делается это в отдельном редакторе [Squarespace](http://squarespace.com/ "Squarespace"). Где вы в буквальном смысле слова можете полностью отредактировать дизайн вашего сайта, вплоть до CSS. Вы просто выбираете нужный элемент, а на панели слева выбираете стили. ![](https://storage.ghost.io/c/71/cf/71cf070c-b8aa-467e-9efd-cf18f7dcf253/content/images/2015/12/f9c1c263-27f7-4162-8155-b5380e44aaf5.png) ### Итог [Squarespace](http://squarespace.com/ "Squarespace") \- отличный сервис для легкой и быстрой разработки сайтов. Сервис отлично пойдет как обычным пользователям, так и веб-мастерам. В общем, рекомендую. Для получения скидки 10% при оплате, используйте купон GIMME10.