Coma Web Development разрабатывает сайты на WordPress c 2010 года. В блоге мы делимся некоторыми наблюдениями из жизни, советами и рекомендациями для тех, кто решит сделать сайт на WordPress самостоятельно.

rss-race

12 советов как оптимизировать ваш RSS Feed в WordPress

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

1. Оптимизируйте свой фид для Feedly

Feedly быстро превратился в самый популярный фид-ридер после кончины Google Reader. Для начала понадобиться установить и включить плагин Optimize Your Feed for Feedly. Если вам требуется больше деталей, то следуйте пошаговому руководству как установить плагин WordPress. После активации зайдите в Settings > OYFFF для того, чтобы настроить плагин.

В первой опции вам нужно выбрать крупное изображение, которое можно было бы использовать в качестве обложки для своего сайта. Затем вам надо указать SVG-изображение, которое будет использоваться в качестве иконки вашего сайта. Если логотип у вас в виде PNG или JPEG, то можете воспользоваться конвертером PNG в SVG. Если у вас выдаст ошибку при загрузке, то вам надо будет включить загрузку SVG в WordPress. Для этого просто добавьте нижеприведенный код в файл functions.php или специфичный плагин вашего сайта.

function cc_mime_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

Затем вам надо отметить ячейку для вашего featured-изображения. Однако если вы пользуетесь своим кодом, чтобы добавлять изображения в свой фид, то вам придется убрать этот код. Иначе ваш featured-изображение будет отображено дважды в вашем фиде. После этого необходимо указать SVG-файл, который будет использоваться как логотип. Можете также использовать логотип своего сайта, только убедитесь, что у него фиксированный размер 30 пикселей. Можно выбрать цвет, на который будет делаться акцент, при отображении вашего сайта в Feedly. Ну и наконец можно добавить свой tracking ID от Google Analytics, который вы можете найти в настройках своего аккаунта. Оно будет иметь похожий вид UA-XXXXXXX-X. И, конечно же, не забудьте сохранить настройки.

2. Добавьте кнопку Follow на Feedly к своим постам

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

WordPress

Feedly сгенерирует вам кусок кода. Вам нужно скопировать его и зайти на страницу Appearance > Widgets в вашей админ-панели. После этого просто добавьте текстовый виджет в ваш sidebar и вставьте туда кусок скопированного кода.

3. Показывайте аннотацию вместо полной статьи в RSS-фиде

Показывая статью целиком, вы позволяете пользователям RSS-фида читать ее, не покидая свой фид-ридер, что негативно сказывается на просмотрах страниц и доходах с рекламы. Поэтому есть смысл в том, чтобы показывать лишь аннотацию статьи, нежили всю статью целиком. В WordPress для этого есть встроенное решение. Просто зайдите на страницу Settings>Reading в вашей админпанели и найдите опцию For each article in a feed, show.

WordPress

Затем просто щелкните по Summary и сохраните настройки. На этой же странице можно управлять количеством отображаемых в RSS-фиде постов.

4. Добавляйте изображения в фид

По умолчанию WordPress не добавляет featured-изображения в RSS-фид. Если вы не пользуетесь плагином Optimize Feed для Feedly, то можете воспользоваться следующим методом. Вам понадобится добавить нижеприведенный код в файл functions.php или специфичный плагин.

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '

' . get_the_post_thumbnail($post->ID) .
'

' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

Этот код всего-навсего добавляет ваше featured-изображение в абзац прямо перед текстом.

5. Добавлять контент до или после постов в RSS-фидах

Хотите добавлять свой контент в начале или конце каждого материала в вашем RSS-фиде? Если вы уже пользуетесь плагином YoastSEO, то вам повезло. Направляйтесь в страничку SEO>Advanced и щелкните по вкладке RSS.

WordPress

Здесь вы увидите два текстовых поля, чтобы добавить текст до и после своего поста в фиде. Вы заметите, что плагин автоматически добавляет строчку ‘The post %%POSTLINK%% appeared first on %%BLOGLINK%%.’ после каждого поста. Это защищает ваш контент от воровства в виде разных контнет-скраперов, так как Google всегда будет знать, что именно ваш сайт был оригинальным источником.

6. Добавляйте свои типы постов в RSS-фид

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

function myfeed_request($qv) {
	if (isset($qv['feed']) && !isset($qv['post_type']))
		$qv['post_type'] = array('post', 'books', 'movies');
	return $qv;
}
add_filter('request', 'myfeed_request');

