Джимбо ком вход. Я хочу увести мой домен от Jimdo к другому домен-хостеру. Как мне получить AuthCode. Альтернативы и конкуренты

Инструкция по созданию сайтов в Jimdo .

Jimdo - простой конструктор сайтов на ресурсе . Можно создать сайт бесплатно и добавлять изображения, тексты, видео, вести блог, использовать формы обратной связи, карты и кнопки социальных сетей, есть все возможности для поискового продвижения сайта в Яндекс, Google и других поисковых сервисах. На бесплатном сайте Jimdo можно разместить до 500 Мб контента. Естественно, в платных версиях Jimdo возможности шире, и при желании пользователь может перейти на платную версию, не меняя адреса и контента своего сайта.

Основные этапы создания сайта в Jimdo :

сайта

При регистрации потребуется указать адрес электронной почты. Также для сайта нужно придумать доменное имя и пароль для входа на сайт в режиме редактирования. Адрес сайта будет выглядеть так: . Сайт доступен онлайн сразу после его создания. Все изменения на сайте сразу вступают в силу.

На этапе создания сайта можно выбрать любой шаблон, подходящий к идее будущего сайта. Шаблон определяет вид и расположение областей контента на сайте. Каждый шаблон построен по-своему и обладает индивидуальными свойствами. Все они разработаны профессиональными дизайнерами и полностью отвечают современным стандартам HTML5 и CSS3. Сменить шаблон на другой можно в любое время, при этомсодержимое сайта останется без изменений. У каждого шаблона есть варианты дизайна на выбор: от варианта может зависеть не только цветовая палитра шаблона, но и расположение некоторых областей, как например навигационного меню или боковой панели.

Все сайты на Jimdo состоят из пяти основных частей: шапка сайта, навигационное меню, область основного контента (содержания), сайдбар (боковая панель) и футер (подвал сайта).

Шапка сайта – это, как правило, верхняя область сайта, в которую можно установить логотип и название сайта. Эта область отображается на всех страницах сайта. Размер и место логотипа определяются выбранным шаблоном.

Навигационное меню – это структура сайта. В нём - список всех страниц, которые были созданы на сайте.В режиме редактирования меню можно создавать новые страницы, менять их местами, а также создавать подразделы.

Область основного контента (содержания).

Область контента – это основная область сайта, наполняемая содержанием с помощью модулей (элементов), таких как , и др. Модули в области основного контента будут отображаться только на тех страницах, на которые они были установлены.

Сайдбар (боковая панель)

В сайдбар, или боковую панель, также можно добавлять модули с информацией (баннеры, виджеты, ссылки). Однако данная информация будет отображаться на всех страницах сайта, поэтому сайдбар стоит использовать для размещения важной информации. Шаблон сайта определяет расположение сайдбара: сбоку или снизу.

Футер (подвал сайта).

Футер, или подвал сайта – эта область, расположенная в нижней части каждой страницы. В футере расположена ссылка входа в режим редактирования и другие ссылки на важные страницы, например, на карту сайта. В настройках сайта можно настроить, .

Вход на сайт для редактирования

Наберите в адресной строке браузера ссылку на ваш Jimdo-сайт.

После того как сайт откроется, нажмите ссылку "Вход" в правом нижнем углу страницы сайта.

В открывшемся окне введите свой пароль и нажмите на "Вход".

Внимание! После входа на сайт, в правой нижней части страницы, вместо ссылки "Вход" появятся ссылки "Выйти" и "Вид".

РАБОТА с модулями

Jimdo-сайт состоит из множества модулей (элементов). Это своего рода «кубики», которые можно добавлять, изменять, копировать и удалять.

Чтобы добавить новый модуль на страничку своего Jimdo-сайта, нужно нажать на кнопку "+ Добавить новый модуль" в области контента страницы.

После этого откроется меню со списком всех модулей.

Выбираем нужный элемент и добавляем его на свой Jimdo-сайт.

ВНИМАНИЕ!

На одной странице можно добавить до 200 модулей.

Для редактирования модуля достаточно на нем щелкнуть мышью. В каждом модуле есть собственное меню, с помощью которого можно вносить необходимые изменения. Например, меню текстового модуля:

