Архив автора: Admin

Эта бессмысленная фраза «продающий сайт»

Всем привет 🙂

Сегодня я хотел бы обсудить с вами одну из фраз, которую можно довольно часто увидеть в пожеланиях заказчиков к созданию сайта. Эта фраза — «продающий дизайн». Её можно очень часто увидеть в заданиях, публикуемых в на фриланс-площадках, а также иногда даже в технических заданиях серьезных организаций. Часто это что-то вроде «Нам нужен продающий сайт» или «Наш сайт нужен с продающим дизайном».

Честно говоря, меня всегда ставила в тупик эта фраза. Давайте попробуем разобраться.

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

Во-первых, давайте разберемся. Вам не кажется, что подобная фраза абсолютно бессмыслена в задании? Ну, то есть, цель практически всех сайтов — реклама каких-либо товаров или услуг и каждый сайт, по-хорошему, должен быть «продающим», то есть, на самом деле, изначально любой хороший исполнитель, понимая это, старается сделать сайт продающим. Неужели заказчик думает, что увидев эту фразу в задании, половина исполнителей воскликнет «Да блин! Я не буду откликаться! Мои сайты же не продающие, а здесь нужен профессионал по продающим сайтам». Уверяю вас, это не так, эта фраза не остановит никого из разработчиков. Если вы хотите достигнуть какого-то конкретного показателя «продающего» сайта, то лучше тогда попробуйте найти людей с маркетинговым опытом именно в вашей нише, если это у вас, конечно, получится, чтобы проконсультироваться с ними по поводу будущего дизайна, чтобы они рассказали вам на свое опыте, какой дизайн какие показатели принес.

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

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

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

А как вы думаете, прав ли я? Есть ли смысл в этой фразе?

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

Вывод элементов в WordPress

Одной из важнейших и удобнейших функций CMS WordPress является удобный вывод тех или иных элементов на сайте.

Самая распространённая задача, которая встаёт перед администратором WordPress сайта — вывод записей (постов) на какой-либо странице. Это могут быть статьи, новости и что угодно ещё. Возможно 2 варианта реализации данной задумки:
1. Средствами самого WordPress. При помощи пункта «Настройки» -> «Общие» вы можете выбрать «Страницу записей», на которой будут выводиться все без исключения имеющиеся записи.
2. Посредством WordPress плагинов. Этот вариант немного удобнее, так как позволяет настроить вывод отдельных категорий (рубрик) на конкретной странице или страницах — главной, странице контактов, странице новостей и т.д.

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

Кроме всего вышеуказанного довольно часто вам может понадобиться настроить вывод какого-либо меню на вашем WordPress сайте. Для реализации данной возможности вам сначала необходимо будет скопировать и вставить небольшую PHP-функцию в конец файла functions.php вашей темы, вот этот код:
function print_menu_shortcode($atts, $content = null) {
extract(shortcode_atts(array( ‘name’ => null, ), $atts));
return wp_nav_menu( array( ‘menu’ => $name, ‘echo’ => false ) );
}
add_shortcode(‘menu’, ‘print_menu_shortcode’);

После добавления вышеуказанного кода в functions.php вы сможете вставлять меню в любое место на странице при помощи шорткода вида [menu name=“слаг названия нужного меню на английском”]

Форма обратной связи в WordPress

Сегодня мы поговорим о том, как создавать на своём WordPress сайте такой распространённый элемент, как форма обратной связи (или любая другая форма, например, форма заказа обратного звонка).

Сразу стоит отметить, что, к сожалению, в WordPress нет встроенных инструментов, позволяющих создать форму обратной связи. Для этой задачи используются различные плагины. В официальном репозитории WordPress подобных плагинов содержится огромное множество. Самый популярный из них — плагин Contact Form 7.

Это гибкий инструмент, который позволит вам создать практически любую форму. Стоит также отметить, что плагин настолько популярен, что в официальном репозитории WordPress вы можете найти множество плагинов, разработанных специально для того, чтобы дополнить какие-либо функции Contact Form 7.

Так вот, для создания формы обратной связи в WordPress вам, прежде всего, необходимо установить и активировать плагин Contact Form 7. Напоминаю, что сделать это можно в административной панели вашего WordPress сайта в разделе «Плагины» -> «Добавить новый».

После установки и активации Contact Form 7, всё, что вам осталось сделать — создать и настроить вашу форму. Для этого вам необходимо перейти в новый раздел админ-панели WordPress, который появился у вас после активации плагина, называется он «Contact Form 7».

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

Итак, чтобы создать новую форму обратной связи в WordPress — нажмите «Добавить новую» в данном разделе меню (Contact Form 7). Перед вами появится заготовка формы, которую вам нужно будет вначале озаглавить (самая верхняя строчка), чтобы не путать, для чего нужно эта форма, а затем — изменить саму форму.

Делается это довольно просто. Любая форма — это набор каких-либо полей и кнопка отправки данных — Submit. Поэтому всё, что вам нужно сделать, это добавить и расположить в окне редактирования формы все нужные роля и увенчать всё это кнопкой submit. Вы увидите, что в изначальной заготовке там и сделано, она должна послужить вам примером.

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

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

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

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