В примере этого кода мы добавили две категории постов – фильмы и книги – в главный фид. Не забудьте поменять movies и books на свои категории.

7. Позвольте подписываться на RSS фид посредством электронной почты

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

8. Позвольте читателям подписываться на категории

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

WordPress

9. Разрешите пользователям подписываться на авторов

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

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

10. Показывайте или скрывайте контент от подписчиков

Хотите показывать бонусный контент только для своих подписчиков? Некоторые мудрые сайтовладельцы используют этот способ, чтобы подстегнуть своих пользователей подписаться на их RSS фид. С другой стороны, некоторые блоггеры предпочитают прятать часть контента от своих подписчиков, чтобы подстегнуть их зайти на сайт. Сперва вам понадобится установить и активировать плагин WP Kill in Feed. Если вам нужные дополнительные детали, то смотрите наше руководство о том, как установить плагин WordPress. После активации можете воспользоваться шорткодом [[addtofeed]] чтобы добавить контент только для фида. Например, как тут:

[addtofeed]
This content is for RSS feed subscribers only
[/addtofeed]

Также можете воспользоваться шорткодом [killinfeed], чтобы спрятать контент из своего RSS-фида.

[killinfeed]Content hidden from RSS feed subscribers [/killinfeed]

11. Добавьте социальные кнопки в ваш RSS фид

WordPress

Многие современные фид-ридеры вроде Feedly позволяют своим пользователям делиться статьями из своих фидов в социальных сетях. Но в то же время существуют ридеры, в которых эти функции либо не так заметны, либо их там нет вовсе. Вы можете добавить собственные иконки социальных сетей в своем фиде. Для начала вам нужно будет создать свои иконки, чтобы использовать их как кнопки. Для этого руководства мы добавили иконки для Фейсбука и Твиттера наш демосайт через Media > Add new. После загрузки иконок вам надо скопировать их местонахождение и сохранить где-нибудь в текстовый редактор.

WordPress

Затем надо добавить код в файл functions.php

// add custom feed content
function wpb_add_feed_content($content) {

// Check if a feed is requested
if(is_feed()) {

// Encoding post link for sharing
$permalink_encoded = urlencode(get_permalink());

// Getting post title for the tweet
$post_title = get_the_title(); 

// Content you want to display below each post
// This is where we will add our icons

$content .= '

<a href="http://www.facebook.com/sharer/sharer.php?u=' . $permalink_encoded . '" title="Share on Facebook"><img src="Facebook icon file url goes here" title="Share on Facebook" alt="Share on Facebook" width="64px" height="64px" /></a>

<a href="http://www.twitter.com/share?&text='. $post_title . '&url=' . $permalink_encoded . '" title="Share on Twitter"><img src="Facebook icon file url goes here" title="Share on Twitter" alt="Share on Twitter" width="64px" height="64px" /></a>


';
}

return $content;
}

add_filter('the_excerpt_rss', 'wpb_add_feed_content');
add_filter('the_content', 'wpb_add_feed_content');

Не забудьте заменить атрибут src= в теге на адрес ваших иконок Твиттер и Фейсбук. Теперь вы можете видеть социальные кнопки в своем фиде.

12. Выкладывайте посты в RSS фид с задержкой

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

function publish_later_on_feed($where) {

	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '10'; // integer

		// https://dev.mysql.com/doc/refman/8.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');

Этот код создает десятиминутную задержку прежде чем ваши посты появятся в RSS фиде. Вы можете поменять это значение на 60 или 120 минут.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


anglepoise_typec-desk_lamp_lifestyle

Как создать блог на WordPress: пошаговое руководство

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

Что требуется для того, чтобы открыть блог на WordPress?

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

1) доменное имя (это будет названием вашего сайта)
2) хостинг (это будет домом вашего сайта в Интернете)
3) 30 минут вашего внимания

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

— как зарегистрировать бесплатное доменное имя
— как выбрать лучший хостинг
— как установить WordPress
— как поменять шаблон
— как написать свой первый пост
— как расширить функционал WordPress при помощи плагинов
— полезные ресурсы для изучения WordPress

Шаг 1. Установка

