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

domainname

Что такое доменное имя

/от

Доменное имя это имя, которые используется для идентификации веб-сайта в интернете. Сами сайты тесно связаны с айпи адресами. Грубо говоря, это нумерические адреса, которые сообщают браузеру, где следует искать сайт в интернете. Чтобы упросить понимание, каждый сайт имеет своё имя. Доменное имя создано специально для того, чтобы его мог прочитать человек и это удобнее, чем IP адреса.

Примером доменного имени может быть: coma.lv

Они могут быть куплены в онлайн регистраторах, типа NIC.lv или на многих других площадках доменных имён. Организация ICANN авторизирует эти площадки для продажи доменных имён.

Многие провайдеры хостингов, такие как Bluehost предоставляют одну бесплатную регистрацию домена. Вы можете изменить местонахождение доменного имени с одного хостинга на другое, изменяя настройки DNS. Настройки DNS сообщают DNS серверам, какой IP адрес соответствует какому доменному имени. Когда вы меняете хостинг, то IP адрес тоже меняется, т.к. вы меняете сервер.

Существует множество различных окончаний доменного имени. Самые популярные это: .com, .net, .org, .info, .edu, .biz. Существуют также и национальные доменные уровни, такие как .us, .ru, .lv, .io, и множество других.

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

skiing-penguin

Как добавить скользящее меню в тему WordPress

/от

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

WordPress

Внимание: Данная статья требует существенных знаний HTML и CSS.

Замена стандартного меню на скользящее

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

Первым делом вам нужно открыть редактор на вашем компьютере и создать новый файл. Скопируйте и вставьте код:

(function($) {
$('#toggle').toggle( 
    function() {
        $('#popout').animate({ left: 0 }, 'slow', function() {
            $('#toggle').html('<img src="http://www.example.com/wp-content/themes/your-theme/images/menu.png" alt="close" />');
        });
    }, 
    function() {
        $('#popout').animate({ left: -250 }, 'slow', function() {
            $('#toggle').html('<img src="http://www.example.com/wp-content/themes/your-theme/images/menu.png" alt="close" />');
        });
    }
);
})(jQuery);

Замените example.com своим доменным именем, а также замените your-themeназванием вашей темы. Сохраните этот файл как slidepanel.js на своём рабочем столе. Этот код использует jQuery для включения скользящего меню, а также создаёт анимацию перехода.

Откройте FTP клиент, например Filezilla и подключитесь к своему сайту. Далее, перейдите в папку вашей темы. Если в есть папка js, то откройте её, если нету, то создайте её и загрузите файл slidepanel.js в эту папку.

Следующим делом, вам надо создать или найти иконку меню. Обычно используют такую иконку с тремя линиями. Вы можете создать её, используя PhotoShop или же найти её в интернете. Для данной статьи, мы используем иконку размером 27х23 пикселя. Как только у вас будет иконка, переименуйте её в menu.png и загрузите в папку с картинками в директории вашей темы.

Следующим шагом будет добавление файла JavaScript для скользящего меню в WordPress. Просто скопируйте и вставьте этот код в файл вашей темы functions.php.

wp_enqueue_script( 'wpb_slidepanel', get_template_directory_uri() . '/js/slidepanel.js', array('jquery'), '20131010', true );

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

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

Цель — завернуть навигационное меню в HTML код, чтобы показывать ваше навигационную панель на маленьких экранах. Мы вставим его между <div id="toggle"> и <div id="popout">. Вот так:



<div id="toggle"><img src="http://www.example.com/wp-content/themes/your-theme/images/menu.png" alt="Show" /></div>




<div id="popout">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</div>

Замените example.com на ваше имя домена и your-theme на имя папки вашей темы. Сохраните изменения.

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

@media screen and (min-width: 769px) { 
#toggle {
display:none;
}

} 

@media screen and (max-width: 768px) { 
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}


#toggle {
float: right;
position: fixed;
top: 60px;
right: 45px;
width: 28px;
height: 24px;

}

.nav-menu li { 
border-bottom:1px solid #eee; 
padding:20px;
width:100%;
}

.nav-menu li:hover { 
background:#CCC;
}

.nav-menu li a { 
color:#FFF;
text-decoration:none;
width:100%;
}
}

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

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

Управление базой данных WordPress с помощью phpMyAdmin

Управление базой данных WordPress с помощью phpMyAdmin – инструкция для начинающих

/от

WordPress написан с помощью скрипт-языка PHP и работает с системой управления базой данных MySQL. Вам не обязательно изучать их, чтобы пользоваться WordPress. Однако базовые знания о них могут помочь вам самим устранять проблемы и улучшить понимание работы WordPress. В этой статье мы объясним, каким образом WordPress использует базу данных, а также основные таблицы в базе данных WordPress. Мы покажем вам, как управлять базой данных WordPress с помощью phpMyAdmin; в том числе поговорим о том, как создать резервную копию базы данных, оптимизировать базу данных WordPress и защитить её.

