Справка разработчику - полезные коды PHP, CSS и не только

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

Полезные коды PHP, CSS

Часто в блоках с текстовыми описаниями и названиями, особенно в модулях случается, так что количество слов и символов превышает допустимые критерии верстки. И если пример, длина описаний и названий у всех страниц большая и выходит за рамки верстки, то лучше поправить сами стили сайта. В случае с единичным превышением можно внести правки в файл, отвечающий за генерацию вывода.  Пример, длина названия товара у всех товаров идет в 2 строки, а у нескольких в 3-4, выглядит некрасиво.

Пример  1. Находим код "<?php echo $product['name']; ?>" это может быть и другой код, зависит от того что нам нужно обрезать и в какой системе, приведен код вывода названия товара в блоке сайта созданного на OpenCart. Заменяем его на "<?php  echo mb_substr( $product['name'],0,20,'utf-8' )."..."; ]; ?>" 20 означает количество символов которые остаются, остальные обрезаются и ставится троеточие.  Использовать данную схему обрезки можно где угодно, в модулях статей, вывода товаров.

Пример 2. Ускорение базы данных сайта магазина путем введения индексации. Необходимо зайти в управление базой данных сайта и выполнить запрос (предоставлен ниже). После ALTER TABLE идет название таблицы для оптимизации.

"

ALTER TABLE oc_product_attribute ADD INDEX ( attribute_id );

ALTER TABLE oc_product_attribute ADD INDEX ( language_id );

ALTER TABLE oc_product_description ADD INDEX ( language_id );

ALTER TABLE oc_product_image ADD INDEX ( product_id );

ALTER TABLE oc_product_image ADD INDEX ( sort_order );

ALTER TABLE oc_product_option ADD INDEX (product_id);

ALTER TABLE oc_product_option ADD INDEX (option_id);

ALTER TABLE oc_product_option_value ADD INDEX (product_option_id);

ALTER TABLE oc_product_option_value ADD INDEX (product_id);

ALTER TABLE oc_product_option_value ADD INDEX (option_id);

ALTER TABLE oc_product_option_value ADD INDEX (option_value_id);

ALTER TABLE oc_product_option_value ADD INDEX (subtract);

ALTER TABLE oc_product_option_value ADD INDEX (quantity);

ALTER TABLE oc_product_reward ADD INDEX ( product_id );

ALTER TABLE oc_product_reward ADD INDEX ( customer_group_id );

ALTER TABLE oc_product_to_category ADD INDEX ( category_id );

ALTER TABLE oc_product_to_store ADD INDEX ( store_id );

ALTER TABLE oc_setting ADD INDEX ( store_id );

ALTER TABLE oc_setting ADD INDEX ( `group` );

ALTER TABLE oc_setting ADD INDEX ( `key` );

ALTER TABLE oc_setting ADD INDEX ( serialized );

ALTER TABLE oc_url_alias ADD INDEX ( query );

"

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

Пример 3. Изменение пароля администратора joomla и других систем.

Зайдя в панель управления базой данных необходимо найти поля, отвечающие за запись администратора, обычно это "_users" или "_user". Выбрав нужного пользователя в поле пароля, следует ввести следующий код "21232f297a57a5a743894a0e4a801fc3" без кавычек, он сбросит пароль на admin.

Пример 4. Плавная смена цвета у элемента при наведении мыши.  Код CSS "transition: 3s; " Делает переход плавным, в зависимости от установленного времени.

Пример 5. Округление углов у любого элемента, код "-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; " в пикселях указывается размер округления. Можно сделать полный круг.

Пример 6. Включение отключение кода при определенном разрешении экрана. Позволяет пример сделать доступным опцию увеличения картинки на компьютерах и отключить мобильным.

"

<script>

$(document).ready(function() {

if($(window).width() > 1024) {

Код для выполнения

} else {

                }             

                // если меньше 1024 то отключаем

                if($(window).width() < 1024) {

                               } else {}

});

</script>

"

Поэкспериментировав можно применять где угодно.

Пример 7. Удаление не нужных стилей и скриптов с макета сайта. Многие модули и расширения добавляют свои стили и скрипты, что существенно может повлиять на скорость работы, оптимизировать все можно путем переноса кода скриптов в другие файлы, но вот поиск и удаление оригинала особенно в системе joomla может быть не простой задачей. Все можно сделать быстро, если в макете сайта в файле index.php прописать код.

"

<?php

 unset(

 $this->_scripts[$this->baseurl.'/media/jui/js/jquery.min.js'],

$this->_styleSheets[JURI::root(true).'/plugins/content/extravote/assets/extravote.css']);

 ?>

"

Можно вырезать все ненужные стили скрипты.

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

http://css3gen.com/border-radius/ - генератор теней, округления элементов.

https://www.iconfinder.com/  - сервис поиска иконок для сайта, много бесплатных для коммерческого использования.

http://quirktools.com/screenfly/ - онлайн сервис для проверки адаптивности сайта, позволяет быстро увидеть и убрать недочеты верстки.

http://unicode-table.com/ru/ - таблица символов Юникода. С помощью данного сервиса можно добавлять символы на свой сайт.

http://fontawesome.ru/ - популярные иконки Font Awesome легко и доступно для вашего сайта.

Рекомендуем почитать

Читайте также

Сайт мастера перманентного макияжа Transmatik - сайт автоцентра Авторский сайт Ольги Киенко Харьковская федерация бадминтона Создание сайта оптового интернет-магазина