Положение модулей на страницах Jimdo-сайта можно легко менять, перемещая их с помощью мыши.

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

чтобы удалить элемент, наведите курсор мыши на желаемый модуль. Слева появится панель с четырьмя картинками. Нажмите на картинку с мусорным ведром, затем кликните "Да, удалить".

Внимание!
Удаленный модуль не может быть восстановлен!

Управление навигацией

Структуру сайта можно задать с помощью навигационного меню. В нём - список всех страниц, которые были созданы на сайтеВ режиме редактирования меню можно создавать новые страницы, менять их местами, а также создавать подразделы. Самое главное – не забывать сохранить изменения!

Операции со страницами навигационного меню

Важно: На Jimdo-сайте можно добавить до 3000 страниц.

Выравнивание меню

В таких шаблонах, как: Barcelona, Berlin, Chicago, Francisco, Hamburg, Helsinki, Hongkong, Melbourne, Miami, St. Petersburg, SanFrancisco, Verona, Zurich, - можно менять расположение навигационного меню на сайте: по центру, по левому или по правому краю.

Административная панель управления сайтом

Панель управления сайтом

Панель управления находится в правом углу сайта в . С её помощью можно легко и быстро производить необходимые настройки своего сайта.

Обзор вкладок

Нажав на изображение с интересующей вкладкой, можно узнать о ней больше:

Шаблон – в данной вкладке можно выбрать и установить один из предложенных шаблонов на свой Jimdo-сайт или создать свой собственный шаблон.

Стиль – с помощью редактора стиля можно настроить и изменить стиль своего Jimdo-сайта.

Блог – во вкладке "Блог" отображены все статьи блога данного Jimdo-сайта.

Обновить – обновить свою версию сайта до версии JimdoPro или JimdoBusiness, или заказать дополнительные Email-адреса и домены можно во вкладке "Обновить".

Настройки – во вкладке "Настройки" можно управлять доменами и почтовыми ящиками, производить настройки блога и личного кабинета, и многое другое.

SEO – здесь можно произвести настройки для поисковой оптимизации Jimdo-сайта.

Магазин – все для создания и управления своим интернет-магазином.

Статистика – статистику посещения своего Jimdo-сайта.

Помощь – здесь можно найти ответ на свой вопрос и написать нашей службе технической поддержки.

СТИЛЬ

С помощью редактора стиля можно стилизовать сайт по своему вкусу: установить собственный фон, изменить шрифты, настроить цвет навигационного меню, основной области контента и других областей выбранного шаблона.

Как работать с редактором стиля

Если на сайте выключен режим "Стилизация отдельных элементов", то пользователь сможет очень быстро и легко подобрать для всего сайта подходящую цветовую гамму, а также вид шрифта. Данные изменения действуют для всего сайта и зависят от шаблона. Таким образом, каждый пользователь Jimdo сможет создать для выбранного шаблона собственный вариант шаблона и стилизовать весь сайт.

Если режим "Стилизация отдельных элементов" включен, то владелец Jimdo-сайта сможет изменить стиль того или иного модуля на всем сайте, кликнув на необходимый модуль и выбрав нужные настройки.

Для изменения стиля только в одном модуле и только на одной странице (а не на всем сайте), следует выйти из редактора стиля и произвести настройки в самом модуле.

Индивидуальный фон для вашего сайта

Платформа Jimdo предоставляет множество возможностей индивидуального оформления вашего сайта, и одна из них – инструменты оформления фона. С помощью этих инструментов вы сами сможете решить, на каком фоне наполнение сайта выглядит наилучшим образом: на фоне одноцветной заливки, статичного изображения, сменяющихся изображений (слайд-шоу) или же видео.

Предпросмотр

При «примерке» любого нового фона, он тут же показывается на сайте, но при этом он виден только для вас. Для того, чтобы новый фон увидели посетители сайта, вам нужно подтвердить выбор нажатием кнопки «Сохранить». Если же фон не подходит, вы можете от него отказаться, нажав кнопку «Отменить».

