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

Лучшие плагины типографики для улучшения вашего дизайна в WordPress

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

Почему шрифты важны для вашего WordPress сайта?

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

Многие Premium темы WordPress уже включают доступ к Google шрифтам и позволяют настроить типографику в соответствии с вашими потребностями.

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

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

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

1. Easy Google Fonts

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

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

Для продвинутых, вы можете использовать CSS селекторы. Просто используйте Inspect tool, чтобы узнать классы CSS, которые вы хотите настроить.

2. Font Manager Google

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

Google Fonts Manager позволяет выбирать, просматривать и делать предосмотр шрифтов из Google fonts, а затем добавить шрифты, которые вы хотите использовать в вашей библиотеке. Затем вы можете использовать эти шрифты в вашем редакторе постов и в теме.

3. Typekit Fonts for WordPress

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

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

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

4. Simple Drop Cap

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

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

5. wp-Typography

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

6. Simple Pull Quote

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

Плагин Simple Pull Quotes позволяет легко добавлять красивые pull quotes на ваши посты WordPress. Вы можете использовать кнопки в визуальном редакторе или использовать шорткоды вручную, чтобы создать pull quotes в ваших статьях.

Вы также можете создать pull quotes, которые легко разделить.

7. TinyMCE Advanced

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

Для этого приходит на помощь TinyMCE Advanced.

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

8. Zeno Font Resizer

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

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

9. Page Title Splitter

Page Title Splitter позволяет легко расслаивать большие заголовки с новой строки. Это позволяет использовать более длинные заголовки статей, убедившись, что они остаются читаемыми.

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

10. Secondary Title

Подобно Post Title Splitter, Secondary Title позволяет добавлять субтитры к посту, странице, или названию пользовательского типа поста.

11. Accessibility Widget

Accessibility widget добавляет виджет изменение шрифта, который является более доступным для пользователей с нарушениями зрения.

Виджет позволяет использовать до четырех вариантов изменения размера.Опции по умолчанию 90%, 100%, 110% и 120%. Вы можете увеличить или уменьшить размер шрифта здесь.

12. Endnotes

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

13. Greg’s Threaded Comment Numbering

Плагин Greg’s Threaded Comment Numbering позволяет добавлять номера рядом с вашими комментариями WordPress. Он также способен обрабатывать вложенные комментарии.

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

Подробные инструкции можно найти в руководстве о том, как добавить номер к комментарию в теме WordPress.

14. Colorful text widget

Устали от старого скучного текстового виджета? Color Text Widget позволяет добавлять красочные текстовые виджеты. Это позволяет сделать свой текстовый виджет всплывающим окном.

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

15. Text Hover

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

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

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

2016-11-15T05:14:06
Витрина

Как установить Sylius на Debian 8

На этом уроке мы расскажем вам, как установить Sylius на Debian 8 с MariaDB, PHP-FPM и Nginx. Sylius представляет собой современное приложение электронной коммерции построенной на основе Symfony 2. Это руководство должно работать на других системах на основе OS Linux, так же хорошо, но была испытана и написана для Debian 8.

Войдите на свой VPS через SSH

ssh furious@vps

Обновите систему и установите необходимые пакеты

[furious]$ sudo apt-get update && sudo apt-get -y upgrade
[furious]$ sudo apt-get install curl

Установить MariaDB 10,0

Чтобы установить последнюю версию MariaDB 10, выполните следующие команды:

[furious]$ sudo apt-key adv --recv-keys --keyserver keyserver.ubuntu.com 0xcbcb082a1bb943db
[furious]$ sudo add-apt-repository 'deb http://mirror.jmu.edu/pub/mariadb/repo/10.0/debian jessie main'
[furious]$ sudo apt-get update
[furious]$ sudo apt-get install -y mariadb-server

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

[furious]$ mysql_secure_installation

Далее, нам необходимо создать базу данных для нашей установки Sylius.

[furious]$ mysql -uroot -p
MariaDB [(none)]> CREATE DATABASE syliusdb;
MariaDB [(none)]> GRANT ALL PRIVILEGES ON syliusdb.* TO 'syliusdbuser'@'localhost' IDENTIFIED BY 'syliusdbuserpasswd';
MariaDB [(none)]> FLUSH PRIVILEGES;
MariaDB [(none)]> q

Установка Nginx

Последняя версия Nginx, версия 1.8 не доступна через репозиторий Debian по умолчанию, поэтому мы добавим репозиторий Dotdeb. Откройте файл /etc/apt/sources.list и добавьте следующие строки:

[furious]$ sudo vim /etc/apt/sources.list

deb http://packages.dotdeb.org jessie all
deb-src http://packages.dotdeb.org jessie all

Получите и установите ключ GnuPG:

[furious]$ curl -sS http://www.dotdeb.org/dotdeb.gpg | sudo apt-key add -

Обновление системы и установка Nginx:

[furious]$ sudo apt-get update
[furious]$ sudo apt-get -y install nginx

Установка PHP и необходимых модулей PHP

Чтобы установить последнюю стабильную версию PHP версии 5.6 и всех связанные модули, выполните следующую команду:

[furious]$ sudo apt-get -y install php5-fpm php5-cli php5-gd php5-mysqlnd php5-curl php5-intl

Установить Composer

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

[furious]$ curl -sS https://getcomposer.org/installer | php
[furious]$ sudo mv composer.phar /usr/local/bin/composer

