Стань членом клуба путешествий по морюНажмите этот блок для редактирования текста

enПереключить сайт на этот языкruПереключить сайт на этот языкuaПереключить сайт на этот язык
ГлавнаяПерейти на главную страницу сайтаМой блог о круизахПерейти на блог сайта+Добавить публикацию в блогНа сайт inCriusesПерейти на сайт клубаНравитсяПоделиться этой страницей в своём Фейсбуке?Перейти на страницу "Руководство Пользователя"

Руководство пользователя

Добро пожаловать в руководство к шаблону "InCruises Partner". Этот адаптивный шаблон предназначен для клиентской стороны вашего сайта. Он имеет минимальный, но достаточный функционал для партнёрских задач - всего 4 страничных макета без лишних наворотов:

  • главная страница
  • лента блоговых публикаций
  • страница отдельной публикации
  • страница "ошибка 404"

Разделы руководства написаны в форме "вопрос-ответ". Все ответы по умолчанию свёрнуты, но для удобного чтения можно развернуть любой, щёлкнув по знаку + около нужного вопроса.

Цель руководства

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

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

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

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

Условия использования

Шаблон "InCruises Partner" является бесплатным и распространяется по международной лицензии Creative Commons BY-ND 4.0. Это значит что:

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

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

  • Нельзя удалять копирайт автора из файлов шаблона, даже переработанных. В случае переработки файла вы можете лишь добавить под копирайтом автора свою строку "Год Копирайт Автор". Это нормальная практика уважительного отношения к авторству.
  • NoDerivatives означает запрет делать публичные производные работы от этого шаблона. Например нельзя под видом нового шаблона массово распространять доработанную версию, которую вы делали для хозяина сайта по его заданию.

Кем и зачем создан этот шаблон

Шаблон "InCruises Partner" свёрстан в сентябре 2019 года фрилансером Pachulli JR по заказу частных инвесторов из международного клуба путешествий inCruises. Инвесторы опубликовали заказ через платформу онлайновой сборки сайтов, где упомянутый фрилансер взял задание на выполнение и отлично справился.

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

Получившуюся в результате тему для сайта назвали "InCruises Partner", она обладает следующими важными качествами:

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

На каких технологиях создано

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

  • ShortCodes Helper - спасибо этой библиотеке коротких кодов за богатый комплект полезных шаблонизационных тегов, благодаря чему шаблон был собран очень быстро, а его логика оказалась простой и легко читается. Сейчас в шаблоне использована версия 2019.05.20 данной библиотеки.
  • Google Fonts - спасибо этой библиотеке бесплатных шрифтов и автору шрифта за предоставленный шрифт Roboto Slab с кириллическим начертанием символов.
  • Unsplash - спасибо этому фотобанку бесплатных снимков и авторам этих снимков за демонстрационные изображения, которые использовались в работе с целью показать как примерно будет выглядеть сайт при наполнении графическим контентом.
  • Impera CMS - спасибо этой бесплатной системе управления сайтом за её богатый функционал "из коробки" и простую систему разработки.
  • Flat Icon - спасибо этому банку бесплатных иконок и его авторам за отдельные SVG-значки, которые использовались в работе с целью обозначить смысл некоторых административных элементов интерфейса.
  • Simplify Development - спасибо этому бесплатному фреймворку за необычный комплект Javascript функций, благодаря чему стало возможным написание браузерной логики сайта под линейное мышление обычного пользователя, вынужденного от случая к случаю совмещать обязанности штатного вебмастера.
  • Lazy Loading - спасибо этому бесплатному скрипту ленивой загрузки изображений, аудио и YouTube видео, благодаря чему сайт особенно на мобильных устройствах открывается мгновенно и грузит "тяжёлые" ресурсы лишь когда пользователь прокрутил страницу до них.
  • Admin Upload - спасибо этому бесплатному скрипту за предоставляемую администратору возможность заменять картинки сайта прямо с клиентской стороны, то есть не заходя в админпанель.
  • Google Translate - спасибо этому бесплатному онлайн переводчику за возможность построчно перевести тексты сайта, чтобы продемонстрировать пользователям шаблона функцию мультиязычности в действии.

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

