Архив рубрики: Публикации

Пошаговая настройка роутера Wi-Fi: как справиться самостоятельно

Настройкой роутеров обычно занимаются специалисты провайдера при подключении интернета. Однако бывают ситуации, когда вызвать мастера возможности нет. Можно ли справиться с настройкой самому? Как войти в настройки роутера и какие именно параметры нужно поменять, чтобы появился интернет?

Читать

Топ-7 провайдеров WordPress CDN в 2019 году

Когда вы запускаете веб-сайт на WordPress, какая из первых вещей появляется в вашей голове? Он должен иметь хороший дизайн, иметь хорошую читаемость, он должен быть БЫСТРЫМ. Последнее, возможно, не первое, о чем вы думаете, но это, пожалуй, самый важный фактор для рассмотрения.

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

  • Огромный трафик
  • Большие изображения
  • Слишком много плагинов
  • НЕ ИСПОЛЬЗУЕТЕ CDN

 

Что такое CDN?

CDN или Сеть доставки контента — это система сетей, которая хранит статические данные на вашем сайте. Статические данные с вашего сайта включают в себя:

  • Изображений
  • Файлы Javascript
  • CSS файлы
  • Мультимедиа файлы

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

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

В этой статье мы рассмотрим некоторые из лучших провайдеров CDN для WordPress.

Давай начнем!

 

Amazon Cloudfront

Amazon Cloudfront, запущенный в 2008 году, является одним из самых популярных и мощных поставщиков CDN. Одна из главных причин, почему Cloudfront преуспел очень хорошо, заключается в том, что у Amazon уже была инфраструктура.

Cloudfront хранит огромные мультимедийные файлы, изображения и другие статические данные на своих серверах, которые распространены по всему миру. Это значительно увеличивает время загрузки из-за большого количества серверов. Эти серверы являются одним из самых надежных аппаратных средств в мире, и вы можете ожидать нулевого времени простоя на этих машинах.

Amazon Cloudfront поставляется с захватывающими функциями. Одной из них является консоль управления, которая позволяет графически манипулировать вашей учетной записью без какого-либо кода. Другие функции включают в себя:

  • Варианты пользовательских SSL
  • Доставлять динамический контент пользователям
  • Поддержка Wildcard cName

Это не только повышает скорость вашего сайта, но и обеспечивает защиту от атаки DDos. Amazon Cloudfront поглощает такие атаки, что в конечном итоге приводит к увеличению времени безотказной работы сайта.

Цены Cloudfront зависят от местоположения и использования.

 

Cloudflare

Cloudflare — это служба доставки контента и обеспечения безопасности, которая повышает скорость работы веб-сайта и повышает безопасность от хакеров и других атак. Это началось как проект по обеспечению безопасности веб-сайтов.

Акцент быстро сместился в сторону повышения производительности сайта при одновременном повышении безопасности. Комбинация, безопасность веб-сайта и сервис производительности довольно уникальны, и это выделяет Cloudflare среди остальных поставщиков услуг CDN.

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

Установка настолько проста, насколько это возможно. Вы должны заполнить форму регистрации и направить Cloudflare на ваш текущий хост. Он будет искать информацию о вашем DNS и отображать ее вам, чтобы вы могли выбрать, какие из них вы хотите оптимизировать Cloudflare. Любой, кто когда-либо подписывался на услугу прежде, может легко обдумать это.

Сервис CDN начинается с бесплатной учетной записи. Он идеально подходит для личных блогов и небольших сайтов.

 

Incapsula

Incapsula, запущенная в 2009 году, предлагает бизнес-ориентированное решение, ориентированное на безопасность и производительность веб-сайтов. Это облачная платформа, которая использует глобальную сеть доставки контента для повышения скорости и производительности сайта. Кроме того, он заботится о балансировке нагрузки, отказоустойчивости и защите DDos.

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