Наибольшая ошибка, которую допускают многие начинающие блоггеры заключается в том, что они выбирают не ту платформу для своего блога. Но поскольку вы здесь, то можете не волноваться – этой ошибки вы уже не допустите. 95% пользователей выбирают WordPress.org. Почему? Потому что это бесплатно, ты можешь устанавливать плагины, улучшать дизайн и, что самое важное, зарабатывать на своем сайте деньги без каких-либо ограничений (читайте статью о разнице между WordPress.com и WordPress.org). Наверняка вы слышали, что WordPress бесплатен. Скорее всего, вы спрашивали себя почему он бесплатен и в чем кроется подвох. Подвоха нет. Он бесплатен, потому что вам нужно устанавливать и размещать его в Интернете своими силами. Другими словами, вам нужен домен и хостинг. Домен это то, что люди вводят в адресную строку браузера, чтобы увидеть ваш сайт. Это адрес вашего сайта в интернете. Хостинг это место, на котором расположен ваш сайт. Ни один сайт не может существовать без хостинга.

Домен обычно стоит 14,99 долларов в год, а хостинг 7,99 долларов в месяц. Это достаточно много для людей, которые только пробуют свои силы. К счастью, Bluehost, официально рекомендуемый WordPress хостинг предлагает своим пользователям бесплатный домен и 60% скидки. Это один из старейших хостингов в мире, работающий с 1996 года, еще до появления Google. Также эта компания является самой популярной, когда дело касается хостинга WordPress и размещает миллионы блогов на своих серверах. Вдобавок ко всему Bluehost работал с WordPress еще с 2005 года. Так что давайте купим себе домен и хостинг. Откройте Bluehost и щелкните по зеленой кнопке Get Started Now.

WordPress

Затем выберите тариф – basic и plus являются самыми популярными. После этого от вас потребуют ввести доменное имя для вашего веб-сайта.

WordPress

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

WordPress

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

Шаг 2. Установка WordPress

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

WordPress

Вас перенаправит на экран установки, где нужно будет нажать кнопку Get Started. Затем у вас потребуют ввести доменное имя. Выберите его из выпадающего списка и нажмите Next.

WordPress

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

WordPress

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

WordPress

Нажмите по ссылке Installation Complete и вы увидите экран с данными для входа.

WordPress

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

где yoursite это название вашего сайта.

Теперь осталось дело за малым – украсить ваш блог и приступить к постингу.

Шаг 3. Выбор шаблона WordPress

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

WordPress

Прямо скажем, не самый привлекательный дизайн. Улучшение внешнего вида блога это, пожалуй, одно из самых полезных и увлекательных занятий на пути создания сайта на WordPress. Существуют тысячи шаблонов для WordPress – одни из них платные, другие – нет. Свой шаблон вы можете изменить, зайдя на страничку Appearance » Themes.

WordPress

Нажмите на кнопку Add new. На следующем экране вам предложат выбрать один из 4100 бесплатных шаблонов WordPress, доступных в их бесплатном каталоге. Вы можете отсортировать их по рейтингу, популярности, дате обновления, категориям и прочим параметрам.

WordPress

Как только найдете шаблон себе по душе, просто наведите курсор мыши и увидите кнопку Install. Щелкните по ней и дождитесь когда установка будет завершена. Как только это произойдет кнопка поменяется на Activate. Вам нужно будет по ней нажать, чтобы привести шаблон в действие. Настроить же и подрихтовать его можно нажав по ссылке Customize под меню Appearance.

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

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

Шаг 4. Создание первого поста

Чтобы создать свой первый пост щелкните по Posts > Add New. Вы увидите редактор, в котором сможете вводить текст.

WordPress

Как только закончите писать, нажмите на кнопку Publish, чтобы опубликовать свое детище.

WordPress

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

Шаг 5. Плагины и улучшения

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


wordpress-themes-gold-coast-feature

Как навсегда удалить сайт на WordPress из Интернета?

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

WordPress

Зачем и для чего стоит навсегда удалить сайт из Интернета?

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

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

Шаг 1. Сделайте резервную копию своего сайта

WordPress

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

Шаг 2. Удалите файлы WordPress

Удалите с сервера все файлы, связанные с WordPress. Вы можете это сделать, зайдя в панель управления своего хостинга, а затем щелкнув по иконке File Manager.

WordPress

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

Шаг 3. Запретите поисковикам доступ к Robots.txt

Теперь, когда вы удалили свой сайт, настало время запретить поисковикам лазать по нему. Мы будем использовать файл robots.txt, чтобы запретить поисковикам собирать информацию о нашем сайте. Для начала надо будет создать новый файл под названием robots.txt, используя cPanel или FTP. Создав файл, вам понадобится отредактировать его и добавить следующие строчки:

User-agent: *
Disallow: /

Эти две строчки закрывают доступ поисковым ботам к ссылкам под вашим доменным именем.

