Архив рубрики: Публикации

Создать тему WordPress с нуля

введение

Вы когда-нибудь хотели узнать, как создать свой собственный шаблон WordPress? Это действительно легко. Следующие шаги помогут вам создать минималистичный шаблон с листингом-страницы и статьи-страницы на основе Twitter Bootstrap.


Начните с вашего шаблона

Зайдите в вашу установку WordPress и перейдите к wpcontent/themes/.

Создайте новый каталог с именем вашей новой темой, в нашем примере mytheme.

Базовая версия должна содержать следующие файлы:

header.php

footer.php

index.php

single.php

style.css

 

header.php

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

<!DOCTYPE html>

<html lang="ru">

<head>

	<meta charset="utf-8">

	<!-- вывод заголовка HTML генерируется в WordPress -->

	<title><?php wp_title('|', true, 'right'); ?></title>

 

	<!-- включает bootstrap и темы собственного стиля -->

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

	<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" media="screen" />

 

	<!-- включить jQuery и начальную загрузку JavaScript -->

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

 

	<!-- вызовите эту функцию, чтобы включить заголовки WordPress -->

	<?php wp_head(); ?>

</head>

<body>

 

<div class="container">

	<div class="row">

		<div class="col-xs-12">

			<div class="well">

				<!-- output the site title -->

				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>

 

				<!-- вывод описания сайта -->

				<?php

				$description = get_bloginfo( 'description', 'display' );

				if ( $description || is_customize_preview() ) : ?>

					<p class="site-description"><?php echo $description; ?></p>

				<?php endif; ?>

			</div>

		</div>

	</div>

</div>

 

footer.php

Файл footer.php является глобальным колонтитулом (подвалом), который будет использоваться в каждом шаблоне страницы. В нашем примере он будет выглядеть следующим образом :

div class="container footer-box">

	<footer>

		<div class="container">

			<div class="row">

				<div class="col-xs-12 text-center">

					<!-- показывают авторское право в текущем году -->

					&copy; <?php echo date('Y'); ?>

				</div>

			</div>

		</div>

	</footer>

</div>

 

<!-- важно: включает контент подвала в WordPress -->

<?php wp_footer(); ?>

 

</body>

</html>

 

index.php

Файл index.php является шаблоном, используемый для отображения страницы статьи листинга. В нашем примере это будет выглядеть следующим образом:

<!-- include our header -->

<?php get_header(); ?>

 

<div class="container">

	<div class="row">

		<!-- цикл через все посты -->

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

		<div class="col-xs-12">

			<!-- название статьи на страницу c ссылкой на полное содержание -->

			<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

			<p class="author">

				<!-- показать автора -->

				Автор: <?php the_author(); ?> &bull;

				<!-- показать дату опубликованной статьи -->

				Опубликовано: <?php the_date(); ?> &bull;

				<!-- показать количество комментариев -->

				<?php comments_number(); ?> &bull;

				<!-- показывать метки, присвоенные статьи -->

				<?php the_tags(); ?>

			</p>

			<div class="excerpt">

				<!-- вывести отрывок статьи -->

				<?php the_excerpt(); ?>

			</div>

			<div class="text-right">

				<!-- показать ссылку "Читать далее" связанной со статьей -->

				<a class="more-link" href="<?php the_permalink(); ?>">Читать далее</a>

			</div>

			<hr>

		</div>

		<?php endwhile; endif; ?>

	</div>

	<div class="row">

		<div class="col-xs-12">

			<div class="text-center">

				<!-- показать ссылки пагинации на предыдущую и следующую посты -->

				<?php previous_posts_link( '< Предыдущий пост' ); ?> &bull;

				<?php next_posts_link( 'Следующий пост >' ); ?>

			</div>

		</div>

	</div>

</div>

 

<!-- подключить футер -->

<?php get_footer(); ?>

 

single.php

Файл single.php содержит шаблон для просмотра одной статьи. Он выглядит следующим образом :

<!-- подключить заголовок -->

<?php get_header(); ?>

 