Incapsula обеспечивает защиту DDos с помощью своего Behemoth, приложения для смягчения последствий DDos. Это приложение может фильтровать трафик на 170 Gps. Пройти через Бегемота почти невозможно для атаки DDos. Справедливо сказать, что с Incapsula ваш сайт в надежных руках.

Тарифные планы начинаются от 50 долларов в месяц, что отлично подходит для профессиональных блогов. Для небольших предприятий бизнес-план является самым популярным.

 

Stackpath (ранее MaxCDN)

Stackpath — один из самых доступных CDN-провайдеров для WordPress. MaxCDN кэширует все статические данные на вашем сайте и сохраняет их на своих серверах. Вам не нужно загружать все свои статические данные вручную. Вы также получаете специальный URL-адрес, с помощью которого вы можете получить доступ ко всем своим файлам на их серверах. Эти серверы быстро предоставят данные пользователям, когда они получат доступ к вашему веб-сайту.

Он использует «Edgecashing» для кэширования всех файлов https. Это позволяет вашему веб-сайту обрабатывать любое количество трафика, поступающего непосредственно из Интернета. Серверы распределены по всему миру, чтобы обеспечить доступность для пользователей, приезжающих из любой части мира.

Благодаря Stackpath у вас также есть больший контроль над пропускной способностью. Мало того, у вас также есть, как вы хотите, чтобы ваш контент будет обслуживаться. Они называют это «Edgerules».

Но вот что выделяет Stackpath. Вы можете использовать «Edgesecurity», чтобы добавить дополнительный уровень безопасности на ваш сайт. С помощью этой функции вы можете ограничить определенный контент для определенных посетителей. Вы можете контролировать, кто может и не может получить доступ к определенной части контента. Это довольно удивительно!

Stackpathis очень доступный с начальным планом, начинающимся от 10 $ в месяц.

 

KeyCDN

KeyCDN — это еще один поставщик услуг CDN, который поставляется со всеми функциями, которые можно ожидать от CDN. Он повышает производительность вашего сайта WordPress и уменьшает время загрузки, и это тоже по очень доступным ценам. У него есть несколько уникальных функций, о которых вы обязательно должны знать, если выбираете поставщика CDN.

Вы можете очень легко создать несколько зон, используя KeyCDN. Пользователи могут назначать зоны в соответствии с их простотой, и этот процесс очень прост с KeyCDN. Владелец сайта может создавать несколько зон, используя настраиваемые заголовки срока действия и защиту от хотлинков.

KeyCDN распределяет серверы динамически, чтобы ваши пользователи могли получать доступ к контенту с большей скоростью и удобством. Дата-центры KeyCDN расположены в разных городах Европы, Азии и Америки.

Ценовые планы меняются в зависимости от местоположения и использования. Стоимость может снизиться до $ 0,04. Он также имеет бесплатную пробную версию, чтобы вы могли овладеть вещами.

 

Fastly

Основанный в 2011 году, Fastly быстро превратился в мощного поставщика CDN специально для веб-сайтов WordPress. Быстро использует большие твердотельные накопители, так что он может хранить большие данные и увеличить частоту обращений к кэшу до 99%. Клиенты обычно используют общедоступную услугу CDN от Fastly и платят только за услугу кэширования. Клиенты с более высоким трафиком используют устройства, находящиеся в частном владении, поэтому их дополнительные расходы будут низкими.

Функция потокового мультимедиа обеспечивает потоковую передачу на ваш сайт без какой-либо сложной установки. Быстро эффективно кэширует видео с вашего веб-сайта, чтобы обеспечить плавную потоковую передачу видео на ваш веб-сайт. Ускоритель доставки обеспечивает максимально быструю доставку данных при более быстром времени загрузки.

Цены начинаются с 0,12 доллара в месяц.

 

CDN77