Шаг 4. Удаляем контент из поисковых систем

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

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/robots.txt
RewriteCond %{HTTP_HOST} ^www\.example\.com$ [NC]
RewriteRule ^(.*)$ - [L,G]

Не забудьте заменить example.com на адрес своего сайта. Этот код будет перенаправлять все запросы на ваш сайт и выдавать ошибку 410. Правда, он все равно позволит паукам поисковиков получать достоп к файлу robots.txt.

WordPressОднако несмотря на все это, процесс может занять некоторое время. Вы можете все это дело ускорить, подав запрос на удаление кэша.

Убираем скриншоты сайта из Wayback Machine

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

WordPress

Самый лучший способ убрать скриншоты своего сайта это связаться с администрацией Archive.org и попросить их убрать ваш контент. Таким образом, вы сможете быть уверенными на все сто, что скриншоты вашего сайта больше никогда не будут доступны на этом ресурсе. Даже когда срок вашего домена истечет и его приобретет другой человек, Archive.org больше не будет кэшировать этот сайт. На этом все, надеемся, что статья помогла вам удалить сайт навсегда. Возможно, вы также захотите узнать о том, как создать свой блог в WordPress.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


topbarbanner

Как создать плавающую панель

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

Что такое плавающая панель?

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

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

— собрать больше просмотров
— создать список электронных адресов
— обратить внимание людей на специальное предложение или распродажу

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

Способ 1. Создаем плавающую панель вручную

В этом способе от вас потребует ввести код в файлы WordPress. Если вам такое в новинку, то советуем обратиться к руководству как вставлять код из Интернета в WordPress.

Первым делом вам потребуется FTP-клиент или файловый менеджер в cPanel. Найдите файл footer.php в папке с вашим шаблоном и скачайте его себе на компьютер. Путь к папке обычно выглядит таким образом:

/wp-content/themes/your-theme-folder/

Затем откройте скачанный файл в каком-нибудь редакторе вроде Блокнота и добавьте следующий код прямо перед тегом .


<div class="fixedBar">

<div class="boxfloat">


<ul id="tips">

<li><a href="https://coma.lv/">Coma Link is the First Item</a></li>


<li><a href="http://www.wordpress.org/">WordPress.org is the Second Item</a></li>

</ul>


</div>

</div>

Вы можете добавлять сколько угодно пунктов – мы вам покажем как потом их произвольно менять при каждой следующей загрузке страницы. Следующим действием будет добавление стилей CSS. Вы можете добавить CSS в файл style.css или использовать плагин вроде Simple Custom CSS.


.fixedbar {
background: #000; 
bottom: 0px; 
color:#fff; 
font-family: Arial, Helvetica, sans-serif; 
left:0; 
padding: 0px 0; 
position:fixed; 
font-size:16px; 
width:100%; 
z-index:99999; 
float:left; 
vertical-align:middle; 
margin: 0px 0 0; 
opacity: 0.95; 
font-weight: bold;
}
.boxfloat {
text-align:center; 
width:920px; 
margin:0 auto;
}

#tips, #tips li {
margin:0; 
padding:0; 
list-style:none
}
#tips {
width:920px; 
font-size:20px; 
line-height:120%;
}
#tips li {
padding: 15px 0; 
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

Добавив CSS, вы скорее всего не увидите изменений на сайте. Это потому, что мы отключили показ материала. Затем мы будем использовать jQuery для того, чтобы произвольно показывать один материал из нашего списка. Вам надо открыть редактор типа Блокнота и в пустой текстовый файл вставить следующий код:

(function($) {
this.randomtip = function(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){	
	randomtip();
});
})( jQuery );

Как только дело будет сделано, сохраните файл как floatingbar.js у себя на компьютере. Теперь откройте свой FTP-клиент и подсоединитесь к серверу. Зайдите в папку со своим шаблоном и найдите папку js. Обычно путь будет следующим:

/wp-content/themes/your-theme-folder/js

Если этой папки нет, то вам придется ее создать. Затем вам нужно будет загрузить файл в эту папку. После этого вставьте в файл functions.php или свой плагин следующий код.

function wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );

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

Способ 2. Использование OptionMonster для добавления плавающей панели в WordPress

OptionMоnster это популярный плагин, который помогает превратить посетителей вашего сайта в подписчиков и покупателей. Одна из функций этого плагина заключается в том, что в нем есть плавающая панель, которую вы можете использовать как формуляр для ввода e-mail’ов, так и для рекламы ссылок или предложений.