Зайдите в админ-панель и кликните на пункт меню «Стиль». Этим вы откроете наверху горизонтальное серое меню, в котором нужно выбрать опцию «Фон». Для того, чтобы загрузить новое изображение, нужно нажать на область со знаком «плюс».

Выбор фона

Если у вас уже загружен какой-то фон, то он должен отображаться в списке загруженных и доступных фоновых изображений. Тут же можно сменить тип фона, например, со статичного изображения на слайд-шоу. Подробнее этот процесс можно наблюдать на анимации справа.

Доступные виды фона

Фон в виде статичного изображения

Кликните на иконку с «плюсом» и выберите нужное изображение, которые вы хотели бы установить в виде фона на всех страницах сайта. Вы можете загрузить как одно, так и несколько изображений, чтобы позднее выбрать из них какое-то одно. Используемое в виде фона изображение будет выделено голубой рамкой.

Фон в виде слайд-шоу

Для того, чтобы создать фон в виде слайд-шоу (сменяющих друг друга изображений), выберите тип фона «Фоновое слайд-шоу». При загрузке изображений с вашего компьютера выберите несколько картинок. После того, как они будут успешно загружены, вы сможете расставить их в том порядке, в котором они должны появляться на сайте. Менять позицию изображений в списке можно простым перетаскиванием.


Фон с видео

В качестве видео для фона сайта можно использовать любой ролик с YouTube или Vimeo. При вставке адреса на ролик в специальное поле система автоматически определит, верен ли он.

Однотонный фон

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

Выберите тип фона «Цвет», после чего у вас будет две возможности выбрать фоновый цвет: либо на глаз с помощью спектральной панели, либо задав HEX или RGB-код цвета в поле под панелью.

Уникальный фон для отдельной страницы

Вы можете выбрать уникальный фон для каждой из страниц сайта. Для этого перейдите на нужную страницу и установите фон как обычно. Не забудьте нажать «Сохранить». Таким образом фон будет изменён только для страницы, на которой вы сейчас находитесь.

Этот же фон можно применить и ко всем страницам сайта в настройках фона после нажатия на символ шестерёнки.

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

Одним из таких бесплатных сайтов является сайт на Jimdo.com . Я пользуюсь этой платформой почти 5 лет и покажу Вам, как ею можно воспользоваться для продвижения Вашего бизнеса.

Мечта каждого сетевика и интернет предпринимателя, чтобы люди приходили сами, а не искать новых партнеров по улицам и интернет закоулкам. Как же это осуществить? Есть много инструментов, которые помогают в этом. И одним из них, как раз будет Ваш сайт! Именно Ваш, а не сделанный кем то другим или купленный у кого то по Вашему заказу.

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

Как же самому в короткие сроки создать сайт на Jimdo.com?

Скопируйте ссылку на сайт http://ru.jimdo.com/ и вставьте в строку поиска. В верхнем правом углу открывшейся странички, нажимайте на «Регистрация». После этого Вам предложат выбрать шаблон Вашего сайта. Нажмите на понравившийся шаблон и перейдете на страничку регистрации. Придумайте название Вашему сайту, введите почту и пароль.

Отнеситесь творчески к названию Вашего сайта. Это должно быть короткое, интересное, легко запоминающееся и пишущееся, емкое слово.

На почту придет письмо от Jimdo. Подтвердите регистрацию и зайдите по названию вашей странички и паролю внутрь Вашей чудесной «мастерской». Там действительно можно творить чудеса. Какое наслаждение Вам доставит Ваша первая страничка, Вы просто не представляете!

Включите всю свою фантазию. Найдите красивую картинку для шапки сайта – она будет как настоящая шапка – сверху. Придумайте изящное название Вашему шедевру. Выберите шаблон – какой понравится Вам. Подберите цветовую гамму и фон. Как это сделать, я рассказываю в видео уроке ниже.

Подберите шрифты и цвета для:

  • заголовка 1
  • заголовка 2
  • заголовка 3
  • основного текста

Проделав все это, Вы убедитесь, что можно быстро создать сайт на Jimdo .com и это совсем не сложно!