CDN77 быстро завоевал репутацию лидера технологических инноваций. Например, это был первый CDN, в котором реализован алгоритм сжатия HTTP/2 и Brotli. Его интеграция с WordPress очень проста, а их поддержка в чате — профессиональная, оперативная и быстрая. CDN77 ускоряет и защищает ваш контент в 32 местах по всему миру.

Их цены прозрачны, и вы можете выбирать между Pay-As-You-Go и ежемесячными планами. Это предлагает огромную гибкость и никаких обязательств.

Существует бесплатная 14-дневная пробная версия без кредитной карты.

 

Получите кэширование!

Принимая решение о выборе поставщика CDN для вашего веб-сайта WordPress, вы должны понимать, как вы используете его и какие требования вам нужны. Владелец сайта должен сделать все, чтобы избежать медленной загрузки, потому что ничто не отвлекает пользователя от вашего сайта, чем медленный сайт.

В этой статье были рассмотрены основные поставщики услуг CDN для веб-сайтов WordPress. Это самые надежные и популярные из существующих на сегодняшний день, и независимо от ваших требований, вы найдете то, что вам нужно, из списка выше.



2019-04-09T05:22:35
Лучшие учебники по Wodpress

Где расположены иконки приложений Windows 10?

Если вы хотите изменить значок по умолчанию для определенной папки или ярлык, который вы создали, вы можете спросить, где можно найти новые значки. Хотя существует множество веб-сайтов, предлагающих пользовательские наборы значков, вы, тем не менее, можете предпочесть использовать значки, которые уже найдены на вашем компьютере или устройстве с Windows 10. В этой статье мы покажем вам, где значки хранятся в Windows 10. Если вы хотите найти все файлы значков Windows 10 по умолчанию, читайте дальше.

Как хранятся значки Windows 10?

Иконки обычно хранятся внутри файлов ICO. Однако файлы ICO имеют большой недостаток: они могут содержать только один значок. В Windows 10 множество приложений, папок, файлов и ярлыков, и многие из них имеют свои уникальные значки. Если бы у Windows был файл ICO для каждого используемого значка, это привело бы к значительному числу файлов значков.

Чтобы решить эту проблему, вместо использования файлов ICO для хранения значков, Windows использует файлы DLL. Основным преимуществом DLL- файла является тот факт, что он может содержать несколько значков внутри. На самом деле, вы можете сравнить DLL- файл значков с библиотекой значков. Если вы хотите изменить значок определенного файла, папки или ярлыка, вы можете просто установить его расположение значка, чтобы оно указывало на определенный файл DLL и конкретный значок из него.

Большинство значков из Windows 10 хранятся в файлах DLL. В следующем разделе мы покажем, где находятся эти библиотеки DLL со значками в Windows 10.

Где расположены значки Windows 10 по умолчанию?

Мы попытались упорядочить наш список значков Windows 10 по умолчанию как по расположению их файлов DLL, так и с учетом основного назначения значков, найденных внутри файлов DLL. Далее вы можете увидеть наш список мест из Windows 10, где вы найдете файлы .DLL, содержащие значки:

1. %systemroot%system32imageres.dll

Файл imageres.dll содержит много значков, используемых практически везде в Windows 10. Он содержит значки для различных типов папок, аппаратных устройств, периферийных устройств, действий и так далее.

2. %systemroot%system32shell32.dll

Файл shell32.dll также содержит множество значков, используемых в различных частях Windows 10. Вместе с imageres.dll , shell32.dll содержит одну из самых больших коллекций значков. Внутри вы можете найти значки для Интернета, устройств, сетей, периферийных устройств, папок и так далее.

3. %systemroot%system32pifmgr.dll

Pifmgr.dll содержит некоторые значки в старом стиле, которые были найдены в более старых версиях Windows, таких как Windows 95 и Windows 98. В нем вы можете найти забавные значки, которые изображают такие вещи, как окно, труба, шар, шляпа волшебника, и другие. 🙂

