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

http

Как создавать пользовательские постоянные ссылки в WordPress

/от

Постоянные ссылки или адресная структура вашей страницы играет важную роль в поисковом продвижении сайта. В этой статье мы покажем вам как создавать пользовательские постоянные ссылки не влияя на SEO.

Что такое постоянная ссылка?

В WordPress есть удобная опция по созданию SEO-дружелюбных адресных структур под названием Permalinks. Все, что вам надо сделать, это зайти на страницу Settings > Permalinks и выбрать адресную структур.

WordPress

Там есть куча опций на выбор и вы можете даже отметить пользовательскую структуру. Выбор структуры постоянных ссылок влияет на все посты и страницы (как новые, так и старые), которые есть на вашем сайте, поэтому вам надо быть с этим осторожными. Но что, если вы хотите иметь иной адрес лишь для некоторых постов у себя на сайте? Что, если вы хотите иметь пользовательскую постоянную ссылку для пользовательского типа постов или категорий и тегов. Вот тут-то вам и понадобится пользовательская постоянная ссылка. По сути пользовательская постоянная ссылка это структура URL, примененная к определенной вещи в WordPress без влияния на прочую структуру адресов. Давайте же посмотрим как вы можете создать пользовательские постоянные ссылки в WordPress.

Создаем пользовательские постоянные ссылки в WordPress

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

Способ первый. Меняем слаг постоянной пользовательской ссылки

В Вордпрессе под термином слаг обозначают название поста, страницы, тега или категории с дружелюбным url-адресом. Оно автоматически генерируется Вордпрессом и используется в URL когда вы создаете новый предмет. Например, у поста под названием 20 Most Amazing Coffee Shops in Manhattan в Вордпрессе будет слаг вроде this 20-most-amazing-coffee-shops-in-manhattan. В зависимости от структуры постоянных ссылок, которая у вас на сайте, адрес вашего поста будет выглядеть подобным образом:

http://example.com/2016/02/20-most-amazing-coffee-shops-in-manhattan/

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

Меняем слаг поста или страницы

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

WordPress

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

Изменение слагов категорий и тегов

Изменить слаг категории или тега на самом деле тоже очень просто. Для этого зайдите в Posts > Categories и Вордпресс покажет вам список категорий.

WordPress

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

WordPress

Этот же способ используется для тегов и пользовательских таксономий.

Создание полностью пользовательских постоянных ссылок

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

http://example.com/2016/02/20-most-amazing-coffee-shops-in-manhattan/

И вы хотите изменить его на что-то вроде этого:

http://example.com/best-lists/coffee-shops/top-coffee-shops-in-manhattan/

Давайте посмотрим на другой пример. Адрес вашей категории в Вордпрессе имеет подобный вид:

http://example.com/category/travel

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

http://example.com/travel/

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

WordPress

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

WordPress

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

Настройка редиректов для пользовательских постоянных ссылок

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

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

letsencrypt

Как добавить бесплатный SSL в WordPress с помощью Let’s Encrypt

/от

Что такое SSL и Let’s Encrypt? Каждый пользователь Интернета ежедневно делится огромными объемами личной информации. Мы делаем это, когда совершаем покупки онлайн, создаем аккаунты, заходим на различные сайты и так далее. Если это не достаточно зашифровано, то эта информация может быть выслежена и украдена. И здесь на сцену выходит SSL. Он предлагает технологию шифрования, которая делает безопасным соединением между браузером и сервером. Каждый сайт использует уникальный сертификат SSL в целях опознавания. Если сервер притворяется, что использует HTTPS, но его сертификат не соответствует, то большинство современных браузеров предупредят пользователя, чтобы он не соединялся с этим ресурсом.

WordPress

Ранее единственным способом защиты SSL был платный SSL-сертификат. Let’s Encrypt это бесплатный открытый сертификат, который предлагает SSL для широкой аудитории. Это проект от Internet Research Group, получающий поддержку от большого количества крупных компаний, включая Google, Facebook, Sucuri, Mozilla, Cisco и других.

WordPress

Простой способ – использование хостинга, который предлагает встроенный бесплатный SSL

C ростом популярности Let’s Encrypt многие хостинги WordPress уже сразу предлагают встроенную настройку SSL. Следовательно, простейшим способом получения SSL будет регистрация на таких хостингах.

Настройка бесплатного SSL с помощью Let’s Encrypt на SiteGround