Как установить по частям: запуск сайта

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

Осталось установить на хостинг удобную систему управления контентом и шаблон сайта. Действуйте следующим образом:

  • Скачайте установочный архив impera_cms.zip для системы управления.
  • Распакуйте архив на своём компьютере, например с помощью программы WinZIP.
  • Должно получиться 2 новых файла:
    • install.php
    • ImperaCMS_sources.zip
  • Скопируйте эти 2 файла в корневую папку сайта на вашем хостинге.
  • Откройте в браузере установочную страницу:
    • http://ваш.сайт/install.php
  • Должно появиться стартовое окно программы установки.
  • Пройдите все 5 простых экранов установки.
  • На последнем шаге перейдите в административную панель сайта.

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

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

Третий экран проходит в автоматическом режиме. А в новых версиях скрипта установки этого экрана вообще может и не быть.

На четвёртом экране вас просят придумать себе логин и пароль для входа в административную панель сайта.

Ну и пятый экран позволяет выйти на главную страницу клиентской стороны сайта или войти на административную сторону.

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

Как установить по частям: запуск шаблона

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

  • Скачайте с официальной страницы темы InCruises Partner её установочный архив InCruisesPartner.zip.
  • Загрузите этот архив через пункт админпанели "дизайн » Дизайны сайта » загрузить".

Такой процесс загрузки на всякий случай показан на скриншоте. В результате в списке дизайнов клиентской стороны у вас должен появиться дизайн с именем InCruisesPartner. Затем вам надо щёлкнуть это название, чтобы сделать дизайн активным.

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

Как добавить публикацию в блог

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

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

Так как выбор административного шаблона - дело вкуса, и часть владельцев сайта вполне удовлетворены стандартным шаблоном имеющейся системы управления контентом, то давайте посмотрим скриншот именно на таком шаблоне.

Вас просят ввести некий набор сведений о новой публикации блога и нажать кнопку Сохранить, после чего сайт снова перебросит вас в ленту блога на клиентской стороне.

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

Поэтому на следующем скриншоте показана форма заполненная целиком и прокомментировано назначение важных элементов формы.

Заметьте, что у блоговой публикации есть 3 текстовые части: аннотация, полный текст и так называемый SEO-текст.

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

Как вставить видео

Иногда бывает необходимо вставить в текст публикации YouTube видео или MP4 видео.

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

Например, если бы вы захотели вставить ниже видеопроигрыватель для ролика с YouTube, скажем для ролика с таким адресом - https://www.youtube.com/watch?v=GXI0l3yqBrA, тогда в нужном месте текста следует поставить вот такой тег [youtube https://www.youtube.com/watch?v=GXI0l3yqBrA].

И на клиентской стороне в этом месте сразу же появится проигрыватель. Смотрите живой пример, как это выглядит:

Для воспроизведения видеороликов, сохраненных на сайте например с вашего смартфона, существует подобный тег [video URL-to-your-video.mp4].

Как вставить аудио

Предположим теперь, что вы загрузили на сайт некий MP3, например по адресу http://demo.imperacms.ru/design/InCruises/images/manual/audio.mp3, и хотели бы вывести в тексте публикации проигрыватель для данного музыкального трека.

Тогда напишите соответствующий тег [audio http://demo.imperacms.ru/design/InCruises/images/manual/audio.mp3] по такому же принципу, как объяснялось в предыдущем вопросе-ответе, и на месте тега вы увидите аудиопроигрыватель. Смотрите живой пример:

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

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

Если у вас имеется какой-то вопрос, не рассмотренный в руководстве пользователя, тогда задайте вопрос в форму обратной связи на официальной странице темы InCruises Partner. Полезные вопросы и ответы на них будут добавлены в руководство.

Задать вопрос »

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

Приветствуются любые разумные идеи по улучшению шаблона InCruises Partner во благо партнёров клуба и любое инвестиционное участие для реализации выдвинутых идей.

ГлавнаяПерейти на главную страницу сайтаМой блог о круизахПерейти на блог сайта+Добавить публикацию в блогНа сайт inCriusesПерейти на сайт клубаНравитсяПоделиться этой страницей в своём Фейсбуке?Перейти на страницу "Руководство Пользователя"