Количество страничек на сайте, в принципе не ограничено. Для начала можно сделать две или три:

  • «Главная» – это название Вашего проекта или компании
  • « Обо мне» – расскажите наиболее красочно о себе, вставьте фотографию или красивую картинку и ваши координаты
  • «Контакты» – обязательно нужна эта информация. Для того, чтобы посетители могли найти Вас. Это может быть телефон, почта, скайп.

После этого, можно начать заполнять первую страничку. Что писать на ней, решать Вам. Можно взять текст прямо с сайта компании, с сайта Вашего спонсора или придумать самому. Затем найдите красивые картинки. Как работать с картинками, . Обязательно разместить видеоролики, лучше всего взять их с Вашего канала на Ютубе. Как создать свой канал смотрите . Пока у Вас нет такого канала, воспользуйтесь видео роликами спонсора.

К сожалению моего сайта уже нет. Поэтому в этом видео вы только и можете его увидеть. Многое изменилось за это время, но принцип создания сайта остался прежним. Садитесь поудобнее, включайте видео урок и делайте все вместе со мной:

Призвана помочь вам создать веб-сайт без навыков программирования и вёрстки, работая в интуитивно понятном интерфейсе. Размах сервиса широк: с момента появления в 2004 году на нём было создано свыше 12 000 000 сайтов, в числе которых и визитки, и ресурсы фотографов, и интернет-магазины, и проекты образовательных учреждений. Это наглядно демонстрирует широкие возможности конструктора и его универсальность.

Работать с Jimdo можно не только через веб-интерфейс - у платформы есть собственные приложения для Android и iOS, так что редактировать сайт вы сможете прямо с мобильного устройства.

Однако в этой статье речь пойдёт именно о работе с платформой через веб, так как этот способ доступен с любого устройства и не зависит от установленной на нём операционной системы.

Начало работы

Нажатие кнопки Регистрация, равно как и щелчок на ссылке Создать сайт бесплатно, приведёт к одному и тому же - на экране появится страница выбора дизайна будущего ресурса.

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

Пришло время регистрации. Введите адрес e-mail и пароль, установите флажок Я не робот и щёлкните на кнопке Создать сайт.

На следующей странице нужно ввести свой домен. Платформа предлагает зарегистрировать бесплатный адрес вида http://сайт.jimdo.com. Домен второго уровня можно создать на платном тарифе. Также есть возможность привязать к конструктору уже существующее имя. Воспользуйтесь одним из предложенных вариантов (я выбрал бесплатное имя третьего уровня) и щёлкните Проверить домен.

Работа с сайтом

После щелчка на кнопке вы попадаете в рабочую среду. Здесь есть всё, что вообще может предложить платформа. Основную часть страницы занимает редактируемый шаблон, справа расположено меню панели управления.

Перед редактированием сайта полезно будет понимать его структуру. Все шаблоны на Jimdo состоят из пяти основных частей:

  • Шапка. Верхняя часть ресурса, в которой расположен логотип, слоган либо название сайта.
  • Навигационное меню. Собственно, главное меню сайта, с помощью которого можно перейти на любую его страницу.
  • Область контента. То, ради чего и создаются страницы, уникальная их часть.
  • Боковая панель. Используется для размещения вспомогательной, но важной информации, которая будет видна на всех страницах.
  • Подвал. Противоположность шапки - низ сайта с копирайтами, сведениями о компании, лицензионными соглашениями и прочей в основном правовой информацией.

Собственно говоря, описанная структура касается большей части сайтов вообще, а не только ресурсов рассматриваемой платформы.

В сущности страница на Jimdo состоит из большого числа модулей, каждый из которых можно изменить, переместить или удалить.

Итак, чтобы перейти к редактированию модуля (блока), щёлкните на нём кнопкой мыши. Инструменты правки от модуля к модулю будут меняться. Например, щелчок на логотипе откроет кнопки загрузки другого изображения, уменьшения и увеличения размера, а также выравнивания картинки по горизонтали.

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

Надо сказать, возможности форматирования элементов сервис предлагает весьма скромные. Хочется верить, что разработчики руководствовались мыслями о простоте и неперегруженности интерфейса.

Перейти к управлению главным меню поможет кнопка Редактировать навигационное меню.

