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

Этот учебник будет сочетать использование пользовательских полей и способность вызывать определенные шаблоны PHP. Поэтому этот учебник имеет необходимое условие:

Вы должны иметь базовые знания HTML и CSS для того, чтобы создать отдельный шаблон.

Вам нужно будет открыть single.php и/или page.php и найти следующий код:

<?php get_sidebar(); ?>

Заменить приведенный выше код этим:

<?php 

$sidebar = get_post_meta($post->ID, "sidebar", true);

get_sidebar($sidebar);

?>

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

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

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

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

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

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

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

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

С другой стороны, некоторые WordPress темы, например как сат по скупке брилиантов https://www.l-delta.com.ua/skupka-brilliantov/, которые выглядят действительно здорово, на самом деле могут сделать ваш сайт невероятно медленным. Никто не любит медленные сайты, в частности Google, которая предпочитает ранжировать сайты которые быстрее, выше.

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

Вы, наверное, слышали высказывание, «Все , что блестит, не золото» .

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

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

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

Простота является конечной сложности.Леонардо да Винчи

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

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

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

2. Отзывчивые темы

Отзывчивые темы можно настроить между различными размерами экрана и устройств.

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

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

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

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

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

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

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

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

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

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

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

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

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

Реальная сила WordPress поставляется с WordPress плагинами. Эти плагины позволяют вам делать что-либо с вашим WordPress сайтом.

В то время как есть много плагинов WordPress, некоторые из них должны иметь каждый веб — сайт на WordPress. Например: Gravity Forms, Yoast SEO, W3 Total Cache и т.д.

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

5. Перевод + Многоязычность

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

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

6. Установите Page Builders

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

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

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

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

7. Варианты поддержки, когда вам нужна помощь

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

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

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

8. SEO Дружелюбие

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

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

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

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

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

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

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

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

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

После этого войдите в свою админку WordPress и перейти на страницу Внешний вид »Темы.

В верхней части страницы, вам нужно нажать на ссылку Добавить новый.

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

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

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

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

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

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

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

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

Прежде всего, необходимо понять, что происходит с WordPress сайтом при смене темы.

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

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

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

Как создать основную тему WordPress?

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

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

Для этого мы должны создать следующие файлы в директории tutorial_themes:

• header.php — Этот файл будет содержать код для раздела заголовка темы;
• index.php — Это главный файл для темы. Он будет содержать код для главной области и указывать, где будут включены другие файлы;
• sidebar.php — Этот файл будет содержать информацию о боковой панели;
• footer.php — Этот файл будет обрабатывать нижний коллонтитул;
• style.css — Этот файл будет обрабатывать стиль вашей новой темы;

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

Теперь давайте рассмотрим каждый файл и что он должен содержать:

Файл header.php

В этом файле вы должны добавить следующий код:

<html>

<head>

<title>Учебник по темам</title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

</head>

<body>

<div id="wrapper">

<div id="header">

<h1>ЗАГОЛОВОК</h1>

</div>

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

Сразу же после титула мы добавим

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

он сообщает WordPress, чтобы загрузить файл style.css. Он будет обрабатывать стиль вашего сайта.

<?php bloginfo('stylesheet_url'); ?>

это функция WordPress, которая на самом деле загружает файл таблицы стилей.

Затем мы добавили в начало «div» с классом обертку, которая будет основной контейнер сайта. Мы установили класс для этого, чтобы мы могли изменить его с помощью файла style.css.

После этого мы добавили простое название ЗАГОЛОВОК, завернутое в «div» с классом «header», который будет позже указан в файле таблицы стилей.

Файл index.php

<?php get_header(); ?>

<div id="main">

<div id="content">

<h1>Главная облать</h1>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<h1><?php the_title(); ?></h1>

<h4>Опубликован <?php the_time('F jS, Y') ?></h4>

<p><?php the_content(__('(далее...)')); ?></p>

<hr> <?php endwhile; else: ?>

<p><?php _e('Извините, нет постов по вашим запросам.'); ?></p><?php endif; ?>

</div>

<?php get_sidebar(); ?>

</div>

<div id="delimiter">

</div>

<?php get_footer(); ?>

Код в этом файле начинается с

<?php get_header(); ?>

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

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

Далее, мы включаем файл sidebar.php с этой линии

<?php get_sidebar(); ?>

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

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

Наконец, мы добавляем одну последнюю строку

<?php get_footer(); ?>

который будет включать файл footer.php на вашей странице.

Файл sidebar.php

В sidebar.php мы добавим следующий код:

<div id="sidebar">

<h2 ><?php _e('Категории'); ?></h2>

<ul >

<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>

</ul>

<h2 ><?php _e('Архивы'); ?></h2>

<ul >

<?php wp_get_archives('type=monthly'); ?>

</ul>

</div>

В этом файле мы используем внутренние функции WordPress для отображения категории и архивы постов. Функция возвращает WordPress их как элементы списка, поэтому мы обернули фактические функции в не отсортированных списках (теги <ul>).

Файл footer.php

Вы должны добавить эти строки в файл footer.php:

<div id="footer">

<h1>ПОДВАЛ</h1>

</div>

</div>

</body>

</html>

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

Файл style.css

Добавьте следующие строки в файл style.css:

body { text-align: center; }

#wrapper { display: block; border: 1px #a1a2a2 solid; width:90%; margin:0px auto; }

#header { border: 1px #a2a2a2 solid; }

#content { width: 74%; border: 2px #a1a2a2 solid; float: left; }

#sidebar { width: 24%; border: 2px #a1a2a2 solid; float: right; }

#delimiter { clear: both; }

#footer { border: 1px #a1a2a2 solid; }

.title { font-size: 12pt; font-family: verdana; font-weight: bold; }

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

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

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

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

Для вызова конкретного заголовка, то вам нужно открыть свой файл index.php и заменить ваш обычный код заголовка на этот:

<?php if (is_category('Wordpress')) {

get_header('wordpress');

} else {

get_header();

} ?>

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

Для того, чтобы получить отдельную боковую панель для каждого свою, что вам нужно добавить следующий код:

<?php if (is_category('Wordpress')) {

get_sidebar('wordpress');

} else {

get_sidebar();

} ?>

Приведенный выше код будет искать blogging-wordpress.php, чтобы заменить стандартный файл колонтитула по умолчанию, если категория WordPress.

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

<?php if (is_category('Wordpress')) {

get_footer('wordpress');

} else {

get_footer();

} ?>

Приведенный выше код будет искать footer-wordpress.php, чтобы заменить стандартный файл колонтитула по умолчанию, если категория WordPress.

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

Как уменьшить время загрузки страницы?

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

Как увеличить количество просмотров страниц?

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

Руководство

Откройте файл index.php, файл archive.php и файл category.php. Возможно перечисленные файлы, не все в шаблоне WordPress, так что просто откройте те, которые у вас есть.

Найти следующий участок кода:

<?php the_content(); ?>

И замените его на:

<?php the_excerpt(); ?>

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

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

// Изменит длину выдержки

function andreyex_excerpt_lengths($length) {

return 100;

}

add_filter('excerpt_length', 'andreyex_excerpt_lengths');



// Изменить последний символ (далее) в выдержки

function andreyex_excerpts_more($more) {

return '...';

}

add_filter('excerpt_more', 'andreyex_excerpts_more');

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