4. %systemroot%explorer.exe

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

5. %systemroot%system32accessibilitycpl.dll

Accessibilitycpl.dll имеет набор значков, которые используются в основном для специальных возможностей в Windows 10. Он имеет значки с людьми, курсорами мыши, увеличительным стеклом, мышью и клавиатурой и так далее.

6. %systemroot%system32ddores.dll

Ddores.dll содержит значки для аппаратных устройств и ресурсов, таких как динамики, наушники, экраны, компьютеры, пульты дистанционного управления и игровые планшеты, мыши и клавиатуры, камеры, принтеры и так далее.

7. %systemroot%system32moricons.dll

Moricons.dll — это еще один файл, который содержит значки в старом стиле, используемые Microsoft в старых версиях Windows. Большинство значков здесь относятся к программам MS-DOS, но у вас также есть значки для старых языков программирования, таких как Turbo Pascal или FoxPro.

8. %systemroot%system32mmcndmgr.dll

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

9. %systemroot%system32mmres.dll

Mmres.dll имеет несколько значков с различными аудио ресурсами, такими как динамики, наушники, микрофоны и веб-камера.

10. %systemroot%system32netcenter.dll

Netcenter.dll имеет несколько значков для сетевых настроек и функций.

11. %systemroot%system32netshell.dll

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

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

12. %systemroot%system32networkexplorer.dll

Networkexplorer.dll — другой файл .dll с несколькими периферийными устройствами, такими как телефон, маршрутизатор, принтер или факс, и некоторыми значками, связанными с сетью.

13. %systemroot%system32pnidui.dll

Pnidui.dll имеет значки для настроек, связанных с сетью (состояние Ethernet или беспроводной сети, расположение в сети и т.д.). Большинство значков здесь прозрачного белого цвета, поэтому вы должны выбрать их, чтобы увидеть, как они выглядят.

14. %systemroot%system32sensorscpl.dll

Sensorscpl.dll имеет несколько значков для разных типов датчиков. Хотя большинство из них выглядят одинаково, их детали указывают на такие вещи, как температура, мощность, ветер и т.д.

15. %systemroot%system32setupapi.dll

Setupapi.dll имеет значки, используемые для мастеров установки различных аппаратных устройств. Он имеет экраны, периферийные устройства, аппаратные компоненты, разъемы и разъемы, игровые панели и другие.

16. %systemroot%system32wmploc.dll

Wmploc.dll содержит мультимедийные значки, используемые для мультимедийных устройств, музыкальные и видеофайлы, папки, CD и DVD диски и так далее.

17. %systemroot%system32wpdshext.dll

Wpdshext.dll имеет значки для некоторых портативных устройств, таких как камеры, телефоны или mp3-плееры, и несколько индикаторов батареи.

18. %systemroot%system32compstui.dll

Comstui.dll включает в себя различные классические иконки из более старых версий Windows.

На нем есть иконки с лампочками, почтой, принтерами, документами, телефонами, факсимильными аппаратами и так далее.

19. %systemroot%system32ieframe.dll

Ieframe.dll содержит значки, используемые Internet Explorer для его ярлыков, кнопок и меню.

20. %systemroot%system32dmdskres.dll

Dmdskres.dll содержит значки, используемые только для управления дисками.

21. %systemroot%system32dsuiext.dll

Dsuiext.dll включает в себя значки для сетевых служб. Он имеет значки с серверами, людьми, принтерами, офисными зданиями, службами аутентификации и так далее.

22. %systemroot%system32mstscax.dll

Mstscax.dll хранит только несколько значков, используемых для подключений к удаленному рабочему столу, с компьютерами, уведомлениями и сертификатами безопасности.

23. %systemroot%system32wiashext.dll

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

24. %systemroot%system32comres.dll

Comres.dll содержит несколько значков, которые изображают пользователя, папку, карандаш и некоторые действия.

25. %systemroot%system32mstsc.exe