Готово. Теперь необходимо добавить данную форму в нужное место на вашем WordPress сайте, например, на страницу «Контакты». Для этого, прежде всего, скопируйте так называемый «шорткод» вашей формы, он будет указан прямо под названием вашей формы (скопировать нужно прямо с квадратными скобками).

Теперь перейдите в административной панели сайта WordPress на нужную страницу в разделе «Страницы», в нашем примере — в страницу «Контакты». В появившееся окно редактирования содержимого вставьте скопированный шорткод в нужное место, например, в самый конец и нажмите синею кнопку «Обновить» справа.

Готово, вы создали свою собственную форму и добавили ее в нужное вам место на своём сайте!

О WordPress админке

В сегодняшней статье пойдёт речь о самом сердце CMS WordPress — об админке (административной панели).

Админка, по своей сути, это самая главная часть всего WordPress, так как позволяет непосредственно управлять самим сайтом, а именно это и является определением системы управления сайтом WordPress, как таковой.

Для того, чтобы зайти в административную панель WordPress вам необходимо в строке URL-адреса к URL-адресу вашего сайта, например, «example.ru» прибавить окончание «/wp-login.php», чтобы в итоге получилось что-то вроде этого «example.ru/wp-login.php». Стоит заметить, что это стандартное, заранее предустановленное URL-окончание практически для всех сайтов WordPress, позволяющее войти в админку, за исключением тех случаев, когда это окончание было изменено вами или вашим веб-мастером вручную в целях безопасности или по другим причинам.

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

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

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

Теперь немного об основных разделах.

Для общих настроек сайта вам необходимо посетить раздел «Настройки» в левом меню админ-панели. Там вы сможете настроить такие опции, как главная страница сайта, разрешить комментарии, поменять название сайта и т.д.

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

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

О бесплатных WordPress шаблонах

Сегодня речь в статье пойдёт о такой теме, как бесплатные шаблоны WordPress.

Как вам, возможно, уже известно шаблоны (они же — темы) в WordPress играют очень значимую роль. Именно от шаблона, в большей степени, зависит то, как будет выглядеть ваш сайт. Исходя из самого названия «шаблон» становится понятно, что это — некая заготовка внешнего вида сайта, которую вы можете использовать применительно к своей тематике. Шаблон, по своей сути, технически — это набор файлов, написанных на языке программирования PHP и расположенных в директории /WP-content/themes вашего сайта.

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

Существует 2 вида шаблонов в WordPress: платные и бесплатные.

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

Что касается бесплатных шаблонов (так называемые Open Source шаблоны), то здесь все довольно просто. Эти шаблоны, чаще всего, разрабатываются с одной из 3 целей:
1. Повысить свои навыки, как программиста
2. Внести свой вклад в развитие сообщества WordPress
3. Прорекламировать платную версию этого же шаблона. То есть в данном случае шаблон представляет собой урезанную по возможностям версию какого-либо платного шаблона. Вам, как бы, например, говорят: «Нравится этот бесплатный шаблон? Тогда предлагаем вам купить дополненную версию, в которой вы сможете самостоятельно изменять фон страницы».

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

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

Как изменять что-то в WordPress?

Сегодня мы поговорим о том, как изменять те или иные элементы на вашем WordPress сайте. Речь пойдёт о самых распространённых вопросах.

Как изменить страницу WordPress? Делается это очень просто — через админ-панель. Зайдите в раздел «Страницы», выберите нужную страницу, щёлкните по ней, отредактируйте и нажмите синюю кнопку «Обновить» справа.

Как изменить меню WordPress? Для этого вам необходимо в админ-панели зайти в раздел «Внешний вид» в подраздел «Меню». При помощи появившихся полей создайте и отсортируйте меню, которое будет выводиться у вас в навигации.

Как изменить админку WordPress? Для изменения содержимого административной панели вам необходимо обладать начальными знаниями языка программирования PHP, так как для ее изменения необходимо задействовать специальные «хуки», использующие PHP.

Как изменить пароль WordPress? Данное действие производиться при помощи стандартной формы, либо через админ-панель, при помощи раздела «Пользователи».

Как изменить сайт на WordPress? Это довольно общий вопрос, который чаще всего подразумевает изменение внешнего вида сайта. Это можно сделать при помощи настроек вашей установленной темы, но я рекомендую немного изучить технологии HTML и CSS. Это позволит вам превратить ваш сайт в практически любую задумку.

Как изменить шапку WordPress? Шапка обычно изменяет при помощи настроек конкретной темы. Кроме того, изображение шапки можно загрузить при помощи CSS-свойства background.

Как изменить шрифт WordPress? Для этого вам необходимо сначала загрузить шрифт в директорию вашего сайта, а затем добавить в ваш CSS-код примерно такую конструкцию:
@font-face {
font-family: «Название шрифта»;
src: url(Ваш путь к шрифту/Название шрифта.ttf);
}

Как изменить плагин WordPress? Для подобных изменений требуется знание PHP, ведь вам придётся редактировать и менять чужой PHP-код, который используется во всех плагинах.

