Разработка сайтов на WordPress и фреймворке Yii2

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

Архив статей автора: Pavel

Как добавить иконку на задний фон input в Bootstrap

Bootstrap фреймворк

Рассмотрим добавления иконок в элемент input, на примере реализации формы обратного звонка.

Код формы заказа обратного звонка:


<form class="text-center">
	
<div class="h2">Заказать звонок</div>


	
<div class="form-group form-group-lg inner-addon">
		<i class="glyphicon glyphicon-user"></i>
		<input type="text" class="form-control" placeholder="Ваше имя">
	</div>

	
<div class="form-group form-group-lg inner-addon">
		<i class="glyphicon glyphicon-earphone"></i>
		<input type="text" class="form-control" placeholder="Ваш телефон">
	</div>

	
<div class="form-group">
		<button type="submit" class="btn btn-lg btn-primary">Заказать звонок</button>
	</div>

</form>

Читать далее...

Как удалить элемент массива по ключу в PHP

Программирование на PHP

В данной короткой статье, рассмотрим пару примеров удаление элементов массива по его ключу.

Полный листинг кода ниже:

$array = [
	1 => 'One',
	'Two' => 3,
	'Three' => 'Three',
	4 => NULL,
];
echo "<pre dir='ltr'>";print_r($array); echo "</pre>";

if(isset($array['Two']))
{
	unset($array['Two']);
}
echo "<pre dir='ltr'>";print_r($array); echo "</pre>";

if(isset($array[4]))
{
	unset($array[4]);
}
echo "<pre dir='ltr'>";print_r($array); echo "</pre>";


if(array_key_exists(4, $array))
{
	unset($array[4]);
}
echo "<pre dir='ltr'>";print_r($array); echo "</pre>";

Читать далее...

Как в WordPress сохранить опции в БД

CMS WordPress

Одним из самым простым способом хранения данных в WP, является хранение данных в базе данных, в таблице опций - «wp_options». Обычно, в данную таблицу сохраняют данные плагинов или тем, не относящихся к каким либо мета значениям (постов, пользователей и таксономий).

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

Рассмотрим небольшой пример работы:

$option_key = 'my_option_var';

echo "<b>get_option</b><br>";
$result = get_option($option_key);
var_dump($result);
echo "<hr>";

echo "<b>get_option + default value</b><br>";
$result = get_option($option_key, 'default_value');
var_dump($result);
echo "<hr>";

echo "<b>add_option with string</b><br>";
$result = add_option($option_key, 'option_value', '', false);
var_dump($result);
echo "<hr>";

echo "<b>get_option</b><br>";
$result = get_option($option_key);
var_dump($result);
echo "<hr>";

echo "<b>update_option with array</b><br>";
$result = update_option($option_key, array(
	1 => 'One',
	'Two' => 3,
	'Three' => 'Three',
));
var_dump($result);
echo "<hr>";

echo "<b>get_option</b><br>";
$result = get_option($option_key);
var_dump($result);
echo "<hr>";

echo "<b>delete_option</b><br>";
$result = delete_option($option_key);
var_dump($result);
echo "<hr>";
die;

Читать далее...

Как в jQuery раскрыть Autocomplete кликнув по кнопке

jQuery фреймворк

Фреймворк jQuery, в своем арсенале имеет такой компонент как Autocomplete. Отображающий подсказки (варианты ввода) непосредственно под полем ввода текста, по мере его набора. По аналогии автокомплита как в поисковых системах google и яндекс.

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

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

<link rel="stylesheet" href="../bower_components/jquery-ui/themes/base/all.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>

Читать далее...

Как в Yii2 отключить Bootstrap

Фреймворк yii2

По умолчанию, Yii2 поставляется совместно с Bootstrap фреймворком. И после установки какой либо из конфигураций (basic или advanced), вы увидите стартовую страницу стилизованную с помощью Bootstrap. В данном случае (и возможно во всех последующих), ничего плохого в этом нет, ведь это всего лишь заглушка, а не сайт на продакшине. Но а что если заказчик, или студия решила отойти от столь популярного решения в виде Bootstrap, а выбрала к примеру materializecss? Да, в этом случае нам понадобится отключить Bootstrap, и подключить materializecss фреймворк (или любой другой который придет вам по вкусу).

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

Второе, в файле ресурсов (в basic, это фай - /assets/AppAsset.php), отключить поддержку Bootstrap:

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

удалив строку:

'yii\bootstrap\BootstrapAsset',

Читать далее...