Mstsc.exe содержит несколько других значков, связанных с сетью, но также включает в себя другие значки, такие как динамик, микрофон и логотип Windows 8.

26. actioncentercpl.dll, aclui.dll, autoplay.dll, comctl32.dll, xwizards.dll, ncpa.cpl, url.dll (все в %systemroot%system32)

Все эти файлы содержат значки; однако у многих есть только одна иконка внутри или только несколько, поэтому мы решили упомянуть их все вместе. У них есть значки, используемые в Центре действий Windows 10 , некоторые значки ошибок и информации, значки автозапуска, некоторые значки пользователей и значки веб-сайтов.

Как использовать значки, хранящиеся в файле .DLL

Значки, хранящиеся в файлах .DLL, не могут быть скопированы и сохранены в другом месте, по крайней мере, если вы не используете специальное приложение, которое может извлекать значки из файлов .DLL. Однако вы можете использовать любой значок, хранящийся в таком файле, чтобы установить его в качестве значка, используемого папкой, библиотекой или ярлыком. Просто скопируйте и вставьте путь, который мы указали для интересующей вас DLL, в поле «Искать значки в этом файле».



2019-04-08T17:08:17
Вопросы читателей

TP-LINK TL-WR740N: описание, настройка и прошивка

TP-LINK уже давно зарекомендовали себя как производители неплохих и недорогих домашних роутеров. Тонкостью настройки и кастомизацией их продукция, как правило, не блещет, но разве это всё нужно рядовому пользователю? Простота конфигурации и эксплуатации — вот что требуется обычному юзеру в домашних условиях. Разберём настройку такого популярного роутера этого производителя, как TP-LINK TL-WR740N.

Читать

Создание темы оформления для Drupal

Несмотря на то, что CMS Drupal довольно популярная система для создания веб-приложений, для неё практически нет качественных свободных тем оформления. В лучшем случае это довольно красивые темы, которые трудно настроить так, чтобы она выглядела уникально. Точнее, это вполне возможно, но это почти равносильно тому, что создать новую тему. Именно поэтому разработчики Drupal используют свободные и качественные базовые темы, на основе которых можно довольно быстро создать совершенно уникальное и потрясающе выглядящее оформление сайта. Именно такой способ и будет рассмотрен в данной статье.

С чего начать?

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

Для Drupal существует достаточное количество таких тем для разработки. Самой популярной является тема Zen, которая доступна для загрузки по адресу http://www.drupal.org/project/zen. Вообще, правильно её называть не темой оформления (поскольку никакого оформления она не имеет), а базовым набором (Starter Kit), который имеет универсальный адаптивный HTML-каркас. Этот каркас изначально построен на спецификации HTML5, поддерживает работу на мобильных устройствах и абсолютно «резиновый» для корректного отображения на экранах с различным разрешением. Не будет большим секретом, что профессиональные веб-разработчики Drupal для создания шедевров используют именно базовый набор Zen.

Что для этого нужно?

Тема Zen доступна для Drupal версий 7 и 8, хотя для последней пока в виде альфа-выпуска. В данной статье будет рассмотрен вариант для Drupal 7 при обязательном наличии утилиты Drush. Она понадобится для автоматической генерации собственного стартового набора новой темы на основе темы Zen. Это можно выполнить вручную, но это неоправданно долго и нудно. Разумнее воспользоваться Drush. Общий порядок действий следующий:

  1. загрузка и установка (включение) стартового набора Zen;
  2. генерация стартового набора собственной темы на базе Zen;
  3. включение сгенерированного набора как темы по-умолчанию;
  4. установка дополнительных инструментов разработчика для задания CSS-стилей;
  5. добавление CSS-стилей шаблонам темы, т. е. её оформление.

Последний пункт в данной статье рассматриваться не будет, поскольку это отдельная и специфическая тема.

Создание стартового набора новой темы