<div class="container">

	<!-- нужен цикл, хотя там только один пост -->

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

	<div class="row">

		<div class="col-xs-12">

			<!-- показать заголовок поста -->

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

			<p class="author">

				<!-- показать автора -->

				Автор: <?php the_author(); ?>&bull;

				<!-- показать дату публикации -->

				Опубликовано: <?php the_date(); ?>&bull;

				<!-- показать количество комментариев -->

				<?php comments_number(); ?>&bull;

				<!-- показать теги, присвоенные статьи -->

				<?php the_tags(); ?>

			</p>

			<hr>

		</div>

	</div>

						

	<div class="row">

		<div class="col-xs-12">

			<div class="content">

				<!-- показать содержание статьи -->

				<?php the_content(); ?>

			</div>

		</div>

	</div>

	

	<!-- если комментарии разрешены, показать комментарии -->

	<?php if (comments_open() || get_comments_number()): ?>

	<div class="well">

		<?php comments_template(); ?>

	</div>

	<?php endif; ?>

 

	<?php endwhile; endif; ?>

</div>

 

<!-- подключить подвал -->

<?php get_footer(); ?>

 

style.css

Файл style.css содержит директивы CSS, чтобы дать нашему шаблону свой уникальный внешний вид. Должен присутствовать, в противном случае наш шаблон не будет работать.

body {

	background-color: lightblue;

}

Создать тему WordPress с нуля



2016-12-07T14:12:54
Темы WordPress

Как добавить презентацию Google Slides в WordPress

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

Метод 1: Добавьте Google Slides в WordPress с применением плагинов

Этот метод проще и рекомендуется для начинающих.

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

Плагин работает из коробки, и нет никаких для вас настройки.

Перед тем, как встроить презентацию, вам потребуется доступ по URL вашей презентации Google Slides.

Вы можете получить его, открыв презентацию в приложении, а затем нажав на File » Publish to the web.

Сделайте вашу презентацию в открытом доступе в Интернете

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

Изменение настроек слайд-шоу и опубликовать презентацию

Вам нужно будет нажать на кнопку, чтобы продолжить публикацию.

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

Вы должны увидеть URL, который можно использовать для обмена презентации Google Slides.

URL, чтобы поделиться презентацией Google Слайды

Идем дальше и скопируем этот URL и вернуться обратно в админку сайта на WordPress.

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

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

Добавьте ваш URL Google Слайды презентации здесь

Если вы используете визуальный редактор, то, как только вы вводите URL он будет отображать презентацию в редакторе.

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

Если вам нужно отрегулировать высоту и ширину контейнера Google Slides, то вам нужно обернуть вокруг URL встраивания шорткодом.

[ embed height=”900″ width=”400″]Slides URL[/embed ]

 

Не забудьте заменить URL Слайдера на URL вашей презентации Google Slides.

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

Предварительный просмотр презентации Google Слайды в WordPress

Способ 2: Добавление Google Slides с помощью вставки кода в WordPress

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

Прежде всего, необходимо открыть презентацию, которую вы хотите опубликовать, а затем нажмите на File » Publish to the web.

Сделайте вашу презентацию в открытом доступе в Интернете

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

Изменение настроек слайд-шоу и опубликовать презентацию

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

Теперь вам нужно перейти на вкладку Вставить и скопировать код для вставки.

Скопируйте код

Зайдите к админку WordPress и отредактируйте пост или страницу, на которой вы хотите добавить свою презентацию Google Slides.

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

Добавьте свой код в редакторе постов

Теперь вы можете сохранить или обновить пост / страницу. Посетите веб-сайт, чтобы увидеть презентацию Google Slides в действии.

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

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



2016-12-06T13:07:30
Лучшие учебники по Wodpress

Добавление оповещения в панель администратора WordPress

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

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

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

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

В следующем учебнике вы узнаете, как вы можете добавить статические и неотстранимые уведомления с помощью wp-admin-notifications.

Добавление оповещений в панель администратора WordPress

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

Добавление статического уведомления администратора в WordPress с помощью wp-admin-notifications, так же просто, как сделать единый вызов функции wp_admin_notification(). Как минимум, эта функция принимает 3 параметра — $handle, $content и $type.

$handle используется для идентификации уведомления (далее мы будем обсуждать это в контексте неотстранимые уведомления).

$content используется в качестве содержания уведомления, и принимает текст и HTML.

$type - относится к типу уведомлении. Он принимает одну из строк  success, error, info или warning.

Следующий пример выведет статическое уведомление об ошибке:

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! Это <strong>ошибка</strong> в сообщении.','slug'), 

    'error' 

);

