Coin Lab

0 568 0
Создаем свой сайт и принимаем биткойны: Strikingly.com

Strikingly.com – это платформа для создания сайтов “на коленке”, без навыков программирования и верстки вообще. Если вам необходимо оформить очень красивый сайт компании, блог или личную страницу за 30 минут пару дней – этот сервис поможет вам.  Новоиспеченным биткойн предпринимателям или активистам наверняка пригодится удобная платформа для создания сайта компании или личного блога о криптовалютах. Данный “конструктор” сайтов подойдет как нельзя лучше, т.к. полностью исключает необходимость нанимать веб-дизайнера. Вы не только сэкономите на услугах дорогих мастеров, но и получите всю инициативу в свои руки.

Вот ведь удача! Случилось так, что вам необходимо срочно создать качественный веб-сайт самому. Не важно, что послужило причиной: требования жены, указ начальства, прихоти вашей измученной творческой души или эта статья… Главный вопрос – Как? Как создать такой биткойн сервис, при посещении которого у любого сразу будет отвисать челюсть?

Давайте рассмотрим варианты.

Если вы – профессионал в создании сайтов, для вас HTML, CSS и прочие “страшные” вещи – не проблема, то, конечно, вы сможете сами сверстать сайт для нужд компании или личного блога. Все настроить вручную, так сказать, установить все плагины для WordPress, купить пару хороших тем… и так далее. Однако, сегодня уже не только веб-программистам, крупным компаниям, государственным учреждениям и прочим православным институтам нужен официальный сайт для взаимодействия с публикой/клиентами. Настает эра, где собственный веб-сайт есть у каждого. Это не привилегия или вычурные онлайн-понты, это сущая необходимость. И вот почему.

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

Война за внимание

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

Но не каждый из нас – верстальщик 80 уровня. Большинство людей занято на своей работе и не имеет возможности заниматься изучением языков программирования. А создать качественный сайт вам может понадобиться в любой момент жизни. Что же тогда делать? Учить веб-программирование вотпрямсчас, нанимать “профессионала” за приличные деньги, или…

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

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

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

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

Что внутри?

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

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

Чтобы создать новый сайт, жмем на зеленую кнопку. Вам предложат выбрать “шаблон” для сайта:

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

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

Как видим, не прошло и минуты, а вступительный “продающий текст” написан. А как выглядит! Картинку на заднем плане можно вставить любую. Через меню редактора (слева) можно добавлять любое количество блоков (SECTIONS) и располагать их в нужном вам порядке. А также – переименовывать. Ничего сверх сложного и очень быстро. Отредактировать изображение на фоне и стилистику его подачи можно в специальном меню “BACKGROUND”, справа вверху (каждая секция может иметь свое меню BACKGROUND).

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

Если кликнуть по “EDIT IMAGE”, появляется очень простой и понятный визуальный редактор, в котором вы сможете легко отредактировать изображение, придав ему определенный характер.

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

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