Преимущества данного способа заключаются в следующем:

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

Единственный недостаток заключается в платности этого сервиса. Как только вы приобретете его, вы можете использовать плагин OptinMonster WordPress API для своего сайта. Для больших деталей советуем обратиться к статье о том, как установить плагин WordPress.

Этот плагин является своего рода мостом между вашим сайтом на WordPress и OptinMonster. Помимо активации плагин добавит новый пункт в меню под названием OptinMonster в админпанели WordPress.

WordPress

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

WordPress

Скопируйте и вставьте ключ, затем щелкните по кнопке Connect to OptinMonster. Плагин подсоединится к вашему аккаунту в OptinMonster.

WordPress

Затем вам нужно щелкнуть по кнопке Create New Optin.

Вас направит на страницу сайта, где будет нужно сперва указать Optin Campaign Title и выбрать сайт, где вы будете этим пользоваться. Для этого щелкните по ссылке Add a new website.

WordPress

Затем щелкните по плавающей панели под Select your optin type, чтобы выбрать шаблон для своей панели. Выбрав шаблон, у вас запустится конструктор, позволяющий настроить дизайн и прочие вещи.

WordPress

Настроив все по своему усмотрению, не забудьте щелкнуть по кнопке сохранения. Как только вы закончите с настройкой, выберите Start Campaign и ваша панель будет готова, чтобы добавить её на сайт WordPress.

Вернитесь в админпанель вашего сайта на WordPress и зайдите в OptinMonster » Optins. Если не увидите свою функцию, то просто обновите страничку. Затем нажмите Edit output settings.

WordPress

На следующей странице отметьте ячейку Enable optin on site и сохраните настройки. Используя расширенные настройки, вы можете сделать так, чтобы панель появлялась на специфических страницах. Вот и все, плавающая панель теперь у вас на сайте.

WordPress


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


web-design-1

Платные или бесплатные шаблоны WordPress: преимущества и недостатки

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

Преимущества бесплатных шаблонов

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

WordPress

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

Строгий процесс отбора

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

Но зачем тогда они отдают даром?

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

Недостатки бесплатных шаблонов WordPress

WordPress

Недостатки платных или бесплатных шаблонов WordPress подчас могут быть очень субъективными. То, что для некоторых будет недостатком, для других может стать преимуществом. Однако есть несколько общих вещей, которые никак не назовешь преимуществами бесплатных шаблонов и это:

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

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

Преимущества премиум-шаблонов WordPress

WordPress

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

WordPress

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

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

WordPress

Недостатки премиум-шаблонов WordPress

Однако не все шаблоны из платного сегмента идеальны. Вот их основные недостатки:

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

Как найти действительно хороший шаблон?

Самый простой способ это покупать из проверенного источника или магазина, заслужившего свою репутацию. Такие магазины называются ThemeForest, StudioPress и Themify. Для конструктора страниц в стиле drag and drop мы рекомендуем использовать Visual Composer, который идёт в комплекте с большинством шаблонов на ThemeForest.

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

Я в замешательстве… Что мне выбрать?

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

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

Если вы только начинаете использовать WordPress и собираетесь создать личный блог, то бесплатных шаблонов вам хватит.

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


online-shopping-ecommerce-ss-1920

Как открыть интернет-магазин: пошаговое руководство

Хотите открыть собственный интернет-магазин? Мы в курсе, что в этом деле может быть много сложностей, особенно если ты не очень дружишь с технологиями. Но не стоит отчаиваться – вы не одиноки. Оказав помощь десяткам пользователей по открытию собственных интернет-магазинов, мы решили создать наиболее подробную пошаговую инструкцию как создать свой магазин на WordPress.

Что нужно для того, чтобы открыть интернет-магазин?

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

1) доменное имя, отражающее название вашего интернет-магазина
2) хостинг (это то, где будет расположен ваш сайт)
3) полчаса вашего внимания

Да, это и вправду настолько просто. Вы можете открыть свой магазин на WordPress в течение 30 минут, а то и меньше, и мы проведем вас через каждый шаг этого процесса. В рамках этой инструкции мы ответим на следующие вопросы:

— как зарегистрировать бесплатное доменное имя
— как выбрать лучший хостинг
— как получить бесплатный SSL-сертификат (он требуется для приема платежей)
— как установить WordPress
— как создать магазин WooCommerce
— как добавлять товар в магазин
— как выбрать и настроить дизайн
— как улучшить свой магазин при помощи плагинов
— как учиться системе WordPress и помогать своему бизнесу расти