Пусть имеется «чистый» сайт на Drupal 7. Имя хоста drupal-site и расположен сайт в каталоге виртуального хоста по адресу /home/john/htdocs/drupal-site/.

Для более удобного использования утилиты Drush следует перейти в каталог виртуального хоста drupal-site:

$ cd ~/htdocs/drupal-site

Теперь нужно скачать стартовый набор Zen:

$ drush dl zen

Project zen (7.x-6.4) downloaded to /home/john/htdocs/drupal-site/sites/all/themes/zen. [success]

Как можно видеть, по-умолчанию темы оформления устанавливаются в /sites/all/themes/. Однако, в каталоге themes можно создавать подкаталоги для тем — Drupal их просканирует и определит имеющиеся темы. Стартовый набор для новой темы целесообразнее сгенерировать в новом подкаталоге custom, отдельно от остальных тем. Это удобно, т. к. все собственные темы можно хранить раздельно. Создание подкаталога custom:

$ mkdir sites/all/themes/custom

Путь указан относительно каталога ~/htdocs/drupal-site, поскольку ранее командой cd этот каталог был сделан текущим (активным).

Автоматическая генерация стартового набора для новой темы возможна благодаря предоставляемой набором Zen команде zen. Которую может использовать утилита Drush. Сама команда zen имеет несколько ключей. Благодаря которым можно задавать машинное имя, название, описание. А также расположение установки новой темы. Команда zen будет доступной только после включения набора Zen:

$ drush en zen

The following extensions will be enabled: zen

Do you really want to continue? (y/n): y

zen was enabled successfully.

Теперь можно сгенерировать и собственный начальный набор для новой темы. Он будет иметь все необходимые Drupal файлы шаблонов с «резиновым» и полностью адаптивным каркасом, а также главный CSS-файл, в который будут компилироваться стили CSS при создании оформления новой темы:

$ drush zen my_theme "My Theme" --path=sites/all/themes/custom --description="Custom Theme"

Starter kit for "My Theme" created in: /home/john/htdocs/drupal-site/sites/all/themes/custom/my_theme

Как видно, с помощью ключей «—path» и «—description» были заданы путь установки (в каталог custom), а также краткое описание новой темы оформления. Параметр my_theme задаёт машинное имя темы в Drupal, по которому система её (тему) идентифицирует. А параметр «My Theme» это название темы.

Подключение темы