SiteGround является одним из самых надежных и известных хостинг-компаний, предлагающих встроенную поддержку бесплатного SSL. Для того, чтобы включить бесплатный SSL, просто зайдите в cPanel и пролистайте до раздела безопасности, где вам надо будет щелкнуть по иконке Let’s Encrypt.

WordPress

Это откроет окно установки Let’s Encrypt. Вам надо будет выбрать доменное имя, которое вы хотите использовать с бесплатным SSL, а также указать верный адрес электронной почты.

WordPress

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

WordPress

Можете поздравить себя, вы только что успешно встроили бесплатный SSL Let’s Encrypt себе на сайт. Однако ваш сайт еще не готов использовать его. Первым делом вам понадобиться обновить свои адреса WordPress и исправить проблемы с небезопасным контентом. Не волнуйтесь, мы объясним как это сделать в шаге Обновление адресов.

Установка бесплатного SSL с помощью Let’s Encrypt на DreamHost

DreamHost это еще один популярный хостинг WordPress, который предлагает встроенную интеграцию для настройки бесплатного SSL на любом домене. Сперва вам надо зайти в админку Dreamhost и под меню Domains щелкнуть по Secure hosting.

WordPress

На этой странице вам надо щелкнуть по кнопке Add Secure Hosting. Dreamhost теперь попросит у вас выбрать домен и внизу у вас будет возможность добавить бесплатный сертификат от Let’s Encrypt. Вам надо убедиться, что эта ячейка отмечена.

WordPress

На усмотрение можете выбрать уникальный IP-адрес для своего доменного имени. Это необязательно, однако улучшит совместимость со старыми версиями Internet Explorer на Windows XP. Щелкните по Add Now, чтобы завершить настройку и DreamHost начнет настройку вашего бесплатного сертификата SSL. В итоге вы должны увидеть подобное сообщение:

WordPress

Вы успешно добавили бесплатный сертификат SSL с помощью Let’s Encrypt себе на хостинг. Но вам до сих пор надо обновить адреса WordPress, чтобы исправить ошибки с безопасностью контента, поэтому перейдите к этому шагу далее в статье.

Установка Let’s Encrypt бесплатный SSL на другие хостинги

Бесплатный SSL от Let’s Encrypt это основанный на домене SSL-сертификат. Это означает, что если у вас есть домен, то вы можете добавить его на любой хостинг. Однако если ваш хостинг не поддерживает простую интеграцию как SiteGround или DreamHost, то вам надо будет пройти через некоторую процедуру, длина которой разнится от хостинга к хостингу. Большинство компаний имеют документацию, объясняющую как можно это сделать. Вы также можете связаться с командой техподдержки за более подробными инструкциями. Bluehost, являющийся одним из официальных WordPress-хостингов, предлагает SSL третьей стороны для ваших доменов, которые вы размещаете у них на хостинге.

Обновление адресов WordPress после настройки SSL

После настройки бесплатного сертификата SSL с помощью Let’s Encrypt следующим шагом будет переезд адреса с HTTP на HTTPS. Обычный сайт без сертификата использует протокол HTTP с соответствующим префиксом в адресной строке:

http://www.example.com

Защищенные сайты с сертификатами SSL используют протокол HTTPS. Это означает, что их адреса будут выглядеть подобным образом:

https://www.example.com

Вы не сможете использовать SSL, не изменив адреса у себя на сайте. Как это сделать?

Для чистого сайта

Если вы работаете с совершенно новым сайтом, то вам надо просто зайти в админпанель WordPress и щелкнуть по настройкам. Там вам необходимо обновить поля с адресом WordPress и Site URL, чтобы использовать https.

https://www.example.com

Для уже работающих сайтов

Если ваш сайт уже какое-то время находится в Интернете, то велики шансы, что он уже был проиндексирован поисковыми системами. Пользователи могли сохранить его в виде HTTP, поэтому вам надо удостовериться, что весь трафик перенаправляется на адрес с https. Первым делом вам надо установить и активировать плагин Really Simple SSL. Плагин автоматически обнаружит ваш SSL-сертификат и настроит сайт на его использование. В большинстве случаев вам больше не придетс яничего менять, так как плагин также починит проблемы с небезопасным контентом.

Обновление настроек Google Analytics

