Архив автора: admin

Как создать пользовательский виджет в 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
Темы WordPress

Записываем скринкаст: подборка ресурсов

Есть необходимость создать видео инструкцию, демонстрирующую работу приложения или сервиса… Какой программой или веб-сервисом воспользоваться? Читать

Установить osCommerce на Debian 8

Представьте себе ситуацию, в которой у вас есть отличный продукт, чтобы продать и уже запланированную маркетинговую кампанию, но одна вещь не хватает, это веб-сайт электронной коммерции, чтобы продать свой продукт. Есть много разновидностей интернет-магазинов: Magento, OpenCart, CS Cart, Prestashop … где список заканчивается? Хотя каждый является отличным решением для электронной коммерции, у которых есть собственные стандарты, в этом учебнике мы сосредоточимся на установке легкого сервера Open Source Commerce (интернет — магазина) на Debian 8 VPS.

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

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

ТРЕБОВАНИЯ

Мы предполагаем , что у вас уже установили и настроили на вашем сервере Apache, MySQL и PHP. Если это не так, вы можете сделать это с помощью нашего учебника и установить LAMP.

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

ssh root@server_ip

 

Вы можете проверить, есть ли у вас правильная версия Debian, установленная на сервере с помощью следующей команды:

lsb_release -a

 

Вы должны получить этот результат:

Distributor ID: Debian

Description:    Debian GNU/Linux 8.3 (jessie)

Release:        8.3

Codename:       jessie

 

Обновите систему

Убедитесь, что ваш сервер полностью в актуальном состоянии с помощью:

apt-get update && apt-get upgrade

 

Теперь создайте базу данных, которая будет необходима для установки интернет-магазина. Войдите в MySQL как root и выполните следующие запросы:

# mysql -u root -p



mysql> CREATE DATABASE oscommerce;

Query OK, 1 row affected (0.00 sec)



mysql> GRANT ALL PRIVILEGES on oscommerce.* to oscommerceuser@localhost identified by 'your_password';

Query OK, 0 rows affected (0.00 sec)



mysql> FLUSH PRIVILEGES;

Query OK, 0 rows affected (0.00 sec)



mysql> quit;

Bye

 

Установите OScommerce

Перейдите в корневой каталог документов по умолчанию в Apache ( /var/www/html/ ) и загрузите последнюю версию интернет — магазина (во время написания этой статьи последняя версия 2.3.4):

cd /var/www/html/



wget http://www.oscommerce.com/files/oscommerce-2.3.4.zip

 

Распакуйте архив:

unzip oscommerce-2.3.4.zip

 

Переименуйте распакованный каталог:

mv oscommerce-2.3.4/oscommerce/

 

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

chmod 777 /var/www/html/oscommerce/catalog/includes/configure.php



chmod 777 /var/www/html/oscommerce/catalog/admin/includes/configure.php

 

Теперь откройте ваш веб — браузер и перейдите по следующему адресу http://your_IP_address/oscommerce/catalog/install/index.php. Вас встретят на странице установки интернет -магазина, как показано на рисунке:

osCommerce

Конечно, настройки PHP и необходимые расширения PHP должны быть включены/установлены, чтобы вы могли продолжить установку. Если все в порядке, нажмите Start, чтобы продолжить установку. Далее следуют настроить базу данных. Введите учетные данные базы данных, как показано на изображении ниже:

База данных osCommerce

 

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

Ваш магазин можно будет по адресу: http://your_server_IP/oscommerce/catalog/index.php и вход в панель администратора интернет — магазина по адресу: http://your_server_IP/oscommerce/catalog/admin/login.php.

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

rm -rf /var/www/html/oscommerce/catalog/install/



chmod 644 /var/www/html/oscommerce/catalog/includes/configure.php



chmod 644 /var/www/html/oscommerce/catalog/admin/includes/configure.php

 

Теперь давайте защитим паролем панель администрирования интернет-магазина с помощью утилиты Htpasswd. Выполним:

htpasswd -c /var/www/html/oscommerce/catalog/admin/.htpasswd your_user

 

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

cat /var/www/html/oscommerce/catalog/admin/.htpasswd

 

Теперь необходимо настроить веб-сервер Apache, чтобы проверить файл .htpasswd. Откройте конфигурационный файл Apache по умолчанию, вашим редактором. Мы используем nano:

nano /etc/apache2/sites-available/000-default.conf

 

Вставьте следующий текст в директиве VirtualHost:

<Directory "/var/www/html">

        AuthType Basic

        AuthName "Restricted Content"

        AuthUserFile /var/www/html/oscommerce/catalog/admin/.htpasswd

        Require valid-user

</Directory>

 

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

service apache2 restart

 

Теперь вы можете открыть панель администратора по адресу http://your_server_IP/oscommerce/catalog/admin/login.php, после чего вам будет необходимо ввести имя пользователя и пароль.

Поздравляем, вы успешно установили интернет — магазина на вашем Debian 8 VPS.

Установить osCommerce на Debian 8



2016-11-13T05:38:46
Установка ПО на Debian