Видео урок

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

Каким образом WordPress использует базу данных

WordPress использует PHP (язык программирования) для хранения и получения данных из базы данных. Информация, которая хранится в базе данных на WordPress, включает в себя: посты, страницы, комментарии, категории, тэги, индивидуализированные поля, пользователей и другие опции вашего сайта, такие как url и т.д. Мы еще вернемся к этому чуть позже, когда будем говорить о таблицах базы данных WordPress.
Когда вы устанавливаете WordPress в первый раз, от вас требуется ввести название базы данных, хостинг, имя пользователя и пароль. Эта информация хранится в конфигурационном файле (wp-config.php).

Установка WordPress

Установка WordPress

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

Таблицы базы данных WordPress

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

Примечание: wp_ перед названием каждой таблицы – это префикс базы данных, который вы выбираете во время установки. Он может отличаться.

wp_commentmeta : Эта таблица содержит информацию о комментариях, опубликованных на сайте WordPress. В этой таблице есть четыре разных поля – meta_id, comment_id, meta_key и meta_value. Каждый meta_id связан с comment_id. Пример метаинформации комментария – его статус (одобрен, рассматривается, удален и т.д.).

wp_comments : Как можно догадаться по названию, эта таблица содержит комментарии на вашем WordPress. Она содержит имя автора комментария, его url, имейл, сам комментарий и т.д.

wp_links : Используется, чтобы управлять блогроллами в более ранних версиях WordPress или через плагин Link Manager.

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

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

wp_posts : Несмотря на то, что в названии стоит “пост”, эта таблица содержит все виды постов, или же все виды контента. Эта таблица содержит все посты, страницы, корректировки и кастомные типы постов.

wp_terms : В WordPress существует мощная система таксономий, которая позволяет организовывать ваш контент. Индивидуальные составляющие таксономии называются terms и хранятся в этой таблице. К примеру, ваши категории и тэги на WordPress – это таксономии, и каждая отдельная категория и тэг – это term.

wp_term_relationship : Эта таблица отвечает за соотношение между типами постов WordPress и terms в таблице wp_terms. Эта таблица помогает WordPress определить пост X в категорию Y.

wp_term_taxonomy : Эта таблица определяет таксономии для terms в таблице wp_terms. Например, если у вас есть term “Туториалы WordPress”, то в этой таблице будут содержаться данные, в которых будет указано, что он относится к таксономии “категории”. Другими словами, в этой таблице находятся данные, помогающие WordPress различать между terms и определять, какой из них является категорией, тэгом и т.д.

wp_usermeta : Содержит метаинформацию о пользователях вашего сайта.

wp_users : Содержит информацию о пользователях, такую как имя пользователя, пароль, имэйл и т.д.

Управление базой данных WordPress с помощью phpMyAdmin

phpMyAdmin – это программное обеспечение open source, которое предоставляет графический пользовательский веб-интерфейс для управления базой данных mySQL. У большинство хостинг провайдеров WordPress phpMyAdmin установлен в панель управления. Это позволяет пользователям с легкостью получить доступ к базе данных и выполнить общие задачи по управлению базой данных.

Все веб-хостинг провайдеры, которых мы рекомендуем, используют cPanel. Чтобы войти в phpMyAdmin через cPanel, спуститесь вниз к Databases и нажмите на phpMyAdmin. Таким образом вы откроете phpMyAdmin в новой вкладке браузера.

Главный экран phpMyAdmin

Главный экран phpMyAdmin

Нажав на Databases, вы увидите список баз данных, которые вы создали и к которым вы имеете доступ. Нажмите на базу данных WordPress, и вам покажут список таблиц вашей базы данных WordPress.

Список таблиц PhpMyAdmin

Список таблиц PhpMyAdmin

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

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

Как сделать резервную копию базы данных WordPress через phpMyAdmin

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

Как сделать резервную копию базы данных WordPress через phpMyAdmin

Как сделать резервную копию базы данных WordPress через phpMyAdmin

Новая версия phpMyAdmin попросит вас указать метод экспортации. Быстрый метод экспортирует вашу базу данных в .sql файл. Кастомный метод предоставить больше опций и возможность скачать резервную копию в сжатом архиве zip или gzip. Мы рекомендуем использовать кастомный метод и выбрать zip в качестве метода сжатия. Кастомный метод также позволяет вам исключить таблицы из базы данных. Если, например, вы пользовались плагином, который создал таблицу в вашей базе данных, вы можете исключить эту таблицу из резервной копии, если захотите.

phpmyadmin-custom-export

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

Создание резервной копии WordPress с помощью плагина