Если вы установили на свой сайт Google Analytics, то вам надо обновить его настройки и добавить свой новый адрес на https. Зайдите в свою панель Google Analytics и щелкните по Admin в верхнем меню. Затем щелкните по Property settings под вашим сайтом. Там вы увидите опцию дефолтного URL. Щелкните по http и выберите https.

WordPress

Не забудьте сохранить настройки.

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

shutterstock_163379354-1200x500

Как добавить панель с информацией об авторе в посты WordPress?

/от

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

Когда и зачем нужна панель с биографией автора

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

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

Способ первый: авторская панель в постах с помощью плагина

Многие владельцы сайтов желают отображать информацию об авторах в конце поста. Сперва установите и активируйте плагин Molongui Authorship. Каждый автор на вашем сайте должен будет добавить свою информацию. Они могут это сделать, зайдя в аккаунт WordPress и щелкнув по ссылке Authors – Add New из админки Вордпресс.

WordPress

Будучи администратором сайта, вы можете заполнить эту информацию лично, редактируя каждый профиль пользователя. Для этого вам надо будет зайти на страницу Users > All Users или Authors > All Authors и щелкнуть по ссылке edit под каждым пользователем, чей профиль вы желаете отредактировать.

WordPress

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

WordPress

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

Настройка отображения панели с инофрмацией об авторе

Вы можете персонализировать внешний вид и содержимое поля автора Molongui Authorship в соответствии с дизайном вашего сайта. Перейдите в Authors > Author Box Editor. Выберите дизайн, макет, цвета и информацию для отображения. Если вы хотите его ещё больше кастомизировать и чувствуете себя уверенно в работе с CSS, то можете добавлять и редактировать свой код CSS в табе Advanced.

WordPress

Дополнительные функции доступны в премиум версии Molongui Authorship Pro.

Способ второй: информация об авторе в виджете сайдбара для единичных постов

Способ выше неплох, если вы хотите, чтобы информация об авторе отображалась под постами. Однако бесплатная версия Molongui Authorship не позволяет отображать поле автора на боковой панели WordPress, эта функция доступна только в Pro-версии плагина. Чтобы отображать биографию автора в сайдбаре или любой области виджетов можете использовать плагин Meks Smart Author Widgets. После его установки и активации зайдите на страницу Appearance – Widgets. Вы увидите Meks Smart Author в списке доступных виджетов. Добавьте его в сайдбар, где вы хотите отображать информацию об авторе.

WordPress

У виджета есть куча настроек. Самая важная из них, возле которой вам необходимо отметить ячейку это возле Automatically detect author.

WordPress

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

WordPress

Способ третий: добавляем инфо-панель авторов при помощи кода

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

function wpb_author_info_box( $content ) {

global $post;

// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {

// Get author's display name 
$display_name = get_the_author_meta( 'display_name', $post->post_author );

// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );

// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );

// Get author's website URL 
$user_website = get_the_author_meta('url', $post->post_author);

// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
 
if ( ! empty( $display_name ) )

$author_details = '

About ' . $display_name . '

';

if ( ! empty( $user_description ) )
// Author avatar and bio

$author_details .= '

' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '

';

$author_details .= '

<a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';  

// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {

// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a>

';

} else { 
// if there is no author website then just close the paragraph
$author_details .= '

';
}

// Pass all this info to post content  
$content = $content . '

<footer class="author_bio_section" >' . $author_details . '</footer>


';
}
return $content;
}

// Add our function to the post content filter 
add_action( 'the_content', 'wpb_author_info_box' );

// Allow HTML in author bio section 
remove_filter('pre_user_description', 'wp_filter_kses');

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

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

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

WordPress

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

6 признаков того, что ваш WordPress скомпрометирован 1

6 признаков того, что ваш WordPress скомпрометирован

/от

На WordPress работает около 15 миллионов сайтов по всему свету и это только по скромным подсчетам. Данная платформа является на сегодняшний день неоспоримым лидером на рынке CMS со своей 60-процентной долей. Но есть и плохие новости: WordPress пользуется особой популярностью не только у обычных пользователей, но и у хакеров. Sucuri, ведущая компания по безопасности в Интернете, сообщила, что 78 процентов от 11 485 взломанных сайтов за первые три месяца 2016 года работали под управлением WordPress.

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

1) Вы не можете залогиниться. Первый звоночек это, когда вы не можете зайти на сайт. Зачастую хакеры крадут детали логина через брутфорс. Они используют эти автоматические программы, которые подбирают тысячи сочетаний пароль/имя пользователя. А как только им удается зайти внутрь, то они меняют ваши администраторские права таким образом, чтобы вы не могли исправить ситуацию. Или же попросту удаляют ваш аккаунт.