Добавить новую страницу, переименовать существующую, переместить или удалить пункт, создать подкатегорию - со структурой можно делать действительно всё. Жаль, этого нельзя сказать о функциях изменения внешнего вида, но это только на первый взгляд.

На самом деле разработчики просто убрали подальше функции тотальной правки дизайна. Jimdo даже поддерживает создание сайта на собственном шаблоне.

Чтобы загрузить своё оформление, нажмите кнопку Шаблоны на расположенной справа панели инструментов, а затем щёлкните Собственный шаблон.

В браузере появится полноценный HTML5-редактор, пользоваться которым стоит исключительно при наличии соответствующих умений.

Также для настройки оформления служит кнопка Стиль.

Она открывает возможность сменить шрифт текста и заголовков (размера это по-прежнему не касается), цветовую схему шаблона и его фон, а также позволяет включить стилизацию отдельных элементов, чтобы вы могли настраивать каждый блок отдельно.

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

Если информации на странице мало, всегда можно разместить ещё, нажав кнопку Добавить модуль и выбрав, что конкретно хотите разместить.

Вставлять можно не только текст, видеоролики и картинки. Пользователям доступны галереи, кнопки (в том числе и социальные), модули товаров и ещё кое-какой нетипичный контент.

По умолчанию блог не работает и его надо активировать. Сделать это можно бесплатно, ничего не заполняя - просто щёлкнуть Блог -> Активировать.

Для каждой страницы доступны элементарные SEO-настройки - название и описание для поисковых систем.

Не секрет, что на платформах, подобных Jimdo, сервисы зачастую создаются с целью получения прибыли, в том числе - интернет-магазины. В связи с этим разработчики просто не могли не наполнить конструктор соответствующим функционалом: товары, заказы, скидки, оплата и доставка - всё настраивается, всё есть.

Кстати, настроек в сервисе просто невероятно много: от банальной смены языка и управления доменами и почтой до мало где встречающейся защиты страниц паролем, настройки редиректа и правил хранения данных. Посетить раздел параметров будет очень полезно.

Тарифы

Но от возможностей перейдём к потребностям. Конечно, пользоваться Jimdo можно и бесплатно, но это накладывает определённые ограничения. Самое очевидное - сторонняя реклама. Кроме того у вас не будет раздела со статистикой, функции добавления множества товаров, оптимизации ресурса для мобильных устройств, а также других приятных и полезных мелочей.

Платных тарифов всего два - JimdoPro (ориентирован на небольшие проекты) и JimdoBusiness (подойдёт для создания крупных интернет-магазинов). Интересно, что цена до регистрации указана в рублях.

А после - в долларах, и при конвертации в рубли вторая стоимость получается заметно выше.

Ответ на вопрос «Сколько же платить?» будет получен при оплате или обращении в техническую поддержку.

Итоги

Jimdo является универсальным международным решением, которым уже воспользовались десятки миллионов человек, чтобы реализовать свой онлайн-проект. От других конструкторов его отличает разделение возможностей - неопытным пользователям доступно ровно столько, сколько нужно, чтобы их не путать, но в то же время позволить хорошо настроить сайт, продвинутые же пользователи найдут массу интересных функций, включая HTML-редактор и детальную настройку модулей.

И выберете для этого онлайн-конструктор Jimdo , нужно определиться: довериться этому ресурсу полностью, выбрав один из предложенных шаблонов, либо внедрить в систему свой собственный шаблон. Рассмотрим оба варианта:

ОБРАТИТЕ ВНИМАНИЕ. Браться за внедрение шаблона в этот онлайн конструктор стоит только в том случае, если у вас есть ощутимые знания HTML и CSS. В противном случае добавленный в систему сайт «поплывет», и будет отображаться некорректно.

Начало работы

Независимо от того, будете вы добавлять свой шаблон или использовать предложенный системой вариант, чтобы бесплатно создать сайт на Jimdo , нажмите кнопку «Регистрация » на главной странице ресурса. После этого система перебросит вас на страницу выбора шаблона. Выбираем любой понравившийся (для удобства они сгруппированы по тематикам ), после этого нужно будет придумать и ввести адрес для своего сайта, а также указать регистрационные данные для входа.