?>

 

WordPress уведомление администратора добавлены с помощью wp_admin_notification

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

Четвертый аргумент позволяет превратить уведомление в неотстранимые. wp-admin-notifications делает удаление стойкими ко всем страницам администратора, сохраняя handle уведомлении в базе данных. Когда пользователь нажимает на кнопку закрыть, исполнение запросов производится в асинхронном режиме, чтобы сохранить handle уведомлении.

Следующий пример выведет неотстранимое предупреждающее уведомление:

<?php

wp_admin_notification( 

    'my-warning-notice', 

    __('Внимание, это <strong>предупреждение</strong> в сообщении.','slug'), 

    'warning', 

    true 

);

?>

 

WordPress dismissible уведомление администратора добавлены с помощью wp_admin_notification

Но что , если мы хотим показать закрытое уведомление? Например, когда пользователь удаляет плагин и устанавливает его еще раз, это имеет смысл, чтобы показать уведомление снова , даже если пользователь отклонил его ранее. Для этой цели можно использовать функцию  wp_reset_admin_notification($handle), которая сбрасывает уведомление для данной handle. Вызов удалит данную handle из базы данных, если пользователь ранее отклонил его.

Например, следующий код сбросит уведомление о том, что соответствует handle 'my-warning-notice':

<?php

wp_reset_admin_notification( 'my-warning-notice' );

?>

 

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

Добавление уведомлений в многоузловые сети

В многоузлового среде WordPress, каждый сайт является его собственное отдельное лицо со своими собственными администрированием баз данных и таблиц. Кроме того, существует общий раздел, куда добавлены для администрирования сети, которая требует подключения к специальным крюкам действия. wp-admin-notifications будут печатать общесетевые уведомления, если 6 — й параметр установлен true. Она делает это путем подключения к крючку network_admin_notices.

Следующий пример печатает статическое уведомление об ошибке на всех сайтах, в том числе в области сетевого администрирования:

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! Это <strong>ошибка</strong> в сообщении.','slug'), 

    'error',

    false,

    '', // Добавлен класс CSS

    true // Сделать в сети уведомления

);

?>

 

Настройка внешнего вида уведомлений

5 — ый аргумент функции позволяет добавлять дополнительный класс CSS к уведомлению. Это позволяет более детально настроить внешний вид уведомлений. Вы можете также расширить CSS специфичность, используя ID уведомлении. wp-admin-notifications использует handle уведомления в качестве атрибута ID элемента.

Например, чтобы изменить цвет фона следующего уведомления:

<?php

wp_admin_notification( 

    'my-error-notice', 

    __('Ой! это <strong>ошибка</strong> в сообщении.','slug'), 

    'error',

    false,

    'my-notice', // Добавлен класс CSS

);

?>

 

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

.my-notice {

    background-color: red;

}

/* Или использовать идентификатор, чтобы увеличить специфичность */

#my-error-notice {

    background-color: red;

}

 

Скорость и производительность

wp-admin-notifications инициирует только при наличии по крайней мере , 1 зарегистрированного уведомления. Таким образом, дополнительное воздействие производительности незначительна. Кроме того, если wp_reset_admin_notification($handle) правильно используется, то база данных будет оставаться в стороне от каких — либо следов.

Вывод

С  помощью wp-admin-notifications  при добавлении статических / неотстранимых уведомлений  становится легким. Если вы найдете ее полезной, пожалуйста, поделитесь этой статьи. Если у вас есть какие — либо дополнительные вопросы/запросы, пожалуйста, напишите их в комментариях. Благодарю!



2016-12-05T23:04:48
Лучшие учебники по Wodpress

Как полностью удалить плагин W3 Total Cache

Как удалить плагин W3 Total Cache? Либо это даст вам удивительный опыт или станет кошмаром для вас. Я использовал этот плагин довольно продолжительное время на моих многочисленных веб-сайтах и никогда не было какого-либо вопроса, пока я не передал несколько из моих блогов новому хозяину. Я заметил, что он начал сталкиваться с другими плагинами и сайт работал нестабильно, как это должно быть. А на другом веб-сайте, он ест почти все ресурсы хостинга. (В данном случае прочитайте статью правда об общем хостинге и статью переход от виртуального хостинга к VPS)