2) Ваш сайт стал необычно медленным и плохо отвечает. Если ваш сайт стал подтормаживать, то причиной лагов могут быть и хакеры, пытающиеся при помощи брутфорса подобраться к вашему сайту. Другой вариант это DDOS-атака, когда с кучи компьютеров на ваш сайт отправляется масса запросов – куда больше, чем ваш сервер может справиться. Любое из этих двух может замедлить работу вашего сайта, сделать его неотзывчивым или вовсе вывести из строя. Если под вашим управлением находится сразу несколько сайтов, то воспользуйтесь pingdom, чтобы измерить скорость каждого из них. Это бесплатный онлайн-инструмент, благодаря которому вы сможете проверить скорость своего сайта из разных точек. Также время от времени исследуйте свои серверные логи, чтобы выявить IP адреса, которые шлют слишком много запросов. Затем заблокируйте их. В случае если вы уверены, что ваш сайт не был взломан, то есть смысл проверить плагины, скрипты и настройки хостинга.

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

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

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

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

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

Как выбрать идеальный шаблон WordPress для своего сайта 2

Как выбрать идеальный шаблон WordPress для своего сайта

/от

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

Планируйте наперед

Далеко не каждый шаблон подойдет под любой сайт. Прежде чем вы начнете охотиться за шаблонами, вам нужно понять, каким вы хотите видеть свой сайт. Многие пользователи допускают ошибку, ища сперва шаблон, а потом подстраивая под него свой сайт, в то время как все должно быть наоборот. Сперва разберитесь с тем, что у вас будет за сайт: портфолио ли это будет или же какой-нибудь новостной ресурс. Есть также инструменты, которые позволяют вам сделать черновик сайта. Например, сервисы вроде Jumpchar и Slickplan позволяют разрабатывать простенькие планы, организовывать контент и создавать дизайнерские наброски. Как только вы полностью определились с функциями, фичами и стилями, которые вам нужны, то можете начать создавать список шаблонов, которые отвечают этим требования.

Важность обновлений

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

Выбирайте респонсивный шаблон

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

Разбираясь в вариантах надстройки

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

Займите свою нишу и найдите вдохновение

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

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

shared-hosting-provider

Как переместить сайт, сделанный на GoDaddy на WordPress

/от

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

Шаг нулевой: начинаем

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

Шаг первый: подготовки к переезду

У WordPress есть инструменты для импортирования контента со многих сервисов вроде Blogger, Tumblr, Livejournal и так далее. Однако у него нет возможности импорта конструкторов сайтов. По этой причине вам придется сделать бэкап сайта самостоятельно. Это может быть немного затратным по времени, в зависимости от того, сколько контента размещено у вас на сайте. Если у вас всего несколько страниц, то можете сделать резервную копию, просто сохраняя изображения и копируя текст в текстовые файлы у себя на компьютере. Вы также можете сохранить каждую страницу, нажав сочетание Ctrl+S у себя на клавиатуре. Откроется окно сохранения, в котором вам надо выбрать «Страницу целиком” в качестве формата.

WordPress

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

WordPress

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

Резервная копия вашей структуры ссылок

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

Шаг второй: мигрируем сайт на хостинг GoDaddy

Этот шаг думан только для тех, кто будет использовать хостинг GoDaddy для своего сайта на WordPress. Если вы используете другой хостинг, то можете пропустить этот шаг. Если хотите использовать GoDaddy для своего сайта на Вордпресс, то вам надо сперва отключить сервис конструктора сайтов, иначе вы просто не сможете установить WordPress. Просто зайдите в свой аккаунт GoDaddy и щелкните по своему имени пользователя в верху панели. Вы увидите выпадающее меню, где сможете щелкнуть по Manage Website Builder.

WordPress

Это отобразит ваш аккаунт. Вам надо нажать по кнопке Options возле вашего доменного имени.

WordPress

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

WordPress

Теперь ваш конструктор сайтов будет деактивирован и вы сможете установить WordPress. На полную деактивацию может уйти около часу.

Добавляем хостинг к домену

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

WordPress

Это вызовет панель cpanel вашего хостинга. Вам надо прокрутить до раздела доменов и нажать на Addon Domains.