Вы можете кликнуть по ней и увидеть меню. Стоит выбор:

  • Редактировать картинку
  • Заменить
  • Удалить
  • Также к картинке можно добавить ссылку и текст, текст будет виден как всплывающий по наведении мыши, а ссылка будет открываться в этой же или новой вкладке при нажатии на картинку.

     

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

    Можно настраивать всякие параметры типа яркости, контрастности, резкости и т.п.

    На картинке выше добавляем текст и ссылку при необходимости. В данном случае при наведении мыши на картинку посетитель видит надпись “Yours Forever”. Нажав на “Add link” можно добавить гиперссылку на другую секцию сайта, скачивание документа, или сторонний веб-сайт.

    Вот так получается в итоге! Неплохо, учитывая что мы затратили всего-то пару минут?

    При помощи фишки “Site Preview” вы можете смотреть, что происходит с сайтом на самом деле. Ведь в готовом виде он выглядит куда лучше, чем в редакторе.

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

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

    Добавляем новые секции на сайт

    При помощи кнопки “Add New Section” вы можете расширять свой сайт практически до бесконечности. Структура всех шаблонов в Strikingly такова, что ваш сайт строится из “секций”, как бы идущих одна за другой. По мере прокрутки, или при помощи навигационных кнопок, посетитель изучает секции. Он может как читать весь сайт сверху вниз, так и перемещаться быстро из одной секции в другую.

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

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

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

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

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

    Онлайн магазин

    Давайте создадим новую секцию, пусть это будет онлайн-магазин:

    Секция выглядит не очень, давайте заполним ее немного.

    Редактор товаров настолько прост, что нет смысла его рассматривать. Вы вставляете фотографию товара, название, описание, цену в предпочитаемой валюте (нет гривны, рубля, биткойнов, зато доллар как всегда…), далее добавляете следующий.

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

    Для вас на выбор – Stripe или PayPal. Можно также добавить опцию оплаты в биткойнах, самостоятельно создав такую в отдельной секции или блоке секции. Отрисовав красивый логотип Bitcoin или использовав тот, что найдете в Сети, вы можете добавить к нему небольшой сопроводительный текст и ваш биткойн адрес (прикрепив картинку с QR-кодом).

    Магазин готов!

    Все остальные товары появляются ниже, по мере прокрутки пользователем.

    Личный Блог или Блог Компании

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

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

    Слева – мини панель с кнопками Опубликовать, Сохранить (для публикации позже), Показать (как будет выглядеть пост для читателя), Настройки (где можно попросту указать мета-описание поста для поисковых движков), и Выход.

    Сам же пост создается точно так же, как и сайт – из отдельных мини-блоков, в каждом из которых вы можете разместить текст, картинку, видео, красивую кнопку (например “Купить” или “Пожертвовать”), цитату или разделитель. Должно быть, вы заметили красную кнопку “Enable comments” внизу справа – так можно подключить Disqus комментарии к записи а также добавить кнопочки социальных сетей.

    Особое внимание стоит обратить на настройки блога.

    Вы можете настроить количество постов на одну страничку, выбрать, показывать ли вместе с названием поста кусочек текста, подключить ваш Disqus, включить или выключить генерацию RSS ленты, подключить Mailchimp (если вас интересует автоматическая рассылка подписчикам на е-мейлы). Mailchimp, как видим по желтой иконке, доступен только в Pro версии.

    На картинке выше – пример, как можно добавить блок с картинкой и блок с цитатой, а вот, как это будет выглядеть:

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

    Создание Галереи на сайте

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

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

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

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

    Настройки сайта

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

    Вот например пункт меню “Описания”. Вы можете выбрать категорию сайта (Бизнес, Благотворительность, Общество, Портфолио, и т.п.), ввести короткое описание сайта для поисковых машин, ключевики, по которым он будет находиться лучше всего, установить Facebook Share картинку, а также иконку сайта (Favicon): можно загружать только в формате PNG, оптимальный размер – 16х16. Именно эта иконка отображается на вкладке браузера.

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

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

    Можно решить, будут ли отображаться те или иные кнопки на мобильных устройствах. Кстати, специально для телефонов в настройках “Mobile Actions” можно:

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

    Если перейти на вкладку “SERVICES”, можно навесить на сайт особую карточку, которая выскакивает каждый раз, как кто-то делится вашим сайтом в Twitter. Там же настройки сервиса Optimizely.com, к которому можно привязать ваш сайт. Кроме того, имеются удобные поля для вставки Google Analytics и Site Verification кодов.

    Что еще можно делать в настройках?

    Вы можете выбрать язык сайта на вкладке “Site Language”. Русского нет, однако создавать сайт полностью на русском ничто не мешает. В настройках стиля сайта для вас доступна коллекция шрифтов, однако работают они исключительно для латинских букв. Русский язык же, вне зависимости от выбранных шрифтов, доступен всего в двух видах.

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

    В секции “Custom Domain” вы можете зарегистрировать новый домен через сервис или подключить уже существующий к нему. Если вы не очень-то разбираетесь в подключении доменов, то можете обратиться в службу поддержки и они сделают все за вас (и снова, вам придется предоставить доступ к вашей учетной записи а также учетной записи текущего хостинг провайдера). Если вы решите сделать все самостоятельно (как решили мы), то на сайте помощи Strikingly имеется довольно подробная инструкция.

    На вкладке “Custom Code” вы получите возможность вставить в начало или конец странички свой собственный код, если редактор не поддерживает создание той функции, которая вам нужна или вы просто хотите добавить HTML/CSS/Javascript на сайт. Фишка только для пользователей Pro версии. Также для них имеется бонус: через сервис можно зарегистрировать один домен бесплатно.

    Стоимость

    Ценовая политика достаточно щадящая, если сравнивать с аналогами вроде WordPress. Емко она может быть выражена картинкой ниже.

    Некоторые из указанных в Pro плане фишек медленно перекочевывают в Free версию. Например, App Store, который изначально был доступен только за плату, теперь доступен всем подписчикам.

    Вы можете выбрать помесячную оплату, годовой план или план на 2 года. Чем больше период, тем меньше вы платите за 1 месяц. В рамках Pro аккаунта можно создать до 3-х Pro сайтов, а также неограниченное количество Free сайтов. В рамках Limited аккаунта доступно 2 Limited сайта и сколько угодно Free сайтов. Даже при помощи бесплатных инструментов вы создадите потрясный сайт за очень короткое время.

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

    Кто пользуется этим сервисом?

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

    Запуск вашего сайта

    Если вы пользуетесь Free версией, то подключить собственный домен к сайту не получится. Вы можете ввести адрес вашего сайта, который будет заканчиваться на .strikingly.com. Для платных подписчиков возможность использовать личный домен доступна. Список всех ваших сайтов находится в личном кабинете.

    Названия и адреса сайтов затерты из соображений паранойи.

    По каждому сайту ведется упрощенная статистика посещений, вы можете быстро “опубликовать”, “скрыть” или удалить сайт. Если при создании отдельного сайта использовались Pro опции, он помечается соответствующей желтой иконкой. Аналогичной иконкой помечаются все блоки/фишки/секции в редакторе, относящиеся к Pro/Limited возможностям. Насколько мы смогли заметить, в Limited версии конструктора есть всего пара преимуществ над Free, так что для серьезноых сайтов лучше сразу покупать себе Pro план.

    Итог

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

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

    Материал подготовлен для Bitnovosti.com Aвтор обзора: CPB

    Чаевые с благодарностью принимаются: 1KU2J1Lxw3Gbutq4vsSGGw91aEbPCGLqSh

    Подписывайтесь на новые видео нашего канала!

    Источник

    Теги

    Блокчейн глазами IBM: зачем нужен проект HyperLedger и когда мир перейдёт на новую технологию В четверг, 10 ноября, IT-гигант IBM представит своё видение того,…
    admin by admin
    0 2902 0
    Взгляд Microsoft на блокчейн-технологию: от слов к коду Представляем одного из ключевых спикеров Blockchain & Bitcoin Conference Russia…
    admin by admin
    0 1672 0
    Блокчейн в банковской системе: взгляд Сбербанка Сбербанк России – один из лидеров банковского рынка по внедрению…
    admin by admin
    0 3492 0

    Leave a Reply

    Войти
    Регистрация
    Отправить сообщение