После завершения этого этапа ваш сайт (точнее это можно назвать «скелетом» для будущего веб-ресурса ) автоматически размещается в сети:



Создание сайта на основе шаблона jimdo

После входа в систему вы попадаете в режим редактирования шаблона. При этом если вы вдруг решили, что он вам не подходит, можно выбрать другой. Для этого нажмите на кнопку «Шаблоны » в верхней части блока меню, размещенного слева, и вам будут предложены различные варианты:


Прежде чем приступать к работе, важно уяснить особенности создания сайтов с помощью данного конструктора. Любая страница здесь состоит из следующих блоков:

  • шапки;
  • области контента;
  • навигационного меню;
  • боковой панели;
  • футера (подвала сайта ).

Подробно обо всех этих элементах можно прочесть на соответствующей странице помощи. Не поленитесь сделать это, так как данная информация является очень важной для понимания схемы работы с Jimdo . Также эти знания понадобятся вам и в случае, если будет принято решение о внедрении собственного шаблона.

Допустим, что нам нужно сделать простой сайт компании, оказывающей услуги по подбору персонала. Перед этим необходимо подготовить контент, для сайта который будет загружаться в конструктор.

ЭТО ВАМ ПОНАДОБИТЬСЯ ПРИ РАБОТЕ. Чтобы посмотреть, как ваш сайт будет выглядеть в браузере после внесения изменений, воспользуйтесь кнопкой «Вид». Разработчики конструктора разместили ее в не совсем удобном месте, и при отсутствии опыта работы с данной системой найти ее не так уж и просто. Находится она в самом низу (в подвале) редактируемого макета и сливается по дизайну с шаблоном.


Редактирование элементов (модулей) страницы

Для изменения элементов страницы (изображений, текста и т.д .) кликните по интересующему объекту левой кнопкой мыши. В зависимости от типа контента появится соответствующее окно с параметрами, которые можно изменить. Например, для изменения изображения на главной странице (на других страницах это делается аналогично ), кликните по нему, выберите пункт «Загрузить изображение » и добавьте свое (также можно воспользоваться и Dropbox ):


Здесь же, в окне редактирования, при помощи специальных кнопок вы можете позиционировать картинку, уменьшить или увеличить ее, настроить увеличение при наведении курсора, добавить под изображение ссылку и т.д.

ВАЖНО. Для замены предложенного системой изображения выбирайте картинку, размеры которой будут сопоставимы с исходной. Это вызвано тем, что конструктор по каким-то непонятным причинам не дает растянуть загруженную картинку (уменьшить ее размер можно, а вот увеличить — нет).

Итак, в результате замены у нас получилось следующее:


Для изменения текстовых блоков кликните по нужному левой кнопкой и напишите, либо вставьте требуемый текст. При работе с заголовками в конструкторе вы заметите одну не совсем приятную особенность: почему-то система не позволяет изменять размеры шрифта, что является очень важным фактором для создания нормально читаемого текста. При работе с обычным текстом такого казуса не наблюдается:


После этого можно приступать к редактированию основного контента. В исходном шаблоне эта область разделена на три колонки. При необходимости, можно добавить новые или удалить ненужные. Для этого нажмите на подсвеченную синим цветом кнопку и при помощи знаков «+ » или корзины добавьте/удалите колонки:


Для нашего сайта вполне достаточно одной колонки, где будет отображаться информация о деятельности компании. После удаления ненужных колонок и вставки текста в оставшуюся получаем следующий результат:

В нашем шаблоне остались ненужные нам элементы:


Для их удаления нужно просто навести курсор на ненужный модуль, и нажать значок «корзина ». После этого ненужные части исчезнут, а все остальное «подвинется » как нужно. Таким же образом отредактируем и подвал сайта, удалив из него лишнюю информацию, и оставив только нужные данные. В результате получим простую, не перегруженную сложным форматированием, страницу с нужными нам элементами:

Редактирование навигационного меню, добавление модулей и новых страниц