WordPress

Теперь вводите имя домена. Поля субдомена и document root будут заполнены автоматически.

WordPress

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

Шаг третий: привязка домена к другому хостингу

Этот шаг написан для тех, кто зарегистрировал свой домен с GoDaddy и хотят использовать его вкупе с другими хостингами вроде Bluehost или Siteground. Залогиньтесь в свой аккаунт GoDaddy и щелкните по имени пользователя в панели сверху. У вас появится выплывающее меню, в котором вы сможете управлять своими доменами.

WordPress

Выберите свой домен из списка и нажмите по кнопке Nameservers вверху и выберите nameservers.

WordPress

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

WordPress

Появится еще одно окно с двумя полями. Можете вводить туда названия новых серверов. Если у вашего хостинга есть более, чем два имени сервера, тогда вам надо щелкнуть по кнопке Add Nameserver, чтобы добавить еще одну графу.

WordPress

Щелкните по кнопке ОК и затем по кнопке сохранения настроек. Учтите, что изменения DNS занимают до 24 часов. Теперь, когда ваш домен привязан к новому сайту, вы можете перейти к следующему шагу.

Шаг четвертый: установка WordPress

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

Шаг пятый: импорт контента с сайтостроителя

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

Шаг шестой: настройка редиректов

Если у вас есть список ссылок со старого сайта, то можете приступить к настройке редиректов. Первым делом вам надо установить и активировать плагин Simple 301 Redirects. После его активации зайдите на страницу Settings > 301 Redirects. Введите свой старый адрес в поле Request и введите новый адрес WordPress в графу Destination.

WordPress

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

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

woman-writing-laptop-virtuagym

Как разрешить пользователям публиковать свои посты на сайте WordPress

/от

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

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

Способ первый: публикация постов через WPForms

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

WordPress

После подтверждения вам надо зайти на страницу WPForms > Addons. Пролистайте вниз до Post submissions addon и щелкните по кнопке Install Addon.

WordPress

Теперь плагин установит специальный аддон для публикации постов. Чтобы начать им пользоваться, вам надо будет щелкнуть по кнопке активации. Теперь вы готовы создать форму отправки постов. Зайдите на страницу WPForms > Add New, чтобы открыть конструктор интерфейса. Сперва вам надо будет указать название своей формы. Под разделом Select a Template щелкните по шаблону Blog post submission form.

WordPress

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

WordPress

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

WordPress

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

Теперь вы можете добавить форму себе на сайт. Вы можете создать новую страницу или отредактировать уже существующую. На экране редактора вы заметите кнопку Add Form.

WordPress

Это вызовет всплывающее окно, где вам надо выбрать форму отправки поста, которую вы только что создали.

WordPress

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

WordPress

Способ второй: одобряйте контент пользователей с помощью плагина User Submitted Posts Plugin

Другой способ принимать пользовательский контент это используя плагин User Submitted Posts. После его активации зайдите на страницу Settings > User Submitted Posts, чтобы настроить плагин.

WordPress

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

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

[user-submitted-posts]

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

WordPress

Способ третий: разрешаем пользователям регистрироваться и отправлять посты в WordPress

У WordPress есть встроенный функционал, который позволяет управлять сайтом с несколькими авторами. Вы можете разрешить пользователям регистрироваться у вас на сайте и создавать контент, пользуясь вашим администраторским интерфейсом с ограниченными возможностями. Сперва необходимо включить регистрацию пользователей у себя на сайте. Зайдите на страницу Settings > General и отметьте Anyone can register напротив опции Membership. Выберите Author или Contributor в качестве пользовательской роли по умолчанию.

WordPress

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

Проблемы, связанные с этим способом

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

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

14221photograph-about-the-cat-holding-nikon-camera-crop1

Как изменить сжатие изображений

/от

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

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

Как отключить сжатие изображений в WordPress

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

add_filter(‘jpeg_quality’, function($arg){return 100;});

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

Как увеличить сжатие изображений в WordPress

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

add_filter(‘jpeg_quality’, function($arg){return 75;});

Как изменить сжатие изображений в WordPress с помощью плагина Imsanity

Установите и активируйте плагин Imsanity. Перейдите в Settings > Imsanity чтобы настроить параметры сжатия изображений. Найдите раскрывающийся список качества изображения JPG и установите желаемый уровень сжатия:

  • 100: Без сжатия (наилучшее качество).
  • 70–80: Сбалансированное качество и размер файла.
  • Ниже 70: более высокая степень сжатия, но может снизиться качество изображения.