Готовы? Давайте приступим.

Шаг 1: Устанавливаем платформу для вашего интернет-магазина

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

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

Вот почему большинство пользователей предпочитают WordPress + WooCommerce – они предоставляют небывалую свободу и гибкость. Да, вам придется потратить какое-то время и силы на установку и настройку, но в долгосрочной перспективе это стоящее решение. WooCommerce является крупнейшей онлайн-коммерческой платформой.

В этой инструкции мы подробно расскажем вам как открыть онлайн-магазин на WordPress, используя WooCommerce. Для этого вам понадобятся доменное имя, хостинг и SSL-сертификат. Доменное имя это адрес вашего сайта в магазине. Это то, что пользователи будут вводить в свои браузеры, чтобы зайти на ваш магазин. Хостинг это место, где ваш сайт живет в Интернете. Это своего рода дом вашего сайта. Любой сайт, размещенный в Интернете, нуждается в хостинге. SSL-сертификат, в свою очередь, это специальный защитный слой на вашем сайте, позволяющий принимать важную информацию вроде номеров банковских карточек и прочие личные сведения. Без этого сертификата вы не сможете принимать платежи на своем сайте.

Обычно доменное имя стоит порядка 14,99 доллара в год, хостинг – 7,99, а SSL-сертификат – 69,99 долларов в год. Нехилый такой стартовый капитал. Однако Bluehost, являющийся официально рекомендованным WordPress и WooCommerce хостингом, предлагает своим пользователям бесплатное доменное имя, бесплатный SSL-сертификат и скидку на сам хостинг. Одним словом, вы можете начать, имея на руках всего 12,95 долларов в месяц.

Основанный в далеком 1996 году, Bluehost появился на рынке раньше Google и по праву считается одной из самых старых хостинговых компаний. Помимо вышеупомянутого Bluehost это крупнейший бренд, когда дело заходит о хостингах для WordPress.

Так что, давайте приступим к делу и купим вам домен с хостингом и SSL-сертификатом. Для начала откройте сайт Bluehost. В первую очередь вам нужно щелкнуть по зеленой кнопке Get Started Now.

WordPress

На следующем экране выберите нужный вам тариф (starter и plus самые популярные). Затем от вас потребуют ввести доменное имя для своего сайта.

WordPress

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

WordPress

По завершении процедуры вы получите письмо на свой электронный адрес с деталями для входа в панель управления своего хостинга, называющейся еще как cPanel. Это место, откуда вы можете всем управлять, включая поддержкой и e-mail’ами. Зайдите в свою cPanel. У вас на экране всплывет приветственное окно, информирующее о том, что WordPress и WooCommerce были предустановлены на ваш сайт.

WordPress

Теперь вам нужно всего лишь щелкнуть по кнопке Login to your site, и вы попадете в панель управления WordPress. Поздравляем, вы завершили настройку хостинга и доменного имени. Теперь вам нужно настроить сам сайт и онлайн-магазин.

Шаг 2. Настройка WordPress

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

WordPress

Щелкните по кнопке I don’t need help. Не беспокойтесь, мы проведем вас через все необходимые шаги. Закрыв окно помощника, вы увидите админпанель WordPress, которая выглядит похожим образом:

WordPress

Сперва вам нужно зайти на страницу Settings > General для того, чтобы настроить название сайта и его описание.

WordPress

Настройка HTTPS для использования SSL

Ваш WordPress-пакет идет вместе с бесплатным SSL-сертификатом. Этот сертификат уже предустановлен на вашем доменном имени. Однако ваш сайт требует дополнительной настройки, чтобы он загружался через https, а не http. На странице Settings > General вам необходимо изменить WordPress Adress и Site Adress на https вместо http.

WordPress

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

Шаг 3. Настройка магазина WooCommerce

Прежде чем вы начнете чем-либо торговать, вам нужно разобраться с такими вещами как валюта, платежи и информация о доставке. Вы увидите уведомление Welcome to WooCommerce. Щелкните по кнопке Run setup wizard.

WordPress

Это запустит мастер настройки WooCommerce, где вам надо будет щелкнуть по кнопке Let’s go.

WordPress

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

WordPress

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

WordPress

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

WordPress

