Смотри, индустрия хостинга давно сгнила изнутри. Тут всё построено не на сервисе, а на выжимании: продай домен, дожми на апгрейд, подними цену через год. Мы решили, что пора это хоронить. Поэтому сделали WebHostMost. Не чтобы “откусить долю рынка”, а чтобы не блевать каждый раз, когда ищешь нормальный веб хостинг.
Мы не дешевле всех. Мы честнее всех
Наша цена - это не “3$ в первый месяц, 9$ потом, и 17$ с третьего, если ты не заметил”. У нас цена, которую ты видишь - остаётся навсегда, даже если купил со скидкой. Фикс. Всегда. Без писем с сюрпризами.
Сайт грузится за полсекунды - это норма, а не тюнинг
LiteSpeed Enterprise (а не бесплатный OpenLiteSpeed)
Redis, HTTP/3, Brotli, Keep-Alive, APC Cache
NVMe-диски
Процессоры Ryzen EPYC
Инфраструктура, где реально есть защита от DDoS, Imunify360 и мониторинг 24/7
Пока другие строят “скорость” через прокси и заклинания, у нас она встроена в основу.
Бесплатный хостинг - без рекламы, боли и подвохов
Да, у нас есть реальный бесплатный тариф. - Без баннеров. - Без вымогательства “перейдите на PRO, чтобы не лагало”. - С LiteSpeed, защитой, A+ заголовками и даже поддержкой.
Бесплатный хостинг - не значит ущербный. Это вход в нормальную экосистему, не маркетинговый мусор.
А теперь то, что конкуренты продают отдельно - у нас просто включено
A+ по Security Headers - проверено через securityheaders.com (На секундочку, НИ ОДИН хостинг во всем мире не предоставляет такую защиту сразу "из коробки". А у нас это просто есть. Для всех, даже на бесплатном тарифе).
Поддержка всех стеков: WordPress, Node.js, Python, PHP, Laravel, Symfony, PostgreSQL, MongoDB, MariaDB и даже Perl
Настоящая админка - DirectAdmin с кастомом. Никакого cPanel с интерфейсом 2007 года
Встроенная почта, Cron, SSH, Web терминал, email-алиасы
Telegram-чат - где отвечают не “менеджеры по клиентскому счастью”, а девопсы, саппорты, дизайнер и даже директор
И да, индустрия нас пока что ненавидит. Потому что:
Мы не делаем апсейл на функции, которые должны быть базой
Мы не ограничиваем пользователей, как shared-хостинги образца 2014
Мы не прячемся за чат-ботами, а реально сидим в комментах
Кстати, вот вам немного сравнений с GTMetrix и SecurityHeaders рандомного UK сайта, который хостится на любом другом хостинге (в этом примере на SiteGround) и на нашем:
SiteGround:
SiteGround SecurityHeaders be like
SiteGround GTMetrix be like
WebHostMost:
WebHostMost SecurityHeaders be like
WebHostMost GTMetrix be like
И да, нас можно пнуть, задать неудобный вопрос и даже “о ужас” - поспорить с нами. Но мы ответим. Мы рядом. Мы - WHM Crew.
При выборе платформы для разработки веб-приложений или сайтов, разработчики часто сталкиваются с дилеммой между фреймворком Laravel и CMS WordPress. Оба инструмента популярны, но они предназначены для разных целей и имеют свои плюсы и минусы. В этой статье мы подробно разберем отличия между Laravel и WordPress, их сильные и слабые стороны, чтобы помочь вам сделать осознанный выбор.
Что такое WordPress?
WordPress — это система управления контентом (CMS), которая была создана для упрощения создания и управления сайтами. В первую очередь она предназначена для блогов, новостных порталов и контентных веб-ресурсов. Благодаря своей простоте и расширяемости WordPress стал одной из самых популярных платформ для создания сайтов в мире.
Что такое Laravel?
Laravel — это PHP-фреймворк, предназначенный для создания веб-приложений. Это мощный инструмент для разработчиков, которые хотят построить сложные, высокоэффективные веб-приложения с минимальными затратами на рутину разработки. Laravel предоставляет набор инструментов и библиотек для разработки гибких и масштабируемых решений.
Основные Отличия Laravel и WordPress
Назначение
WordPress — это готовая система для создания сайтов, в первую очередь контентных. Отлично подходит для блогов, новостных сайтов, небольших интернет-магазинов и порталов с большим количеством контента.
Laravel — это фреймворк для разработки веб-приложений с нуля. Laravel больше подходит для создания кастомных веб-приложений, корпоративных сайтов, сложных систем с уникальной логикой и API.
Архитектура
WordPress имеет строгую архитектуру и набор предустановленных функций, которые можно расширять с помощью плагинов. Но эта система не предназначена для сложных приложений с уникальной бизнес-логикой.
Laravel построен на архитектуре MVC (Model-View-Controller), что делает его более гибким и структурированным для разработки масштабируемых приложений. Это позволяет разделить логику приложения, пользовательский интерфейс и работу с данными.
Настраиваемость
WordPress предлагает множество готовых тем и плагинов, которые позволяют быстро настроить сайт. Однако сложные модификации могут быть ограничены рамками CMS.
Laravel предоставляет разработчикам полную свободу в создании функционала. Вы сами решаете, как строить логику и интерфейсы приложения, что делает его идеальным для создания нестандартных решений.
Управление контентом
WordPress создан для контентных сайтов и отлично справляется с управлением статьями, страницами, медиафайлами. Встроенные инструменты для SEO и публикации контента позволяют легко управлять сайтом без глубоких знаний программирования.
Laravel не имеет встроенной системы управления контентом. Для этого нужно либо разрабатывать собственные решения, либо интегрировать сторонние пакеты.
Безопасность
WordPress часто становится целью хакеров из-за своей популярности и большого количества плагинов, которые могут содержать уязвимости. Регулярное обновление плагинов и ядра WordPress — необходимая мера для защиты сайта.
Laravel предлагает встроенные инструменты для защиты: CSRF-защита, SQL-инъекции, защита от XSS-атак. Фреймворк автоматически внедряет лучшие практики безопасности, но это требует от разработчика более глубоких знаний.
Плюсы и Минусы WordPress
Плюсы:
Простота использования: Не требует глубоких знаний программирования. Даже новички могут создать сайт с помощью тем и плагинов.
Большое сообщество: Огромное количество плагинов и тем для расширения функционала.
SEO-дружелюбность: Встроенные инструменты для оптимизации сайта под поисковые системы.
Быстрое развертывание: Можно быстро запустить сайт без необходимости программирования.
Минусы:
Ограниченная гибкость: Подходит не для всех типов проектов. При сложных запросах может потребоваться разработка кастомных плагинов.
Проблемы с безопасностью: Из-за популярности CMS часто становится целью атак.
Производительность: Без оптимизаций и использования кэширования сайты могут быть медленными, особенно с большим количеством плагинов.
Плюсы и Минусы Laravel
Плюсы:
Гибкость: Можно создать любые веб-приложения, от простых до высоконагруженных.
Архитектура MVC: Легкость масштабирования и поддержки приложений.
Безопасность: Встроенные механизмы защиты от наиболее распространенных веб-угроз.
Активное сообщество: Laravel имеет большое и активное сообщество разработчиков, которые поддерживают и улучшают фреймворк.
Минусы:
Требует знаний программирования: Для работы с Laravel необходимо иметь опыт разработки.
Нет готовой CMS: Для управления контентом нужно либо разрабатывать решения самостоятельно, либо использовать сторонние пакеты.
Долгое развертывание: В отличие от WordPress, развертывание приложения на Laravel требует больше времени и усилий.
Какой инструмент выбрать?
Если ваша цель — быстро создать контентный сайт, блог, портфолио или небольшой интернет-магазин, то WordPress будет отличным выбором. Его простота и огромное количество готовых решений позволят вам начать работу в кратчайшие сроки.
Однако, если вы разрабатываете сложное веб-приложение, интернет-платформу с уникальной логикой или API, то Laravel — это идеальный инструмент. Он предоставляет все необходимые инструменты для гибкой и безопасной разработки с нуля.
Заключение
И Laravel, и WordPress — мощные инструменты, каждый из которых предназначен для своих задач. WordPress проще в освоении и удобен для контентных сайтов, в то время как Laravel — это выбор для разработчиков, которым требуется гибкость и масштабируемость. Выбор зависит от ваших целей, навыков и требований к проекту.
Я: Привет! Помоги создать плагин wordpress для автогенерации sitemap.xml по всем стандартам поисковых систем. Сможешь?
ChatGPT: Привет! Конечно, я помогу тебе создать плагин для WordPress, который будет автоматически генерировать файл sitemap.xml по всем стандартам поисковых систем. Давайте начнем.
Создание плагина WordPress включает несколько шагов:
Создание структуры плагина
Написание основного файла плагина
Генерация sitemap.xml
Обработка событий добавления, обновления и удаления контента
Обработка запросов к sitemap.xml
Создание структуры плагина
Для начала создадим структуру папок и файлов для нашего плагина:
wp-content/
└── plugins/
└── my-sitemap-plugin/
├── my-sitemap-plugin.php
├── includes/
│ └── sitemap-generator.php
Написание основного файла плагина
Файл my-sitemap-plugin.php является основным файлом плагина. В нем мы регистрируем наш плагин и подключаем необходимые файлы.
<?php
/*
Plugin Name: My Sitemap Plugin
Description: Плагин для автоматической генерации sitemap.xml.
$url->addChild('changefreq', 'monthly'); // Здесь настраиваем частоту обновления
$url->addChild('priority', '0.8'); // Здесь настраиваем приоритет (у меня стоит этот 0.8)
}
$xml->asXML(ABSPATH . 'sitemap.xml');
}
function my_delete_sitemap() {
$sitemap = ABSPATH . 'sitemap.xml';
if (file_exists($sitemap)) {
unlink($sitemap);
}
}
Обработка событий добавления, обновления и удаления контента
Функции my_generate_sitemap и my_delete_sitemap уже подключены к соответствующим событиям в основном файле плагина. Эти функции будут вызываться при добавлении, обновлении и удалении постов или страниц.
Обработка запросов к sitemap.xml
В основном файле плагина мы добавили правила перезаписи URL и обработку запросов. Когда кто-то обращается к sitemap.xml, срабатывает функция my_sitemap_template, которая вызывает генерацию sitemap.xml и завершает выполнение скрипта.
Заключение
Теперь у нас есть полностью функциональный плагин для автоматической генерации sitemap.xml в WordPress. Этот плагин будет следить за изменениями контента и автоматически обновлять sitemap.xml, чтобы он всегда соответствовал текущему состоянию сайта.
Я! Спасибо, все работает!
ChatGPT: Отлично! Рад, что все работает. Если у тебя возникнут еще вопросы или потребуется помощь с другими проектами, не стесняйся обращаться. Удачи в разработке!
P. S Результат: https://vse-mikrozaymy.ru/sitemap.xml (не реклама). Чтобы посмотреть как ее видят поисковики нажмите Ctrl + U. Короче ничего лишнего.
Короче нужно было сделать так, чтобы ссылки ведущие на текущую страницу стали неактивны и меняли цвет, для удобства пользователя и немного для SEO.
Ниже выкладываю общение с GPT и конечно код (может кому пригодиться)
Итак поехали:
Я: Нужно написать функцию чтобы при нахождении на текущей странице сайта wordpress все активные ссылки которые указывают на неё же, стали неактивными. Можно это сделать?
GPT: Да, конечно, можно написать функцию для WordPress, которая будет проверять все активные ссылки на текущей странице и делать неактивными те из них, которые указывают на текущую страницу. Для этого мы можем использовать jQuery в WordPress. Ниже приведен пример кода:
Добавьте следующий код в файл functions.php вашей темы (или в плагин, если вы пишете плагин):
<?php
add_action('wp_footer', 'disable_self_links');
function disable_self_links() {
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
var currentPage = '<?php echo get_permalink(); ?>';
Этот код добавляет скрипт jQuery в подвал вашей страницы WordPress. При загрузке страницы он находит текущую страницу (используя get_permalink()) и затем проверяет каждую ссылку на странице. Если ссылка указывает на текущую страницу, то ссылка делается неактивной (удаляется атрибут href), меняется курсор на not-allowed и добавляется обработчик клика, который предотвращает действие по умолчанию.
Сохраните изменения в файле functions.php.
Теперь, когда вы открываете страницу в WordPress, все активные ссылки, указывающие на текущую страницу, будут неактивными для кликов пользователей.
Я: Все работает! Спасибо!
Этот код только делает ссылки неактивными и меняет курсор. Я примерил его и потом решил попросить доработать код немного:
Я: Можешь немножко дополнить скрипт. Заменить тег ссылки на <div> и добавить класс "current".
GPT: Конечно, можно добавить класс "current" к тегу <div>, который заменит тег <a>. Вот обновленный скрипт:
var currentPage = '<?php echo get_permalink(); ?>';
$('a').each(function() {
var link = $(this).attr('href');
var isSearchResultsPage = $(this).closest('.search-results').length > 0;
if (link && link === currentPage && !isSearchResultsPage) {
var divElement = $('<div>').addClass('current').html($(this).html());
$(this).replaceWith(divElement);
}
});
});
</script>
<?php
}
Теперь при замене тега <a> на <div>, этот <div> будет иметь класс "current". Если у вас есть еще вопросы или запросы, не стесняйтесь спрашивать!
Я: Спасибо! Все работает!
Вот такой результат: кого интересует может посмотреть здесь (не реклама). Смотрите в сайдбаре ссылки. Видно лучше всего что ссылка ведущая на текущую страницу стала неаетивной и красно-оранжевого цвета.
В одном посте на DTF, в комментариях люди говорят что GPT часто ошибается (вот комментарии). Я с этим не согласен. Единственное что хочу от себя добавить: в настройках GPT всегда разрешите сохранять историю, и ставьте вопросы конкретно и пошагово. Если вы его попросите сделать все сразу, то результат будет неудовлетворительным.
Рассказываю как делался сайт для известного видеопродакшена и какие есть подводные камни при технической реализации сайта с огромным количеством видеоматериала.
В 2022 году ко мне обратилась команда Hoody FX для редизайна текущего сайта. На тот момент в их портфолио были работы с McDonald's, Champion, Sony, Doja Cat, Samsung, Aeroflot, Fanta, AUDI, Ariana Grande и так далее
Это был небольшой лендосик, где по большей части были одни скриншоты работ (напоминаю, компания занимается видеопродакшеном, а именно VFX). В целом, все. Также это была просто верстка, то есть невозможно было добавлять какие-то новые работы из панели администратора. Ее просто не было.
Как-то так выглядело портфолио – скриншоты из видео, при наведении появляется название. В целом, это имеет место быть, но... Точно ли на сайте продакшена? Чуть позже разберемся
Работа с ретушью – это одно из главных направлений компании. Снова скриншоты, которые просто листаешь сам. На сайт они выгружены не в лучшем своем качестве
Если углубляться, и смотреть шоурилы конкурентов (например, Technicolor Group), то пользователю нативно понятно из видео, что такое VFX и как это работает по пальцам. У нас же нет этого объяснения по пальцам, – вместо этого видео с конечным результатом В целом, это вся старая версия сайта, больше там ничего не было. Ни контактов, ни команды, ни описания направлений студии и других вещей, которые бы базово проинформировали пользователя о компании.
Личный бренд у компании сложился задолго до создания сайта, их работы гремели и без него. Поэтому основная задача состояла в том, чтобы освежить дизайн, сделать удобный и понятный интерфейс, а также создать возможность добавлять работы в портфолио самостоятельно без привлечения программистов и иных сторонних специалистов. Самое главное – это кейсы, они должны быть рассортированы, и с 1 секунды цеплять взгляд пользователя.
Начинаем работу.
Что было сделано по пунктам:
Изучили деятельность компании (саму нишу), исследовали ЦА (в нашем случае это другие видеопродакшены, студии смежных направлений, которые буду заинтересованы в подряде) и конкурентов.
Сформулировали креативную концепцию. Мы перелопатили кучу референсов — изучили международные рейтинги сайтов нашей и смежных ниш, изучили все известные подборки сайтов, но и про конкурентов не забыли. По итогу мы имели внушительную коллекцию того «как надо», а вместе с этим — конкретное видение структуры и стиля. Сформировали визуальный код — простота структуры, лаконичность графики, ясность языка.
Приступили к написанию текстов. С учетом специфики ниши придерживались информационного стиля текста – главное, на что будет смотреть потребитель это визуал. Поэтому огромные полотна текста точно не в этот раз. Должно быть кратко, емко и по делу.
Оформили смыслы в дизайн-концепцию. Дизайн-макет получился удобным, очень простым в навигации.
Заранее для верстки подготовили все необходимые нарезки из видео и шоурилы. Основная цель этого пункта – отразить портфолио через небольшую демонстрацию видео. Мы отошли от идеи со скриншотами из видео.
Сделали адаптивную верстку на WordPress с гибкой панелью администратора. Теперь команда может добавлять видео на сайт самостоятельно в пару кликов, а также распределить видеоматериал в нужный каталог и поставить ему нужное динамичное превью с описанием.
Основные моменты при создании сайта:
Визуальный код компании должен остаться таким же. То есть в брендинг мы не лезем. Элементы фирменного стиля это то, что остается неизменным, и то с чем мы должны работать (хотя это усложняет задачу, потому что часто он становится неактуальным спустя время, например, как вышло у нас, либо он изначально был сделан посредственно другими дизайнерами). За основной стиль взяли минимализм. Пространство не должно перебить форму. Простота структуры, легкость в навигации, лаконичность графики и ясность языка.
Бриф и наша подборка референсов открыли дорогу к дизайну всех страниц, а заказчики со своей стороны подготовили демонстративный шоурил. Теперь при первом касании с сайтом было понятно, что перед нами студия визуальных эффектов. Была проведена работа с типографикой, а также обработка фонового видео (ниже пример).
50 оттенков типографики или как мы выбирали гарнитуру (тут без интерлиньяжа и других внутренних настроек шрифта, примеряли разные варианты с клиентом)
Разместили ключевые элементы (меню навигации) в легкодоступных местах. И протестировали на штате компании, чтобы убедиться в том, что он действительно прост в использовании. А вот и главный экран сайта:
За основу был взят информационный стиль текста – легко понимается, поскольку предоставляет собой прямую информацию без использования сложного языка или метафор. Также он позволяет пользователям быстро найти нужную информацию, что экономит время посетителя сайта и увеличивает удовлетворенность от его использования ресурса.
Пример интеграции текста на сайт. Перечисление основных направлений и видов услуг студии
Вместо обычной фотографии на весь экран сделали слайдшоу из детализированных скриншотов с работами по направлению Beauty Work. Фотогалерею клиент может пополнять самостоятельно.
Каталог с работами – простой и удобный. Во-первых, по сравнению с прошлой версией у нас есть появилась удобное разделение кейсов на три направления: рекламные ролики, клипы и фильмы (раньше был единый каталог). Во-вторых, без какого-либо наведения на работу и появления текста при ховере мы сразу видим, что это за компания/артист/песни и т.д. (ранее название и компанию, для которой делался ролик, можно было узнать лишь при выполнении лишнего действия). В-третьих, демонстрация превью, а именно самых ярких моментов из видеороликов, пришла на замену статичным скриншотам. Каталог с работами на примере рекламных роликов:
Скорость считывания информации у пользователей увеличится – им не придется выполнять лишние действия в виде наведения на карточку с видео, чтобы узнать название; а также лишний раз включать ролик, чтобы понять настроение, мотив и посыл работы, ведь у каждой теперь есть превью. Также были сделаны такие блоки как контактная информация, информация о трудоустройстве в компанию, клиенты компании и ее новости (последние выпущенные работы; автоматически подгружаются самые последние работы из каталога). Например, ниже скриншот блока с новостями. Автоматически подгружаются последние работы из общего каталога с кейсами
Сложности при создании сайта, с которыми мы столкнулись
Все было бы хорошо, если бы это не был наш первый заказ в нише видеопродакшена. На тот момент они правда были первыми, а после этого я очень часто работала с видеопродакшенами. Самая большая и сложная сложность – это огромное количество видеоматериала, который афигеть сколько весит. Как размещать на одной странице по 30 видео с превью, если каждый видеоролик весит по несколько ГБ? Мы не хотели оставлять скриншоты принципиально – это не про VFX, это не про обладаение формы над пространством. Нет. Расчет был как раз на то, что эти превью и перехватят все внимание пользователя.
Большая ошибка. Мы просто посмотрели по таймкодам какие моменты из роликов можно поставить на превью: сделали в панели администратора ячейку, чтобы в два клика можно было выставлять нужный промежуток времени. Итого, что получилось – ничего не грузит. Видео прогружается до момента с установленным таймкодом по 10-20 секунд. Чем дальше тот самый сочный момент из превью – тем дольше это все прогружалось. Пипец, подумали мы.Как решили? Наняли обычного монтажера, чтобы он сделал нам превью. Техническое задание простое – дали разрешение для превью (оно не превышало показатели в 600p, точно не вспомню), длительность не больше 10 секунд, выбираешь самые яркие моменты. В целом, все. Итого каждый кусочек видео весил в среднем не больше 10 Мб.
Также старались не размещать на одной странице большое количество видеороликов: на главной странице это реализовано как карусель из видео, а в каталоге у нас получилось достаточно большое скопление роликов, но разбитое на страницы (добавили пагинацию). Кстати, сами видео вытянуты из Vimeo: работы заказчика изначально хранились там. Заглядывая в мои будущие кейсы также советую Dropbox, если рассматриваете облачное хранилище для подобных сайтов.
Панель администратора делали на WordPress. Свои задачи в части обновления контента она выполняет по сей день хорошо. Достаточно просто знать как работает редактирование страницы Вконтакте, чтобы отредактировать страницу на сайте в нашей панели администратора. Вот как она выглядела изнутри (наши с разработчиком скриншоты во время работы):
Общие впечатления по сайту
Это не самая сильная работа, но хотелось начать цикл статей про разработанные мною сайты с каких-то интересных кейсов. Может с технической точки зрения они будут вам полезны. Например, в видеопродакшенах ждите много работы с видео – причем иногда неожиданной). Я буду дальше рассказывать про другие кейсы в нише видеопродакшена, там тоже будут свои нюансы: выбор CMS или другой подводный камушек.
Сайт до сих пор служит компании, они самостоятельно добавляют туда материалы, по SEO он нормально продвигается, так что всё гуд и свою задачу мы выполнили :)
WordPress - наиболее популярная платформа для создания веб-сайтов, однако ее популярность делает ее привлекательной целью для хакеров. Эффективное тестирование безопасности является ключом к защите вашего ресурса. Представляем топ-10 инструментов для аудита безопасности сайтов на WordPress.
1. Wordfence Security - мощный плагин безопасности, предлагающий функции сканирования на уязвимости, защиту от взлома и мониторинг трафика в реальном времени.
2. Sucuri Security - обеспечивает комплексное сканирование сайта на наличие вредоносного кода и уязвимостей, предлагает услуги по удалению вредоносного ПО и защиту от DDoS-атак.
3. iThemes Security - предлагает более 30 способов защиты сайта, включая двухфакторную аутентификацию и защиту от силовых атак.
4. All In One WP Security & Firewall - обладает удобным интерфейсом и предоставляет функции для повышения безопасности без замедления работы сайта.
5. BulletProof Security - защищает веб-сайты WordPress от более 100 000 известных уязвимостей, включая XSS, CSRF и SQL-инъекции.
6. WPScan - консольный инструмент, предназначенный для сканирования сайтов на WordPress в поисках уязвимостей. Его база данных содержит информацию о более чем 21 000 плагинов и тем.
7. Quttera Web Malware Scanner - проверяет сайт на ниличие обфускацит кода JS, эксплойтов, вредоносных iframe, инъекций вредоносного кода, обфускация вредоносного кода и т. д.
8. MalCare - определяет и удаляет вредоносный код без замедления работы сайта благодаря его уникальному алгоритму сканирования.
9. Astra Security Suite - предлагает полный спектр защиты сайтов на WordPress от взлома, включая брандмауэр, мониторинг безопасности и удаление вредоносного ПО.
10. Hide My WP - помогает скрыть факт использования WordPress как основы для сайта, тем самым уменьшая вероятность атак.
Выбор подходящего инструмента для тестирования безопасности вашего сайта на WordPress значительно повысит его защиту от потенциальных угроз. Используйте один или несколько из представленных инструментов, чтобы обеспечить надежную защиту вашего интернет-пространства.
