Илья1 мин чтения4.5/5Комментарии к записи Особенности свойства height в процентах отключены
В чем же особенности свойства height в процентах ? Из практики свойство height, если указать его в процентах, покажет высоту относительно родительского блока. Но на самом деле не все так красиво и просто. Естественно для произвольного div элемента height в процентом соотношении работать не будет! Сейчас наша цель – получить вёрстку такого вида: При этом блок в которой находиться левая стрелка должен быть отдельным элементом внутри контейнера. Данный способ удобен для дальнейшей работы с JS, чтобы принимать на нём клики мыши. То есть, HTML-код требуется примерно такой: <div class=»container»> <div class=»arrow»> <!— стрелка влево при помощи CSS, ширина фиксирована —> </div> <div class=»content»> …Текст… </div> </div> Как же это реализовать? Есть много разных вариантов, но, вероятнее всего, вы решились сдвинуть .arrow влево, при помощи функции float:left (учитывая то что он фиксированной ширины) и увеличить высоту до 100%, чтобы он занимал всё свободное пространство по вертикали. Но и тут есть свой подвох. Смотрим то, что будет происходить… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Скрыть элемент при клике за его пределами Jquery отключены
Как же cкрыть элемент при клике за его пределами Jquery? Благодаря этого способа можно использовать для создании прототипа потери фокуса к блочным элементам на вашей веб-странице (прототип события blur который по сущности своей не распространяется на все блочные элементы в определенных видах браузеров). Рассмотрим такой пример, что у нас на странице имеется элемент с class = white, обратной формой для пользователя. И данный элемент должен пропасть, если пользователь кликнет мышью по любому месту в черном блоке страницы, за исключением самого данного элемента с классом white. Данную задачу можно решить обработкой клика мыши на элементе black. А в самом обработчике, нужно будет проверить, не является ли источником события наш элемент с class = white или не является одним из его потомков: $(function(){ $(«.black»).click(function(event) { if ($(event.target).closest(«.white»).length) return; $(«.black»).css(«display»,»none»); event.stopPropagation(); }); }); Продемонстрируем данный пример на рабочем примере: <!DOCTYPE html><br /><br /> <html><br /><br /> <head><br /><br /> </head><br /><br /> <body></p><br… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Как добавить сайт в поисковики бесплатно отключены
Как же добавить сайт в поисковики бесплатно? Для того чтобы попасть в поисковики больших манипуляций не требуется. Поисковые роботы обычно сами находят новые сайты и делают всю работу за вас, но если на них есть внешние ссылки. А когда после четырех – восьми недель сайт не появился в поисковой системе, тогда стоит самостоятельно и совершенно бесплатно добавить сайт в поисковики сделав не большие манипуляции. Перед тем как добавить сайт в поисковую систему, следует убедиться, что ресурс готов к индексации. Все страницы ресурса должны быть заполнены контентом, оптимизированы, желательно заполнены ключевыми словами и разрешены к индексации, и не запрещены файлом robots.txt. Для того чтобы упростить и ускорить процесс добавления сайта в поисковую систему, нужно заранее приготовить текстовый документ, в котором будут заполнены поля, наиболее часто встречающиеся при регистрации в поисковиках. Поля которые чаще всего используются при регистрации сайта в своей системе предоставлены ниже: URL-адрес сайта Название сайта Краткое описание сайта Контактное лицо (владельца сайта)… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Скрыть запись определенных рубрик с основной страницы отключены
Как же скрыть запись определенных рубрик? После того как вы публикуете новую запись на сайте она появляется на главной странице в списке постов в блоге. Заметим то что на главной обычно выводятся записи всех рубрик, но иногда это делать не желательно. При разработке одного из сайтов я столкнулся с подобной проблемой, перерыв кучу материала в интернете наткнулся на статью как это сделать и решил продублировать пример на своем сайте чтобы в дальнейшем было быстро и удобно его использовать. Для удаления рубрики с главной страницы wordpress существует большое количество плагинов. Один из них — это Frongpage Category Filter. Но не всегда хочется загружать сайт не желательными плагинами, поэтому попробуем скрыть наши посты с помощью функции . Рассмотрим найденную функцию подробнее: // фильтр скрытых рубрик function hidecategory($query) { if ( $query->is_home ) { $query->set(‘cat’,’-1,-7′); } return $query; } add_filter(‘pre_get_posts’, ‘hidecategory’); Данный код необходимо разместить в самый низ файла functions.php, без пустых строк после него (иначе… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Работа с AJAX в WordPress отключены
Как же правильней осуществляется работа с AJAX в WordPress AJAX — достаточно полезна и удобна в работе с html страницами. С помощью нее реально создавать понастоящему красивые визуальные приложения. Если проще, то с его помощью возможно создавать всевозможную передачу данных “без обновления страницы”: загрузку новых или дополнительных записей без обновления страницы, сохранение в базу комментариев WordPress без обновления страницы и т.д. У WP создан свой достаточно удобный интерфейс при работе с AJAX. Нам требуется только написать функцию и обратиться к ней с помощью ajax. Сделать это можно так: add_action(‘wp_ajax_send’,’action_send’); Где send — имя нашего хука, а action_send — имя функции, которую мы будем вызывать. В данном случае эта запись будет отработывать только при авторизованном пользователи, но если требуется использовать данную функцию для всех пользователей сайта то выглядит это вот так: add_action(‘wp_ajax_send’, ‘action_send’); add_action(‘wp_ajax_nopriv_send’,’action_send’); Для использования самого AJAX запроса можно воспользоваться встроенной функцией в jQuery. $.ajax({ url: «/wp-admin/admin-ajax.php», //url, к которому… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи WordPress и сессия ($_SESSION) отключены
WordPress и сессия или как заставить работать session_start в WP как и на чистом php. Создавая шаблон на WordPress через какое-то время, я понял, что стандартный session_start() в WP не хочет работать. И как оказалось это не является багом движка, сессии в самом движке (как и практически дургие переделанные функции в WordPress) отсикаются специально, но все равно данное ограничение можно обойти. Открываем наш шаблон и создаем новый или открываем уже существующий файл function.php (данная темадолжна быть включена как активная в админке сайта). function.php обязан находиться в корне нашего шаблона (wp-content/themes/<название самой темы>) куда добавим наш код: add_action(‘init’, ‘omyblog_init_session’, 1); if ( !function_exists(‘omyblog_init_session’)): function omyblog_init_session() { session_start(); } endif; В первой строчке указываем на повышенный приоритет нашей созданной функции, и поэтому вызов нашего кода будет происходить для всего шаблона. После данных не хитрых манипуляции можно пользоваться $_SESSION, как на простом чистом php.
Илья1 мин чтения4.5/5Комментарии к записи Cookie в JQuery. отключены
Для простоты, легкости работы при чтении, удалении и записи coockie используем плагин JQuery. jquery.cookie Установка Вначале подключаем библиотеку JQuery, после чего запускаем наш скрипт (если вы не осуществляете упаковку скриптов как — то еще): <script src=»/path/to/jquery.cookie.js»></script> Применение плагина: Создаем coockie сессию: $.cookie(‘name’, ‘value’); Создадим сессию с сроком хранения 7 дней с момента ее создания: $.cookie(‘name’, ‘value’, { expires: 7 }); Создадим сессию с сроком хранения, действующую на всем сайте: $.cookie(‘name’, ‘value’, { expires: 7, path: ‘/’ }); Получение данных из cookie: $.cookie(‘name’); // => «value» $.cookie(‘nothing’); // => undefined Получить все доступные значения cookie: $.cookie(); // => { «name»: «value» } Удаляем cookie: // Возврнем true, если cookie был успешно удален, в противном случае false $.removeCookie(‘name’); // => true $.removeCookie(‘nothing’); // => false // Используем только одни и те же атрибуты (путь, домен), как в том cookie что было написано ранее $.cookie(‘name’, ‘value’, { path: ‘/’ }); //… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Как убрать сообщение « Сайт ненадолго закрыт на техническое обслуживание » отключены
Рассмотри как убрать сообщение «Сайт ненадолго закрыт на техническое обслуживание» В последних версиях WP имеется функция автоматического обновления вашего блога. Для этого заходим в панель администратора на сайте, в разделе «Инструменты» — «Обновление». Нажимаем на кнопку «Обновить автоматически» и в некоторых случаях приходиться вводить логин и пароль для ftp-доступа. Если все проходит успешно, то вы получаете обновленный движок, если же из-за чего-то процедура обновления была прервана или остановлена может произойти так что вместо блога, вы увидите пустую страничку на которой будет выведено сообщение о том, что на вашем блоге временно проводятся работы, на en: «Briefly unavailable for scheduled maintenance», на рус: «Сайт ненадолго закрыт на техническое обслуживание. Зайдите через минуту.» Чтобы убрать данное сообщения, заходим в папку wp-admin, нашего блога через FTP соединение и удаляем файл с именем .maintenance. После нехитрых манипуляций блог снова будет работать и вы сможете повторить попытку обновления движка.
Илья2 мин чтения4.5/5Комментарии к записи 4 способа определения мобильных устройств и экранов Retina отключены
Как осуществить определение мобильных устройств? В наше время нам доступно большое множество различных мобильных браузеров и поэтому не будет лишним оптимизировать сайт и для мобилок. Но чтобы это сделать нам следует определить каким устройством пользуется человек открывший сайт. Существует несколько методов для этого которые мы и рассмотрим: 1. PHP User Agent При открытии браузером вашей страницы, он посылает данные о себе, включая post data, реферера, а также user agent. В данный момент можно проверить совместимость user agent по списку известных мобильных user agent, тем саммым перенаправить данного пользователя на другую, совместимую с его устройством страницу, или присвоить тот или иной CSS. Сам код очень прост, пример его: <?php //Список известных мобильных агентов $moiles = array(«iPhone»,»iPod»); foreach( $moiles as $moile ) { if( preg_match( «#».$moile.»#i», $_SERVER[‘HTTP_USER_AGENT’] ) ) { //Хорошо, это мобильный браузер, давайте перенаправить его! header(‘Location:https://moile.site.ru/’); exit(); } } ?> Данный код очень удобный, так как можно отключить текст, чтобы пользователи,… Читать далее »
Илья1 мин чтения4.5/5Комментарии к записи Генерация QR кода в приложениях на PHP отключены
Как проходит Генерация QR кода? QR коды набирают популярность все больше и больше благодаря возможности использовать огромный объем данных в одном изображение и распространению через смартфоны, с помощью которых можно обеспечить быстрое сканирование и декодирование информации. Двумерный полосовой код был изобретен в Японии. Данный код под потенотом, но создатель решил сделать его общедоступным В этом уроке мы узнаем как быстро сгенерировать QR код с помощью PHP. Для создания кода будем использовать библиотеку PHP QR Code, которая не привязана к другим библиотекам. Создаем первый QR код Для начала скачиваем библиотеку PHP QR Code с GitHub. Затем распаковываем его на хостинг, где будем тестировать его, например https://Mysite.ru/phpqrcode, для запуска демонстрации. Заполняем текстом поле ввода и получаем изображение соответствующего QR кода. Для работы приложения требуется PHP с расширением GD2. Использовать библиотеку на своих сайтах очень просто: <?php include «phpqrcode/qrlib.php»; // Создаем и выводим QR код с текстом QRcode::png(«My First QR Code»); С помощью двух… Читать далее »