Систему WooCommerce можно использовать как для продажи цифровых, так и физических товаров. Вам надо будет поставить галочку в соответствующей ячейке, если вы будете продавать физический товар. В случае если собираетесь промышлять цифровыми вещами, то можете оставить ячейку нетронутой. Затем от вас понадобится ответить на вопросы о налогах. К счастью, система WooCommerce позволяет автоматически подсчитать и добавить налог к каждому из товаров. Если вы по каким-то причинам не уверены, то можете оставить и это поле пустым. Вы всегда сможете добавить налоги потом в настройках системы. Щелкните по кнопке Continue. От вас теперь потребуют ввести способ платежа в вашем магазине.

WordPress

По умолчанию WooCommerce идет с поддержкой Paypal, Paypal Standard и Stripe, однако помимо этого существует еще целое множество систем платежей, которые вы можете добавить позже. Самый простой способ принять платеж это использовать Paypal Standard. Просто введите свой адрес Payapl и нажмите на кнопку Continue. Многие пользователи используют как Paypal, так и Stripe. Преимущество Stripe в том, что пользователи вашего сайта могут просто ввести номер своей кредитки без необходимости переходить на страницу Paypal. Вы можете установить Stripe, следуя соответствующим инструкция на экране WooCommerce. Как только все будет сделано, ваш магазин будет готов к работе.

WordPress

Теперь надо щелкнуть по ссылке Return to WordPress dashboard, чтобы выйти из мастера настройки. Как только это сделаете, можете добавлять товар на страницы своего магазина.

Шаг 4. Добавление продуктов в магазин

Давайте теперь приступим непосредственно к добавлению товаров в ваш магазин. Для этого вам нужно открыть страницу Products > Add New.

WordPress

Сперва добавьте название вашего товара и его описание. В колонке справа вы увидите ячейку Product Categories. Щелкните по Add New Product Category, чтобы создать новый раздел для своего товара. Это также сэкономит время вашим пользователям при поиске конкретного типа вещей.

WordPress

Прокрутите немного вниз и вы заметите ячейку Product Data. Сюда вы будете вводить касающуюся вашего товара информацию вроде цен, наличия, доставки и так далее.

WordPress

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

WordPress
Ну и наконец в правой части вы увидите ячейки для основного изображения товара и его галереи.

WordPress

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

Шаг 5. Выбор и настройка дизайна

Дизайн в WordPress отвечает за то, как ваш сайт выглядит в глазах пользователь. От выбора шаблона также зависит то, как товар будет выглядеть на сайте. В Сети есть тысячи платных и бесплатных шаблонов. Хостинг Bluehost автоматически устанавливает шаблон Storefront. Вам придется его слегка подправить, чтобы он соответствовал вашим нуждам. Для этого направьтесь на страницу Appearance > Customize. Появится настройщик шаблонов, в котором вы можете внести различные изменения в свой шаблон.

WordPress
Если вам не нравится предустановленный шаблон Storefront, то вы можете использовать любой другой, посетив страницу Appearance > Themes.

WordPress

Шаг 6. Расширяйте свой магазин при помощи плагинов

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


server

Как сбросить пароль администратора WordPress в Localhost

Многие пользователи задают вопрос: как сбросить пароль администратора, работая на локальном сервере? Дело в том, что если у вас WordPress установлен на localhost, то восстановить утерянный пароль через e-mail невозможно. В этой статье вы узнаете что надо делать в таких ситуациях.

Почему восстановление пароля не работает на localhost?

Сам термин localhost cлужит для обозначения локального сервера, не доступного для широкой публики. Например, этим сервером может быть ваш компьютер. Многие пользователи устанавливают WordPress на локальный сервер, чтобы попробовать разные плагины, поиграть с дизайном или же просто научиться пользоваться самой системой. Если вам еще не доводилось пользоваться WordPress, то советуем почитать инструкцию как установить WordPress на свой компьютер, используя WAMP. Это если вы пользуетесь Windows. В случае же, если у вас Mac, то вам следует обратиться уже к инструкции как установить WordPress на Mac, используя MAMP.

И вот проблема, с которой сталкиваются многие новички: если вы забудете пароль администратора WordPress, работая с ним на localhost, то вам не удастся восстановить его обычным путем. Штука в том, что при стандартном восстановлении пароля вам высылается соответствующая ссылка на e-mail, однако эта функция по умолчанию выключена на локальных серверах, что, в свою очередь, значит, что вы не сможете получить ссылки по восстановлению пароля на свой адрес электронной почты. Однако не стоит отчаиваться – способ восстановить пароль WordPress на localhost все же существует.

Восстановить пароль администратора WordPress на localhost

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