Меняя качество изображений, не забудьте регенерировать эскизы.

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

malmo_four_legged_coffee_table_01

Как добавлять категории в пользовательские типы постов в WordPress

/от

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

Способ с плагином

Для начинающих пользователей мы рекомендуем использовать Custom Post Type UI плагин, чтобы создать пользовательский тип постов. Используя этот плагин, у вас есть возможность ассоциировать пользовательский тип постов с любой встроенной или пользовательской таксономией, включая категории. После установки плагина зайдите в CPT UI » Add/Edit Post Types для того, чтобы создать новый пользовательский тип постов или отредактировать существующий.

WordPress

Прокрутите вниз до Advanced Options и там вы увидите параметр Built in Taxnomies. Отметьте ячейку напротив категорий и сохраните свой тип постов.

WordPress

Ручное добавление категорий для пользовательского типа постов

Если вы создали пользовательский тип постов, добавив код в файл functions.php, вам нужно добавить категории как поддерживаемую таксономию с помощью функции register_taxonomy_for_object_type().

Всё, что от вас требуется, это добавить эту строку после регистрации вашего пользовательского типа постов:

register_taxonomy_for_object_type( ‘category’, ‘movies’ );

Если у вас уже есть другая пользовательская таксономия, например topics, добавьте обе следующим образом:

register_taxonomy_for_object_type( ‘topics’, ‘movies’ );
register_taxonomy_for_object_type( ‘category’, ‘movies’ );

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

function custom_post_type() {
 
    // Set UI labels for Custom Post Type
    $labels = array(
        'name'                => _x( 'Movies', 'Post Type General Name', 'mytheme' ),
        'singular_name'       => _x( 'Movie', 'Post Type Singular Name', 'mytheme' ),
        'menu_name'           => __( 'Movies', 'mytheme' ),
        'parent_item_colon'   => __( 'Parent Movie', 'mytheme' ),
        'all_items'           => __( 'All Movies', 'mytheme' ),
        'view_item'           => __( 'View Movie', 'mytheme' ),
        'add_new_item'        => __( 'Add New Movie', 'mytheme' ),
        'add_new'             => __( 'Add New', 'mytheme' ),
        'edit_item'           => __( 'Edit Movie', 'mytheme' ),
        'update_item'         => __( 'Update Movie', 'mytheme' ),
        'search_items'        => __( 'Search Movie', 'mytheme' ),
        'not_found'           => __( 'Not Found', 'mytheme' ),
        'not_found_in_trash'  => __( 'Not found in Trash', 'mytheme' ),
    );
     
    // Set other options for Custom Post Type
    $args = array(
        'label'               => __( 'movies', 'mytheme' ),
        'description'         => __( 'Movie news and reviews', 'mytheme' ),
        'labels'              => $labels,
        'supports'            => array( 'title', 'editor', 'excerpt', 'author', 'thumbnail', 'comments', 'revisions', 'custom-fields' ),
        'hierarchical'        => false,
        'public'              => true,
        'show_ui'             => true,
        'show_in_menu'        => true,
        'show_in_nav_menus'   => true,
        'show_in_admin_bar'   => true,
        'menu_position'       => 5,
        'can_export'          => true,
        'has_archive'         => true,
        'exclude_from_search' => false,
        'publicly_queryable'  => true,
        'capability_type'     => 'page',
        'show_in_rest'        => true,
    );
     
    // Registering your Custom Post Type
    register_post_type( 'movies', $args );

    // Registering Categories and tags
    register_taxonomy_for_object_type( 'category', 'movies' );
    register_taxonomy_for_object_type( 'post_tag', 'movies' );
}
 
/* Hook into the 'init' action */
add_action( 'init', 'custom_post_type', 0 );

Отображение нескольких типов постов на странице категории

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

add_filter( 'pre_get_posts', 'query_post_type' );
function query_post_type( $query ) {
    if ( $query->is_main_query() && !is_admin() && is_category() ) {
        $post_type = get_query_var( 'post_type' );
        if ( $post_type ) {
            $post_type = $post_type;
        } else {
            $post_type = array( 'post', 'movies' );
        }
        $query->set( 'post_type', $post_type );
    }
    return $query;
}

Не забудьте поменять movies на название своего пользовательского типа постов.

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