Далее, используя панель администрирования Drupal, в разделе «Оформление» (по адресу http://drupal-site/admin/appearance) нужно включить новую тему «My Theme» по-умолчанию:

Рис. 1: Включение новой темы "My Theme" по-умолчанию на странице управления оформлением Drupal.
Рис. 1: Включение новой темы «My Theme» по-умолчанию на странице управления оформлением Drupal.

Без дополнительных блоков и элементов интерфейса данная тема выглядит так:

Рис. 2: Начальный вид новой темы "My Theme" без оформления.
Рис. 2: Начальный вид новой темы «My Theme» без оформления.

С дополнительными блоками, добавленными во вторую боковую (справа) панель HTML-каркаса:

Рис. 3: Внешний вид новой темы "My Theme" без оформления с дополнительными блоками в правой панели "sidebar".
Рис. 3: Внешний вид новой темы «My Theme» без оформления с дополнительными блоками в правой панели «sidebar».

Для разрешений экранов мобильных устройств все блоки и дополнительные элементы «съезжают» друг под другом, выстраиваясь в одну колонку:

При этом никаким оформлением новая тема «My Theme» как видно, не обладает. Далее, уникальный внешний вид для неё предстоит создать. Сначала нарисовать дизайн в качестве макета. Затем реализовать его с помощью CSS и, возможно, косметических правок HTML-каркаса в файлах шаблонов.

Установка и использование дополнительных инструментов

Набор Zen (как и сгенерированные на его основе новые темы) поддерживает работу с фронтенд-окружением Gulp.js. Это позволяет выполнять многие, свойственные для фронтент-разработчика рутинные задачи автоматически. Те, кто тесно знаком с веб-дизайном понимают, о чём идёт речь. Поэтому нет необходимости останавливаться на этом подробно.

Для начала нужно установить фреймворк Node.js и его пакетный менеджер npm. В Ubuntu 18.04 соответствующие пакеты доступны в стандартном репозитории:

$ sudo apt install npm

Автоматически, как зависимость, будет предложено установить пакет nodejs.

Для организации фронтенд-окружения Gulp для новой темы «My Theme» в её каталоге /sites/all/themes/custom/my_theme существует файл package.json. Для установки всех требуемых пакетов нужно выполнить в этом каталоге команду:

$ npm install

Будут загружены все необходимые для работы Gulp модули в подкаталог node_modules. Теперь, для выполнения команд и заданий Gulp необходимо глобально установить интерпретатор gulp-cli, используя пакетный менеджер npm:

$ sudo npm install -g gulp-cli

Глобальная установка удобна, чтобы не делать этого для каждой разрабатываемой темы. Далее, в каталоге с темой my_theme в конфигурационном файле gulpfile.js нужно задать URL, используемый виртуальным хостом, при помощи опции options.drupalURL:

options.drupalURL = ‘http://drupal-site’;

Теперь можно выполнять задачи по-умолчанию для новой темы «My Theme» используя команду:

$ gulp

Нужно заметить, что задач для Gilp, сформированных по-умолчанию полностью хватает, чтобы задать любое оформление для темы. Сами же стили компилируются в результате выполнения задач Gulp в файл /my_theme/styles.css и его не нужно редактировать вручную. Сами же стили задаются в соответствующих файлах *.scss в подкаталоге /sass темы оформления. А файлы шаблонов — в подкаталоге /templates. Эти шаблоны можно создавать «с нуля» самостоятельно или скопировать готовые из аналогичного каталога родительской темы Zen:

$ cp ~/htdocs/drupal-site/sites/all/themes/zen/templates/*.tpl.php templates

Если оставить подкаталог templates новой темы «My Theme» пустым, то по-умолчанию будут подключены файлы шаблонов из родительской темы Zen, на основе которой она была сгенерирована. Это очень важный момент, нельзя упустить его из виду.

Например, для задания бордюров для блоков новой темы нужно в файле sass/components/box/_box.scss раскомментировать блок кода:

[class$=”sidebar”] {

.block {

@extend %box;

}

.block__title {

@extend %box__title;

}

}

Далее нужно выполнить команду gulp и просмотреть результат в веб-браузере, обновив страницу:



В результате все блоки для сайдбаров будут иметь бордюры. Данный код присутствует в файле sass/components/box/_box.scss в качестве примера, для демонстрации механизма работы Gulp для ведения фронтенд-разработки. Далее, внося собственные правки для разных компонент темы оформления в соответствии с разработанным макетом создаётся полноценная, оригинальная тема в полном соответствии со спецификацией Drupal.

Заключение

В заключение очень важно отметить, что в данном случае для разработки тем для Drupal используется метаязык Sass. Разработанный на основе CSS. Основное предназначение Sass – сократить использование повторяющегося кода разработчиком и возложить его генерацию на специализированные утилиты, такие как Gulp. Таким образом, создание тем оформления предложенным в данной статье способом тесно связано со знанием и умением применения метаязыка Sass.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.



2019-04-08T11:43:45
Drupal

Как усилить сигнал Wi-Fi от роутера

Медленная скорость, разрывы связи и невозможность подключения к сети — симптомы слабого сигнала Wi-Fi. Эта проблема весьма распространена, особенно в регионах, где скорость интернета не так уж велика. Улучшить качество сигнала Wi-Fi можно разными способами. В рамках этой статьи мы изучим их.

Читать