http://localhost/phpmyadmin/

От вас потребуют предоставить имя пользователя и пароль от MySQL. Обычно имя пользователя это root, а пароль вовсе отсутствует. Залогинившись, вам нужно будет выбрать вашу базу данных.

WordPress

Как только вы выберете свою базу данных, вы сразу увидите список таблиц. Найдите таблицу с названием users и щелкните по ссылке Browse.

WordPress

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

WordPress

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

WordPress

Пролистайте вниз до поля user_pass и введите новый пароль в колонку value. После этого вам надо выбрать MD5 в колонке function. Не забудьте после этого щелкнуть по кнопке Go внизу страницы, чтобы сохранить изменения.

Вот и все – теперь вы можете зайти на свой сайт WordPress, используя новый пароль. Если по каким-то причинам у вас не получается следовать вышеприведенной инструкции, то можете обратиться к инструкции как создать администратора WordPress, используя phpMyAdmin. Вам надо будет просто открыть соответствующий файл и вставить небольшой набор кода.

Надеемся, что эта статья помогла вам восстановить пароль от WordPress на localhost. Возможно. вам также захочется почитать инструкцию о том, как перенести свой блог WordPress на настоящий сайт в Интернете.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


startup-photos

Что такое functions.php?

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

Файл functions.php можно найти в папке вашей темы. Вы можете добавить как встроенные функции WordPress, так и обычные PHP функции к захватам и фильтрам, которые находятся внутри WordPress. Хотя у каждой темы, которую вы устанавливаете на вашем сайте, есть свой файл functions.php, только файлы активных тем будут использовать свой код. Если у вашей темы нет файла functions.php, вы можете просто создать текстовой файл под названием functions.php и добавить его в директорию вашей темы. Дочерние темы могу иметь свои собственные файлы functions.php, которые могут быть использованы либо для дополнения или полной замены оригинальной темы. С помощью файла functions.php вы можете использовать действия и фильтры WordPress, включить миниатюры и форматы постов, а также навигационные меню.

Читайте также

  • 25+ полезных хитростей для функционного файла WordPress
  • Полезные хитрости конфигурации WordPress, о которых вы не знали

Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


pexels-photo-196639

Как добавить кастомное навигационное меню в тему WordPress

Хотите добавить кастомное навигационное меню в свою тему WordPress? По умолчанию многие темы WordPress содержат стандартные макеты для меню. В этой статье мы покажем, как добавить дополнительные навигационные меню в тему WordPress.

navigationmenuthemes

Для чего вам понадобится именно этот урок WordPress?

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

Вы можете управлять объектами меню через легкий в использовании интерфейс в разделе администратора WordPress.

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

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

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

Создание кастомного навигационного меню в теме WordPress

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

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

function wpb_custom_new_menu() {
  register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );

Теперь вы можете зайти на страницу Appearance > Menus в разделе администратора WordPress и попытаться создать или отредактировать новое меню. Вы увидите опцию локации темы ‘My Custom Menu’.

mycustommenu

Если вы хотите добавить больше одной новой локации навигационного меню, вам понадобится следующий код:

function wpb_custom_new_menu() {
  register_nav_menus(
    array(
      'my-custom-menu' => __( 'My Custom Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}
add_action( 'init', 'wpb_custom_new_menu' );

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

Таким образом мы сможем перейти к следующему шагу – отображение меню в вашей теме.

Отображение кастомного меню в теме WordPress

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

Хотя вы можете добавить ваше навигационное меню куда угодно.

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

<?php wp_nav_menu( array( 'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

Локация темы – это название, которое мы выбрали на предыдущем этапе.

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

custommenu

Вы можете использовать класс CSS .custom_menu_class, чтобы оформить ваши меню. Вот пример CSS, с которого вы можете начать:

div.custom-menu-class ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
}
div.custom-menu-class li {
    padding: 20px;
    display: inline;
}

Если вам нужна помощь с CSS и оформление меню, мы рекомендуем использовать одну из этих тем WordPress, чтобы построить свою кастомную тему.

Создание респонсивных меню в WordPress

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

rpmenuplugin

Вы можете добавить эффекты slide out (наверху), dropdown, а также эффект toggle для мобильных меню.

Добейтесь еще большего с помощью навигационных меню WordPress

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

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

  • Как добавить иконку к навигационному меню WordPress
  • Как добавить условную логику к меню WordPress
  • Как добавить описание меню в теме WordPress
  • Как добавить полноэкранное респонсивное меню в WordPress

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520