Вы можете столкнуться с различными вопросами, такие как:

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

В любом случае, независимо от причины, вы хотите избавиться от W3 Total Cache, не так ли? Я начал делать то же самое, но во время удаления, выяснил, что это не так, как любой другой плагин, который может быть полностью удален путем деактивации и удаления из WP. Это такой сильный плагин, даже после деинсталляции с WordPress, он оставляет много следов на сервере. Вам необходимо удалить их вручную, чтобы полностью удалить W3 Total Cache.

На этом уроке я покажу вам как полностью удалить плагин W3 Total Cache из вашего блога WordPress.

Шаги для удаления W3 Total Cache:

Шаг № 1 :

Войдите в панель управления WordPress и перейдите к ‘Performance>General Settings’. Убедитесь, что вы отключили ( сняли флажок ) в каждом блоке, т.е. ‘Page cache’, Minify’, ‘Database Cache’ и т.д., прежде чем отключите W3 Total Cache и нажмите кнопку сохранения. Без отключения всех этих параметров, если вы отключите и удалите этот плагин, то там может быть вероятность того, что оставит много кодов в файле .htaccess.

Удалить W3 Total Cache полностью

Шаг № 2 :

Теперь перейдите к плагину, и отключите W3 Total Cache, а затем удалите его.

Шаг № 3:

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

Теперь пришло время, чтобы перейти в корневую директорию вашего сайта с помощью логина на вашей хостинг панели. Переход к файлу управления> выберите домен> ‘wp-content и удалите следующие файлы:

  • db.php
  • advanced-cache.php
  • w3-total-cache-config.php

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

Там может быть еще три директории в той же папке;

  • w3tc-config
  • w3tc
  • Cache

Удалите их.

Шаг # 4

Вы удалили все файлы, которые были связаны с W3 Total Cache. Теперь вы должны проверить файл .htaccess в корневом каталоге вашего сайта, есть ли еще какие -то команды, которые были сконфигурированы с помощью W3 Total Cache. Опять же вы должны создать резервную копию файла .htaccess , прежде чем делать какие — либо изменения.

Шаг # 5 — Дополнительный

Я бы не рекомендовал вам сделать этот шаг, если вы решите не использовать любой другой плагин кэша как Comet Cache. Кэш плагинов очень полезен. Хотя у вас может быть плохой опыт с W3 Total Cache но до вы должны использовать один из плагинов кэширования, как WP Super Cache или Comet Cache.

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

Теперь попытайтесь найти эту строку ‘define (WP_CACHE’, true);’. Это должно быть в пределах первых 4-5 строк. После того, как вы это обнаружите, вы можете либо удалить всю строку либо изменить ее на ‘define (WP_CACHE’, false);’.

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

Подводя итоги:

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

Как полностью удалить плагин W3 Total Cache

Тем не менее вопрос, как вы удаляли W3 Total Cache? Не стесняйтесь высказать мнение в комментарии.



2016-12-05T13:35:38
Плагины

Мобильная версия Roundcube

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

Читать

Как усилить кэширование браузера

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

<IfModule mod_expires.c>

ExpiresActive on

ExpiresByType text/css "access plus 14 days"

ExpiresByType text/xml "access plus 0 seconds"

ExpiresByType text/javascript "access plus 14 days"

ExpiresByType application/x-javascript "access plus 14 days"

ExpiresByType image/ico "access plus 14 days"

ExpiresByType image/jpg "access plus 14 days"

ExpiresByType image/jpeg "access plus 14 days"

ExpiresByType image/gif "access plus 14 days"

ExpiresByType image/png "access plus 14 days"

ExpiresByType image/svg+xml "access plus 1 month"

ExpiresByType text/html "access plus 14 days"

ExpiresByType video/ogg "access plus 1 month"

ExpiresByType audio/ogg "access plus 1 month"

ExpiresByType video/mp4 "access plus 1 month"

ExpiresByType video/webm "access plus 1 month"

ExpiresByType application/x-font-woff "access plus 1 month"

ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

ExpiresByType application/xml "access plus 0 seconds"

ExpiresByType application/json "access plus 0 seconds"

ExpiresByType application/rss+xml "access plus 1 hour"

ExpiresByType application/atom+xml "access plus 1 hour"

</IfModule>



2016-12-05T12:01:10
Шпаргалка