Регулярные резервные копии вашего сайта WordPress – самое лучшее, что вы можете сделать для его безопасности. Несмотря на то, что база данных WordPress содержит большую часть информации на вашем сайте, ей не достает одного важного элемента – изображений. Все ваши изображения хранятся в папке uploads в директории /wp-content/. Даже если в базе данных есть информация о том, в каком месте каждая картинка прикреплена в посте, она бесполезна, если в папке с изображениями этих файлов нет.

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

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

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

Оптимизация базы данных WordPress через phpMyAdmin

После долговременного использования WordPress, ваша база данных становится фрагментированной. Появляются дополнительные расходы памяти, которые увеличивают общий размер базы данных и время обработки запросов. Те, кто помнит былые времена ПК, могли замечать, что ваш компьютер начинал работать быстрее после дефрагментации диска. База данных MySQL работает по тому же принципу. В ней есть простая команда, которая позволяет оптимизировать вашу базу данных. Зайдите в phpMyAdmin и нажмите на WordPress Database. Таким образом вы увидите список таблиц вашего WordPress. Нажмите на ссылку Check All под таблицами. Рядом вы увидите ниспадающее меню With Selected – выберите в нем Optimize table.

Оптимизация базы данных WordPress

Оптимизация базы данных WordPress

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

Что еще можно делать с помощью phpMyAdmin

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

  • Сбросить пароль WordPress через phpMyAdmin
  • Добавить пользователя-администратора базы данных WordPress через mySQL
  • Поменять имя пользователя WordPress через phpMyAdmin
  • Как деактивировать все плагины WordPress через phpMyAdmin

Безопасность базы данных WordPress

Сперва мы хотим сказать, что любой сайт может быть взломан. Однако существуют определенные меры, которые можно предпринять, чтобы сделать взлом более трудной задачей. Для начала вы можете поменять префикс базы данных WordPress. Это может значительно уменьшить шанс нападения с помощью SQL-инъекции, потому что часто хакеры нацеливаются на большое количество сайтов сразу, в поисках префикса таблиц wp_, стоящего по умолчанию.

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

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

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

pexels-photo-91413

Как обновить URL при миграции сайта WordPress

/от

Если вам когда-либо приходилось переносить ваш сайт с одного адреса на другой, вы должны знать, как это мучительно – возвращаться и переписывать каждую ссылку и URL, чтобы они вели на новый адрес. Плагин Velvet Blues для WordPress может сделать это за вас. Он позволяет ввести URL вашего нового сайта, а затем автоматически обновляет ссылки на вашем блоге.

Видео урок

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

Первым делом вам нужно скачать плагин Velvet Blues. Активируйте его, зайдите во вкладку Settings в разделе администратора и выберите “update URLs”. В следующем окне вы сможете ввести URL вашего старого вебсайта, а также URL нового.

updateurls

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

Скачать плагин Velvet Blues можно здесь.

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

Что такое респонсивная тема 1

Что такое респонсивная тема

/от

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

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

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

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

pexels-photo-126349

Как выбрать идеальную тему для WordPress – 9 факторов, которые стоит принять во внимание

/от

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

perfecttheme

Почему стоит подходить к выбору темы для WordPress обдуманно?

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

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

readability

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

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

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

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

1. Стремитесь к простоте

simplicity

Многие темы WordPress используют множество цветов, сложные макеты, броскую анимацию и т.д. Иногда вам это нужно, но чаще всего – нет.

Простота – это крайняя степень изощренности.
– Леонардо да Винчи

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

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

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

Если ищете вдохновение, взгляните на эти 37 простых тем WordPress.

2. Адаптивность теперь обязательна

responsive

Адаптивные темы подстраивают свой макет под разные устройства и размеры экранов.

Значительное количество веб-трафика генерируется мобильными и прочими ручными устройствами. В зависимости от тематики вашего сайта, они могут составлять более 50% вашего трафика.

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

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

Тестирование темы для мобильных устройств

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

Для более тщательной проверки вы можете скопировать URL страницы с демо темы и вставить его в Mobile Friendly Test Google.

mobilefriendlytest

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

3. Совместимость с браузером

browsercompatability

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

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

Это может быть четко указано на их сайте. Но если нет, то вы всегда можете провести базовые тесты, чтобы проверить тему на разных браузерах, таких как Google Chrome, Firefox, Internet Explorer, Safari и т.д.

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

4. Поддержка плагинов

supportedplugins-1

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

И хотя существует огромное количество плагинов для WordPress, некоторые плагины WordPress обязательны для всех сайтов. Такие как Gravity Forms, Yoast SEO, W3 Total Cache и другие.

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

5. Перевод и мультиязычность

multilingual-wordpress-1

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

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

6. Page Builders

wordpresspagebuilders1

Page Builders – это плагины WordPress, которые позволяют вам создавать макеты страниц с помощью перетаскивания мышью.

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

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

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