Установить Sylius

[furious]$ cd ~/
[furious]$ composer create-project sylius/sylius:v0.14.0

[furious]$ cd sylius
[furious]$ php app/console sylius:install --env prod

Сценарий будет задать вам несколько вопросов:

Creating the "app/config/parameters.yml" file
Some parameters are missing. Please provide them.
sylius.database.driver (pdo_mysql):
sylius.database.host (127.0.0.1):
sylius.database.port (null):
sylius.database.name (sylius): syliusdb
sylius.database.path (null):
sylius.database.user (root): syliusdbuser
sylius.database.password (null): syliusdbuserpasswd

[furious]$ cd sylius
[furious]$ php app/console sylius:install --env prod

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

Конфигурация PHP-FPM

Создайте новый PHP-FPM пул для вашего пользователя:

[furious]$ cat << EOF | sudo tee /etc/php5/fpm/pool.d/$(whoami).conf
[$(whoami)]
user = $(whoami)  
group = $(whoami)  
listen = /var/run/php5-fpm-$(whoami).sock  
listen.owner = $(whoami)
listen.group = $(whoami)  
listen.mode = 0666  
pm = ondemand  
pm.max_children = 5  
pm.process_idle_timeout = 10s;  
pm.max_requests = 200  
chdir = /
EOF

Перезагрузка PHP-FPM:

[furious]$ sudo service php5-fpm restart

Конфигурация Nginx

Создание нового блока сервера Nginx со следующим содержанием:

[furious]$ cat << EOF | sudo tee /etc/nginx/sites-available/mySylius.ru
server {
    server_name mySylius.ru;
    listen 80;
    root $HOME/sylius/web;

    access_log /var/log/nginx/syliusru-access.log;
    error_log /var/log/nginx/syliusru-error.log;

    location / {
        try_files $uri /app.php$is_args$args;
    }

    location ~ ^/app.php(/|$) {
        fastcgi_pass unix:/var/run/php5-fpm-$(whoami).sock;
        fastcgi_split_path_info ^(.+.php)(/.*)$;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_intercept_errors off;
        fastcgi_buffer_size 16k;
        fastcgi_buffers 4 16k;
    }

    location ~ /.ht {
        deny all;
    }    
}
EOF

Активировать блок сервера, создав символическую ссылку:

[furious]$ sudo ln -s /etc/nginx/sites-available/mySylius.com /etc/nginx/sites-enabled/mySylius.ru

Проверка конфигурации Nginx и перезапуск Nginx:

[furious]$ sudo nginx -t
[furious]$ sudo service nginx restart

Вот и все. Вы успешно установили Sylius на Debian 8. Для получения дополнительных сведений о том, как управлять установкой Sylius, пожалуйста, обратитесь на сайт Sylius.

2016-11-14T10:47:06

Установка ПО на Debian

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

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

Во- первых, вам необходимо посетить экран Внешний вид »Виджеты в вашей панели администратора WordPress. Режим специальных возможностей скрыт под меню опции экрана.

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

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

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

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

Этот новый интерфейс позволяет добавлять виджеты с помощью ссылки Добавить рядом с названием виджета.

При нажатии на ссылку Добавить, он откроет виджет на одной странице, где вы можете настроить виджет.

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

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

Режим специальных возможностей также позволит редактировать ссылки рядом с активными виджетами, как здесь:

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

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

2016-11-14T09:30:08

Лучшие учебники по Wodpress

Как создать пользовательский виджет в WordPress

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

Что такое WordPress виджет?

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

Создание виджета в WordPress

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

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

// Creating the widget 
class andreyex_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Основной ID вашего виджета
'andreyex_widget', 

// Название виджета будет отображаться в пользовательском интерфейсе
__('AndreyEx Widget', 'andreyex_widget_domain'), 

// Widget description
array( 'description' => __( 'Пример виджета на основе учебника AndreyEx', 'andreyex_widget_domain' ), ) 
);
}

// Создание интерфейсных виджетов
// когда действие происходит
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// до и после виджета аргументы определяет в теме
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// Это где вы запустите код и отображается результат
echo __( 'Hello, World!', 'andreyex_widget_domain' );
echo $args['after_widget'];
}
		
// Widget Backend 
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'Новый заголовок', 'andreyex_widget_domain' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> 
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
</p>
<?php 
}
	
//Обновление виджета, замена старых экземпляров новыми
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class andreyex_widget заканчивается здесь

// Регистрация и загрузка widget
function wpb_load_widget() {
	register_widget( 'andreyex_widget' );
}
add_action( 'widgets_init', 'andreyex_load_widget' );

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

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

В настоящее время существует несколько вещей , которые вы можете спросить. Например, что wpb_text_domain делает? WordPress использует Gettext для обработки переводов и локализации. Вот wpb_text_domain и __e рассказывает GetText, что это строка для перевода. Посмотрите , как вы можете найти перевод слов в готовой теме WordPress.

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

2016-11-14T07:21:47

Лучшие учебники по Wodpress

Как отобразить пользовательские поля вне цикла в WordPress

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

Код будет выглядеть следующим образом:

<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, 'Ваше-пользовательское-поле', true);
wp_reset_query();
?>

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

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

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

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

2016-11-14T06:02:58

Темы WordPress

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

Если вы использовали 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 код в этот новый файл.

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

2016-11-14T03:03:18