Архив рубрики: Web

В данном разделе рассматриваются все нюансы web разработка, которые могут помочь вам в работе с написанием кода и модулей! Читаем и учимся!

Семантика WordPress

Как установить WordPress

Терминология Введение Разработчики создали WordPress как систему для ведения веб-блогов  ( блогов ). Блог , как определено в Глоссарии Кодекса , — это «онлайн-журнал, дневник или сериал , публикуемый человеком или группой людей». Многие блоги носят личный характер, отражая мнения и интересы владельца. Но блоги теперь являются важными инструментами в мире новостей, бизнеса, политики и развлечений. Блоги — это форма системы управления контентом (CMS) , которую Википедия называет «системой, используемой для организации и облегчения совместного создания контента». Роль веб-сайта ( сокращенно сайта ) могут выполнять как блоги , так и системы управления контентом . Веб -сайт можно рассматривать как набор статей и информации о конкретном предмете, услуге или продукте, который может не быть личным отражением владельца. В последнее время, когда роль WordPress расширилась, разработчики WordPress начали использовать более общий термин « сайт» вместо «блог». Терминология содержания Термин Word в WordPress относится к словам, используемым для создания сообщений . Сообщения являются основным элементом (или содержанием ) блога. Посты — это сочинения, сочинения, обсуждения, беседы, размышления и, да, разглагольствования владельца блога и приглашенных авторов. Сообщения в большинстве случаев являются причиной существования блога; без постов нет блога! Неотъемлемой частью блога являются изображения, изображения, звуки и фильмы, также известные как медиа . Медиа улучшает и оживляет содержание блога. WordPress предоставляет… Читать далее »

Первые шаги с WordPress (редактор блоков)

Первые шаги с WordPress