7. Техподдержка – на случай, если она понадобится

support

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

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

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

8. Оптимизация SEO

seo

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

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

Вы можете также проверить, генерирует ли страница правильный HTML5, обратившись к сервису W3C Markup Validation. Однако имейте в виду, что инструмент W3C покажет много предупреждений, которые не стоит брать в расчет.

9. Рейтинги и отзывы

ratingsreviews

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

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

wpthemereviews

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

Как установить тему в WordPress

Установить тему в WordPress очень легко. Для начала вам нужно скачать zip файл с темой на компьютер.

Затем – войдите в свой раздел администратора WordPress, на страницу Appearance > Themes.

themes

Нажмите на ссылку Add New вверху страницы.

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

uploadtheme

Вы увидите бокс для загрузки темы. Нажмите на кнопку choose file и выберите zip файл, который ранее скачали на компьютер, а затем нажмите кнопку Install now.

uploadzipinstall

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

themeinstallsuccess

Если вы не хотите активировать тему сразу же, то можете нажать на кнопку live preview, чтобы протестировать тему, не активируя ее.

Чтобы начать использовать тему сразу, не забудьте ее активировать.

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

Как безопасно поменять тему WordPress

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

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

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

После этого, читайте наш урок о том, как правильно поменять тему на сайте WordPress.

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

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

video-marketing

Как сделать ваши видео в WordPress респонсивными с FitVids

/от

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

WordPress

FitVids это плагин jQuery, который позволяет вам сделать ваши встроенные видео более респонсивными. Если вы хотите использовать их на своём сайте, то вам нужно скачать и активировать плагин FitVids for WordPress. После активации, вам нужно перейти в Appearance » FitVids и ввести класс селектора CSS. WordPress автоматически добавит класс .post к статьям, и вы можете использовать это.

WordPress

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

Делаем видео отзывчивыми вручную

Если вы не хотите устанавливать FitVids для WordPress, то вы можете добавить этот плагин вручную. Первым делом вам надо скачать и распаковать FitVids jQuery плагин на свой компьютер. Теперь вам надо загрузить извлечённую папку FitVids.js-master в директорию темы js.

Вам нужно подсоединиться к сайту через FTP клиент, например Filezilla и открыть директорию вашей темы. Возможно, что ваша тема не имеет папки js. Если её нету, то нужно создать её и загрузить папку FitVids.js-master с вашего компьютера.

Внутри папки js, вы должны создать новый файл и назвать FitVids.js. Откройте этот файл и вставьте код:

(function($) {
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $(&quot;.post&quot;).fitVids();
  });
  
  })(jQuery);

Этот код сообщает FitVids искать селектор класса CSS  .post . Теперь FitVids готово и настало время правильно вставить скрипты в вашу тему.

Просто скопируйте и вставьте следующий код в файл темы functions.php:

wp_enqueue_script('fitvids', get_template_directory_uri() . '/js/FitVids.js-master/jquery.fitvids.js', array('jquery'), '', TRUE); 

wp_enqueue_script('fitvids-xtra', get_template_directory_uri() . '/js/FitVids.js', array(), '', TRUE);

Как только вы сделаете это, вы закончили дело. Ваши видео в WordPress теперь респонсивны.

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

видео в WordPress

Почему вы никогда не должны загружать видео в WordPress

/от

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

Загрузка vs встраивание

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

Загрузка видео означает, что вы загрузите видео на ваш сайт так, как загружаете картинки на свой сайт. Это то, что мы не рекомендуем.

Встраивание видео означает, что вы загружаете видео на другой сайт, типа Youtube, а после встраиваете его в свой пост. Этот метод мы крайне рекомендуем.

Легко поделиться

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

Ширина канала

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

Видимость и трафик

По данным Alexa, YouTube является вторым в мире поисковиком и третьим сайтом по посещаемости. Это вынуждает большинство владельцев сайтов загружать их видео на YouTube. Загружая видео на YouTube, его может увидеть гораздо больше зрителей, чем если бы вы загружали его на свой сайт. Функции соцсети на YouTube обеспечит популярность вашим видео.

Оптимизация качества видео

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

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

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

youtube-tv-tech

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

/от

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

Всё что нужно — это вставить URL видео в область контента. Следует убедиться, что URL находится в отдельной строке и некликабельно.

Откуда можно вставлять видео?

  • YouTube
  • Vimeo
  • DailyMotion
  • blip.tv
  • Flickr (видео и картики)
  • Viddler
  • Hulu
  • Qik
  • Revision3
  • Scribd
  • Photobucket
  • PollDaddy
  • Google Video
  • WordPress.tv
  • SmugMug (WordPress 3.0+)
  • FunnyOrDie.com (WordPress 3.0+)

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

Почему я не могу загрузить видео в WordPress?

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

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