Как изменить фон WordPress? Чаще всего это можно сделать при помощи настроек темы. Также это можно сделать при помощи CSS-свойства background, добавив в качестве фона картинку или же изображение.

Как изменить главную страницу в WordPress? Для этого в административной панели сайта вам необходимо перейти в раздел «Настройки», подраздел «Чтение» и в графе «Главная страница» из выпадающего списка выбрать нужную.

Как создать полноценный сайт за 5 минут?

1. Зарегистрируйте или приобретите виртуальных хостинг и доменное имя, например, у хостинг провайдера TimeWeb подойдёт простейший тариф Year. Важно — после регистрации доменного имени придется подождать пару часов, пока он не пройдет официальную регистрацию. Только после этого переходите к следующему шагу.
2. В панели управления хостингом найдите и воспользуйтесь автоматической установкой CMS WordPress. Вам будут выданы логин и пароль для управления сайтом. Сайт уже почти готов. Осталось его наполнить.
3. Зайдите в административную панель своего сайта, подставив в конец вашего доменного имени /wp-login.php, чтобы получилось что-то вроде «http://vash-sayt.ru/wp-login.php» . Введите выданный логин и пароль и вуаля — вы управляете и редактируете собственный сайт, зайдите в раздел «Страницы» и создайте свою первую страницу.

Файлы WordPress

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

Первое, что стоит знать — подавляющее количество файлов в WordPress это файлы с расширением .php, содержащие в себе программный PHP-код движка CMS и непосредственно вашего сайта, они влияют, в основном, на функциональные особенности. Кроме того, вам также встретятся файлы с расширением .js, содержащие код JavaScript, который, в основном, влияет на внешнюю динамику сайта непосредственно в браузере. Также чуть реже вам будут встречаться файлы с расширениями .css (каскадные таблицы стилей), .po и .mo (файлы для перевода тем на разные языки) и другие.

В корневой директории WordPress находится ряд важных PHP-файлов, содержащих настройки движка, а также 3 основные папки:

wp-includes, wp-admin и wp-content. Всё, что вам нужно знать о первых двух папках — это то, что эти папки содержат жизненно важные файлы, отвечающие за корректную работу WordPress, поэтому старайтесь никогда без крайне на то необходимости не вносить каких-либо изменений в эти две папки — wp-includes и wp-admin. Это не стоит делать по двум причинам:

1. Вы можете необратимо нарушить стабильную работу своего сайта

2. Любые изменения, которые вы туда внесете, исчезнут, как только WordPress автоматически обновится до новой версии.

Что же касается непосредственно папки wp-content, то это уже совсем другой разговор. Она, как раз, в наибольшей степени предназначена для внесения каких-либо модификаций и содержит такие папки, как uploads (где хранятся все загруженные в библиотеку WordPress файлы), themes (где хранятся, разложенные по папкам, установленные CMS темы), plugins (где система хранит все установленные плагины).

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

Как убрать в WordPress всё, что угодно

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

Перейдём сразу к делу: всё волшебство сокрытия элементов на сайте заключено в чудесном CSS-свойстве, под названием «display:none». Итак, что же это такое?

Как вы, возможно, уже знаете, WordPress построен на основе 4 основных технологий:

1. Язык программирования PHP, который отвечает за функциональную работоспособность сайта, в основном, скрытую от глаз посетителей.

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

3. Язык гипертекстовой разметки HTML, который является основным веб-стандартом отображения WEB-страниц в интернете.

4. Каскадные таблицы стилей CSS, от которых на 90% зависит то, как ваш сайт будет выглядеть внешне: размер шрифтов, цвет текста, цвет фона, прозрачность элементов и многое-многое другое.

Так вот, сегодня мы заострим своё внимание именно на 4-ом пункте — CSS, потому что именно он поможет нам убрать ненужные элементы WordPress сайта.

Дело в том, что как было сказано ранее, среди всех прочих свойств, вроде цвета шрифта, фона, размера элементов и всего прочего, существует CSS свойство, которое отвечает за показ определённых элементов. Это свойство называется «display». Оно может принимать различные значения, определяющие то, каким образом браузеру необходимо рассматривать этот элемент, но нас сегодня интересует именно значение под названием «none». Это значение вкупе со свойством display напрямую говорит браузеру посетителя WordPress сайта, что данный элемент показывать не нужно.

Так как же это действует и куда всё это нужно вписывать?

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

<a href=“http://wordpress.com” id=“copy” class=“ssilka”>Сделано на WordPress</a>

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

#copy {display: none;}

.ssilka {display: none;}

После вписывания любой из вышеуказанных строк либо в файл style.css вашей темы, либо в специальный блок CSS-настроек вашей темы, либо в блок CSS-настроек какого-либо стороннего плагина (например Simple Custom CSS) указанная ссылка исчезнет.

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

#copy {display: none !important;}

.ssilka {display: none !important;}

Кроме того, если вы вносили одну из этих строчек в файл style.css своей темы, то не забудьте после этого очистить кеш своего браузера, нажав сочетание клавиш CTRL + F5, а также не забудьте почистить кеш на самом сайте, если вы используете какие-либо дополнительные кеширующие плагины (например, WP Super Cache).

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