В левой части нашего сайта размещается навигационное меню. В зависимости от выбранного шаблона оно может быть расположено и в шапке, и в правой части, в общем, где угодно. Оно жестко фиксируется, и перетащить куда-либо данный блок не получится. При наведении курсора мыши на данный блок появляется кнопка «Редактировать навигационное меню ».

Кликнув по ней, вы можете:

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

Для изменения названия пункта меню и соответствующих разделов сайта поставьте курсор в текстовое поле, и введите нужный вам текст.

В нашем примере, помимо главной страницы, на сайте будет три раздела:

  • О нас;
  • Услуги;
  • Контакты.

Для их отображения в меню сделаем их видимыми при помощи значка в виде глаза, а остальные – невидимыми (удалять не будем, так как они могут еще пригодиться ):

После это в редакторе названия страниц, отмеченных как невидимые, отображаются перечёркнутыми. При переходе в окно предварительного просмотра сайта эти пункты меню не видны:

Для редактирования соответствующей страницы кликните по ней в навигационном блоке, и система перейдет в нужный раздел. Наполним разделы «О нас », «Услуги » и «Контакты ». Работа с блоками здесь осуществляется так же, как мы это делали на главной странице. При этом рассмотрим добавление разных модулей на страницу.

К примеру, при переходе в раздел «О нас », замечаем, что на странице нет подзаголовка h2 . Для его добавления наведите курсор на область с основным контентом, и нажмите «Добавить новый модуль ». Из списка выберите «Заголовок » и введите нужный текст (выбрав параметр «Заголовок 2 »):




Таким же образом можно добавлять и другие модули, которых в системе немало. Решив создать сайт в онлайн конструкторе Jimdo , вы можете добавлять на его страницы рисунки, кнопки, товарные поля и т.д. Только не забывайте после каждого действия нажимать кнопку «Сохранить ».

Переходим на страницу «Услуги », и, добавив модули «Колонки », «Заголовок » и «Текст », получаем раздел с описанием услуг компании:


Переходим в раздел «Контакты ». Там уже есть форма обратной связи. От вас потребуется только ввести в соответствующее поле адрес электронной почты, на который будут высылаться уведомления, сформированные этой формой (просто кликните по форме один раз левой кнопкой мыши ):

Добавляем свой шаблон (только для опытных пользователей)

Как и говорилось выше, решив создать сайт на Jimdo , вы можете сделать это на собственном шаблоне. Для этого в системе есть встроенный HTML5 – редактор. Но браться за эту затею стоит только подготовленным пользователям.

Для входа в режим редактирования нажмите кнопку «Шаблоны » в правом меню и выберите пункт «Собственный шаблон »:


После этого откроется окно, где вы будете работать с HTML -кодом и CSS :


Для создания собственного шаблона вам нужно найти «исходник ». Сделать это несложно — по запросу «CSS-шаблоны » вы сможете подыскать подходящий вариант. Из него нужно будет «вытащить » исходный код и код CSS , а также изображения. Обычно шаблоны скачиваются в архивах, где есть все необходимое.

Например, для такого варианта сайта:


Распакованный архив с файлами выглядит вот так:

Из файла «index » мы получим html-код . Для этого откройте его в браузере, затем нажмите сочетание клавиш Ctrl+U , которое откроет страницу с исходным кодом:


Код CSS можно достать из файла «style ». Кликните по нему правой кнопкой мыши, выделите открывшийся код, и можно его добавлять в систему. В папке images размещены все необходимые для сайта изображения.

Если перейти во вкладку «Помощь/советы» , то может показаться, что интегрировать свой шаблон в систему очень просто:


Но не все так радужно, как может показаться при прочтении этих советов. Без знания HTML сюда лучше не соваться. Так как создать сайт на своем шаблоне будет весьма проблематично. Но все же рассмотрим основные вехи.

Итак, чтобы создать сайт своими руками в рассматриваемом редакторе, добавьте в поле HTML исходный код, взятый из скачанного шаблона. Как его «достать », написано выше. После этого жмем кнопку xhtml в левой части окна. При ее нажатии редактор отсечет все ненужные элементы шаблона и оставит подходящие для интеграции в Jimdo :

При этом может быть выдано сообщение об ошибке. И появляется оно в большинстве внедряемых шаблонов. Просто нажмите кнопку «автоматически исправить » и можно продолжать работу.

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