Я сделал 5-минутную установку. Что теперь? Вы только что завершили5-минутную установку WordPress или установку одним щелчком мыши с веб-хостинга. Итак, каков ваш следующий шаг? Давайте пошагово рассмотрим ваш сайт WordPress и посмотрим, как работают различные функции и как сделать новый сайт своим. Во время первой части этого руководства ничего не меняйте в программе , если это не является частью руководства. Выполнив эти шаги, вы скоро все измените. Авторизоваться Начните с входа в административную часть вашего веб-сайта. Посетите страницу входа на свой сайт, поместив wp-admin после своего доменного имени (например, https://example.com/wp-admin). Некоторые темы также предоставляют ссылку для входа или форму на интерфейсе. Теперь войдите в WordPress, используя имя пользователя и пароль, которые вы создали во время 5-минутной установки. Начать сверху После входа в систему вы попадаете на главный экран администрирования , который называется Dashboard . С этого начинается организация вашего сайта. В верхней части экрана находится область, называемая панелью инструментов . Нажмите на название вашего сайта; это ссылка, и она приведет вас к просмотру вашего нового сайта WordPress. Нравится это? Не нравится? Неважно, просто посмотрите на это. Вот где вы собираетесь… Читать далее »

Как установить WordPress

Как установить WordPress

WordPress известен своей простотой установки. В большинстве случаев установка WordPress — очень простой процесс, который занимает менее пяти минут. Многие веб-хостинги теперь предлагают инструменты (например, этот) для автоматической установки WordPress . Однако, если вы хотите установить WordPress самостоятельно, вам поможет следующее руководство. Что нужно знать перед установкой WordPress Прежде чем приступить к установке, необходимо выполнить некоторые действия. Обратитесь к статье Перед установкой . Если вам нужно несколько экземпляров WordPress, см. Установка нескольких экземпляров WordPress. Основные инструкции Вот краткая версия инструкций для тех, кто уже умеет выполнять такие установки. Далее следуют более подробные инструкции . Загрузите и разархивируйте пакет WordPress, если вы еще этого не сделали. Создайте базу данных для WordPress на своем веб-сервере, а также пользователя MySQL (или MariaDB), который имеет все привилегии для доступа к ней и ее изменения. (Необязательно) Найдите и переименуйте wp-config-sample.phpв wp-config.php, затем отредактируйте файл (см. Редактирование wp-config.php) и добавьте информацию о своей базе данных. Примечание. Если вам неудобно переименовывать файлы, шаг 3 является необязательным, и вы можете пропустить его, так как программа установки создаст файл wp-config.phpза… Читать далее »

Сканирование QR-кода HTML5 с помощью javascript

QR-код – это очень распространенная техника кодирования информации в виде изображений. Он очень часто используется в физических магазинах для идентификации товаров, подобно тому, как используется штрих-код. Эта библиотека позволяет сканировать QR-код в веб-приложениях с помощью веб-камеры или камеры на смартфонах. Это простая библиотека размером 52 Кб, написанная на чистом js. В 2015 году я написал библиотеку для сканирования QR-кодов на основе HTML5 в качестве расширения jQuery. Недавно я заметил, что на моем проекте на Github и демонстрационной странице наблюдается постоянный трафик. Когда я углубился в суть происходящего, мне стало стыдно за плохой дизайн и устаревшую поддержку последних HTML API вокруг Camera. Недавно я исправил некоторые проблемы и подверг рефакторингу библиотеку javascript, которая теперь не зависит от jQuery и поддерживает API на основе Promise. В этой статье я объясню, как использовать новую версию библиотеки, некоторые изменения и их причины, а также существующие проблемы и планы по их устранению. Если говорить громко, то основными… Читать далее »

Вывод вариаций на странице каталога товаров WooCommerce (в категориях/тегах)

В посте про создание вариативного товара спрашивали как сделать отображение доступных опций на архивной странице каталога (категории/теге). В принципе, фишка интересная, может сэкономить время пользователю, когда у вас на сайте не особо много позиций и все они с возможностью выбора (например, сфера доставки еды/пиццы). По теме я нашел парочку решений. Изначально хотел добавить их в пост с хаками для вариаций, дабы не плодить лишние записи, но в сниппетах слишком много кода, поэтому они тут. Если будете гуглить данный вопрос, то ищите что-то вроде «woocommerce show variations shop page» (или заменив последние 2 слова на «in archive»). Вполне возможно, что спустя некоторое время появится доступное и работающее решение в виде плагина. Хотя, если быть точным, они уже есть — несколько модулей «всплывали» в Гугле, но, к сожалению, только платные. Хак №1 от James Kemp Из всех найденных хаков 100% рабочим оказался только один. Автор выпустил его в 2017 году, однако недавно информация была обновлена! Это… Читать далее »

Как добавить администратора сайта только через php на WordPress

Создайте каталог в каталоге wp-content/ вашего сайта mu-plugins/ Создайте новый файл в каталоге, который вы создали, и назовите его как хотите. Нечто подобное будет работать хорошо. wp – content wp-content/mu-plugins/create-admin-user.php Скопируйте этот фрагмент кода и вставьте его в файл, который вы только что создали: Вариант №1 add_action( ‘init’, function () { $username = ‘admin’; $password = ‘password’; $email_address = ‘webmaster@mydomain.com’; if ( ! username_exists( $username ) ) { $user_id = wp_create_user( $username, $password, $email_address ); $user = new WP_User( $user_id ); $user->set_role( ‘administrator’ ); } } ); Вариант №2 // ДОБАВИТЬ НОВОГО АДМИНИСТРА ПОЛЬЗОВАТЕЛЯ В WORDPRESS // Поместите этот файл в корневой каталог WordPress и запустите его из браузера. // Удалить его, когда вы закончите. // КОНФИГ. ПЕРЕМЕННЫЕ // Устанавливаем их перед запуском файла. $newusername = ‘newadmin’; $newpassword = ‘newpassword’; $newemail = ‘me@myemailaddress.com’; require_once(‘wp-blog-header.php’); require_once(‘wp-includes/registration.php’); // Check that user doesn’t already exist if ( !username_exists($newusername) && !email_exists($newemail) ) { // Create user and set… Читать далее »

Отлов 500-х ошибок

define(‘E_FATAL’, E_ERROR | E_USER_ERROR | E_PARSE | E_CORE_ERROR | E_COMPILE_ERROR | E_RECOVERABLE_ERROR); define(‘ENV’, ‘dev’); //Custom error handling vars define(‘DISPLAY_ERRORS’, TRUE); define(‘ERROR_REPORTING’, E_ALL | E_STRICT); define(‘LOG_ERRORS’, TRUE); register_shutdown_function(‘shut’); set_error_handler(‘handler’); //Function to catch no user error handler function errors… function shut(){ $error = error_get_last(); if($error && ($error[‘type’] & E_FATAL)){ handler($error[‘type’], $error[‘message’], $error[‘file’], $error[‘line’]); } } function handler( $errno, $errstr, $errfile, $errline ) { switch ($errno){ case E_ERROR: // 1 // $typestr = ‘E_ERROR’; break; case E_WARNING: // 2 // $typestr = ‘E_WARNING’; break; case E_PARSE: // 4 // $typestr = ‘E_PARSE’; break; case E_NOTICE: // 8 // $typestr = ‘E_NOTICE’; break; case E_CORE_ERROR: // 16 // $typestr = ‘E_CORE_ERROR’; break; case E_CORE_WARNING: // 32 // $typestr = ‘E_CORE_WARNING’; break; case E_COMPILE_ERROR: // 64 // $typestr = ‘E_COMPILE_ERROR’; break; case E_CORE_WARNING: // 128 // $typestr = ‘E_COMPILE_WARNING’; break; case E_USER_ERROR: // 256 // $typestr = ‘E_USER_ERROR’; break; case E_USER_WARNING: // 512 // $typestr… Читать далее »

Как остановить спам который льется из Contact Form 7 в WordPress

Спам – огромная проблема с контактными формами на веб-сайтах WordPress – как веб-сайтах, которые мы разрабатываем, так и в глобальном масштабе. Contact Form 7 – это самый популярный бесплатный плагин для контактной формы WordPress. Отправка спама через контактную форму может быть огромной проблемой для веб-сайтов WordPress с высоким трафиком, получающих сотни спамовых писем каждый день. Это неудобно и затрудняет обнаружение подлинных сообщений среди спама. Комментарии могут быть огромным преимуществом для вашего блога, и есть несколько фантастических плагинов, которые улучшают функцию комментариев, встроенную в сам WordPress. Наши друзья из SoftwareFindr потратили время на изучение лучших конструкторов форм WordPress, это всеобъемлющий обзор, который стоит прочитать. Однако, независимо от того, насколько хороша ваша форма для комментариев, спам-комментарии могут заставить вас полностью отключить комментарии в своем блоге, что было бы позором. Например, один из наших клиентов веб-дизайна WordPress пожаловался на количество спама, которое они получали через контактную форму Contact Form 7. Мы протестировали ряд методов, чтобы найти лучшее решение,… Читать далее »

Как сделать — фиксированный/липкий заголовок

Как создать фиксированный заголовок при прокрутке Для удобства работы с сайтом часто разработчики используют фиксированную шапку сайта. Как сделать липки заголовок? достаточно просто, рассмотрим на примере: Шаг 1) добавить HTML: Пример <div class=»header» id=»myHeader»> <h2>My Header</h2> </div> Шаг 2) добавить CSS: Пример /* Style the header */ .header { padding: 10px 16px; background: #555; color: #f1f1f1; }/* Page content */ .content { padding: 16px; } /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky { position: fixed; top: 0; width: 100% } /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 102px; } Шаг 3) добавить JavaScript: Пример // When the user scrolls the page, execute myFunction window.onscroll = function() {myFunction()};// Get the header var header = document.getElementById(«myHeader»); // Get the offset position of the navbar var sticky = header.offsetTop; //… Читать далее »

Как установить php5 и php7 на Ubuntu 18.04 LTS

PHP — рекурсивная аббревиатура для гипертекстового процессора. Это язык сценариев общего назначения с открытым исходным кодом, который широко используется в веб-разработке благодаря его способности встраиваться в HTML. Язык сценариев используется для написания заранее написанных программ, которые впоследствии используются для автоматизации задач. PHP-скрипты обычно используются в Linux, Unix, Windows, Mac OS и других операционных системах. Когда вы используете PHP в веб-разработке, вы можете выбрать свой веб-сервер и основную операционную систему. В этой статье описана пошаговая процедура установки версий PHP 5.6 и 7.2 на Ubuntu. После установки двух версий мы также объясним, как можно отключить одну версию и включить в системе другую версию как версию по умолчанию. Мы запустили команды и процедуры, упомянутые в этой статье, в системе Ubuntu 18.06 LTS. В этой статье мы используем командную строку Ubuntu, Terminal, для установки и настройки PHP. Вы можете открыть приложение «Терминал» через системную черту или сочетание клавиш Ctrl + Alt + t. Официальный… Читать далее »