Если этого не сделать, система просто не увидит части страницы. В разделе справки конструктора и в видео все кажется элементарно простым, но если залезть в исходный код, это ощущение сразу пропадает: то, что описано в примерах на сайте конструктора здесь выглядит совсем по-иному. И вам нужно как минимум понимать, что такое контейнеры, и как работать с ними:


В общем, вам нужно найти в исходнике для замены переменными области, соответствующие указанным ниже:

  • области контента (content );
  • навигационному меню (menu );
  • боковой панели (sidebar );
  • футеру (footer ).

Вот в этом и заключается самое сложное, ведь без знания HTML сделать это вы не сможете. В общем, ищем блок:

  • content , выделяем его содержимое, и нажатием одноимённой кнопки меняем его на переменную шаблона Jimdo ;


  • menu , содержимое которого изменяем при помощи кнопки navi ;
  • sidebar, его аналогично заменяем при помощи одноименной кнопки;
  • footer здесь все также: заменяем содержимое блока на переменную при помощи кнопки footer .

После этого во вкладку CSS (предварительно удалив имеющуюся там информацию ) добавляем «вытянутый » из шаблона код CSS .

ВАЖНО. Почему-то в разделах помощи Jimdo об этом нигде не написано, но перед вставкой CSS кода в систему, необходимо его отредактировать таким образом, чтобы в атрибутах изображений отсутствовали фрагменты images/. Их просто удаляем (сделать это можно в обычном блокноте).

Затем во вкладке «Файлы » добавляем прилагаемые к нашему шаблону изображения. После этого переходим во вкладку «HTML » и жмем «Сохранить », если все в порядке, то появится окно с предварительным просмотром нашего сайта:


Видно, что некоторые части исходного шаблона «поплыли ». Но их можно удалить, и заново воссоздать (как вставлять модули мы рассмотрели ранее ) в нужном месте. Также возникший в неожиданном месте модуль можно перетащить мышью куда нужно. В общем, после внедрения собственного шаблона, предстоит еще изрядно потрудиться. Поработав немного над вновь созданным ресурсом, вы легко приведете его в надлежащий вид:


ВАЖНО. Содержимое заполненных вами полей сохраняется в системе, и вы можете в любой момент изменить дизайн сайта. Просто выберите подходящий шаблон, и содержимое сайта перенесется в него. Код добавленного шаблона также сохраняется в конструкторе.

Преимущества и недостатки конструктора Jimdo

Как и у любого подобного сервиса, у онлайн конструктора Jimdo есть свои преимущества и недостатки.

К преимуществам можно отнести:

  • возможность добавления собственного шаблона в систему;
  • быстрое изменение дизайна сайта;
  • большой выбор модулей, которые легко настраиваются;
  • легкая генерация новых страниц;
  • возможность настройки большого количества параметров сайта (пункт «Настройки» в меню справа ):


Что касается недостатков, то они следующие:

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

Коммерческие тарифы

Решив создать сайт на Jimdo , вы можете выбрать для него один из двух платных тарифов Business или Pro . При этом вы получаете:

  • дополнительные шаблоны, соответствующие тарифу;
  • один или два домена второго уровня;
  • собственную электронную почту;
  • помощь менеджеров компании и многое другое.

Для получения информации о платных тарифах и выборе подходящего выберите в редакторе пункт «обновить » в колонке меню справа.


Вывод

Этот онлайн-конструктор сайтов больше подойдет тем, кто уже имеет некоторый опыт работы с подобными сервисами. У новичка могут возникнуть проблемы из-за того, что система жестко привязывает блоки создаваемого сайта к координатам, а также из-за отсутствия возможности откатить одно или несколько внесенных изменений.

А вообще, Jimdo – весьма интересный конструктор. На фоне других его выделяет возможность не привязываться к тому, что есть: внедрить собственный шаблон и создать свой уникальный сайт (при наличии определенных знаний в области HTML и CSS, конечно ). Стоит отметить, что этому онлайн-конструктору не помешало большее количество платных тарифов.

Хорошо Плохо




Top