Как создать собственную тему для Google Chrome

Обновлено: 04.07.2024

Создайте собственную тему Chrome с помощью Google Theme Creator

Ник Конглтон пишет технические статьи и ведет блог с 2015 года. Его работы публиковались в PCMech, Make Tech Easier, Infosec Institute и других изданиях.

Что нужно знать

  • Перейдите на страницу создания тем Chrome. Выберите «Добавить в Chrome» > «Добавить приложение» > «Theme Creator». Назовите тему.
  • Выберите Загрузить изображение. При необходимости внесите коррективы. Выберите «Создать цвета». Перейдите в раздел "Основные" и выберите "Упаковать и установить" > "Сохранить".
  • Откройте меню Chrome > Дополнительные инструменты > Расширения. Включите режим разработчика. Перетащите файл CRX в окно браузера. Выберите Добавить тему.

В этой статье объясняется, как создавать темы Google Chrome с помощью Google Theme Creator. Инструкции в этой статье относятся к настольной версии Google Chrome для всех операционных систем.

Как создавать темы Google Chrome

Существует множество отличных тем для Google Chrome. Тем не менее, вы можете создать свою собственную тему Chrome. Расширение Google Theme Creator для Google Chrome позволяет легко создавать и экспортировать собственные темы с помощью простого графического интерфейса.

Чтобы настроить Chrome с помощью инструмента Chrome Theme Creator:

Перейдите на страницу создания тем Chrome и выберите "Добавить в Chrome".

Кнопка

Выберите Добавить приложение, чтобы установить Theme Creator.


Chrome автоматически открывает вкладку "Приложения". Выберите Создатель темы.

Theme Creator in Chrome

Назовите новую тему в поле в левом верхнем углу страницы.

Имя темы в Chrome

Выберите Загрузить изображение и выберите изображение с высоким разрешением, на котором будет основываться ваша тема.

Выберите Загрузить изображение и выберите изображение с высоким разрешением, на основе которого будет создана тема.

Unsplash — это веб-сайт, на котором вы можете бесплатно найти множество отличных изображений. Векторные шаблоны, как правило, работают лучше всего.

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

Элементы управления фоновым изображением в Chrome Theme Creator

Выберите «Создать цвета», чтобы создать цветовую схему для темы на основе загруженного вами изображения. Веб-сайт автоматически обновляет предварительный просмотр, чтобы показать вам цвета, обнаруженные на загруженном вами изображении.

Выберите

Если вы хотите изменить какой-либо из цветов, перейдите на вкладку "Цвета". На этой вкладке вы можете выбрать любой из цветов для окна браузера и изменить цвета по своему усмотрению.

Вкладка

Перейдите на вкладку "Основные" и выберите "Упаковать и установить", чтобы упаковать новую тему в качестве расширения для Chrome.

Команда

Вы получаете предупреждение от Chrome о том, что вредоносные расширения могут нанести вред вашему компьютеру. Выберите «Сохранить», чтобы загрузить тему.

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

Найдите файл CRX на своем компьютере и перетащите его в окно браузера.

Найдите файл CRX, который вы только что загрузили на свой компьютер, и перетащите его в окно браузера.

Выберите Добавить тему во всплывающем окне.

Выберите Добавить тему во всплывающем окне.

Если вы видите сообщение об ошибке декодирования изображения, используйте другое изображение для пользовательской темы.

Chrome требуется несколько секунд, чтобы применить тему. Если вы хотите вернуться к настройкам по умолчанию, выберите Отменить.


Крис Хоффман

< бр />

Крис Хоффман
Главный редактор

Крис Хоффман – главный редактор How-To Geek. Он писал о технологиях более десяти лет и два года был обозревателем PCWorld. Крис писал для The New York Times и Reader's Digest, давал интервью в качестве эксперта по технологиям на телевизионных станциях, таких как NBC 6 в Майами, и освещал свою работу в новостных агентствах, таких как Би-би-си. С 2011 года Крис написал более 2000 статей, которые были прочитаны почти миллиард раз — и это только здесь, в How-To Geek. Подробнее.

Примечание. Эта статья является частью нашего архива и, вероятно, устарела.
(Ссылки могут не работать, закачки недавно не проверялись на безопасность)


В интернет-магазине Google Chrome есть множество тем для Chrome, в том числе фоновые изображения для новой вкладки и настраиваемые цвета. Более того, вы можете создать собственную тему всего за несколько минут.

Это официальное приложение Google позволяет быстро и легко создать пользовательскую тему Google Chrome с собственным фоновым изображением и цветовой схемой. Вы даже можете делиться созданными темами.

Начало работы

Для этого мы будем использовать приложение My Chrome Theme от Google. Нажмите на ссылку и установите его из Интернет-магазина Chrome. Оно появится на странице новой вкладки там же, где и другие установленные вами приложения Chrome.


Выбор изображения

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


Если вы загружаете изображение, вы можете выбрать личную фотографию или любой другой тип фонового изображения, например одно из изображений из нашей более чем 100 коллекций обоев. Изображение ниже взято из нашей коллекции пастбищ.


Добавление цветов

На следующем экране вы сможете выбрать отдельные цвета для рамки, панели инструментов и цвета фона. Конечно, это приложение Google, поэтому есть кнопка «Мне повезет», которая автоматически выберет для вас подходящие цвета. Автоматически выбранные цвета будут пытаться соответствовать фоновому изображению, которое вы выбрали ранее.


Установка темы

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


  • › Как создать собственную тему для браузера Firefox
  • › Что означает ИК и как вы его используете?
  • › Сколько оперативной памяти требуется вашему ПК?
  • › 7 основных функций Microsoft Excel для составления бюджета
  • › Matter — это долгожданный стандарт умного дома
  • › Что такое GrapheneOS и как она делает Android более приватным?
  • › 5 вещей, которые вы, вероятно, не знали о GIF-файлах

Если вам не нравятся темы Chrome, доступные в Интернет-магазине Chrome, мы покажем вам, как создавать собственные.

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

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

Создание темы Chrome онлайн

Скриншот Эда Ри

Шаг 2. Если вы просто хотите использовать свои собственные обои в большом белом пространстве Chrome и покончить с этим, загрузите обои в элемент изображения theme_ntp_background, а затем перейдите к шагу 3. Чтобы создать полную тему, однако щелкните каждую вкладку, чтобы настроить элементы изображения, цвета и оттенка. При наведении указателя мыши на каждый элемент появится окно подсказки для этого элемента, а в области предварительного просмотра будут отображаться ваши изменения по мере их внесения.

Элементы изображения темы

Скриншот Эда Ри

Шаг 3. Когда вы закончите создание темы, перейдите на вкладку "Упаковать" и нажмите кнопку "Упаковать и установить тему".

Упаковать и установить тему

Скриншот Эда Ри

Шаг 4. В окне Chrome нажмите "Продолжить", чтобы установить тему.

Продолжить установку темы

Скриншот Эда Ри

Шаг 5. Если вам не нравится, как получилась тема, вернитесь назад, измените элементы и переустановите тему, пока не получите именно то, что вам нравится.

Шаг 6. Закончив разработку темы, нажмите кнопку "Упаковать и загрузить тему". Тема будет упакована в файл CRX, который затем можно сохранить для дальнейшего использования.

Совет. Если вам сложно понять, что представляет собой каждый элемент, обратитесь к Руководству по созданию темы. В нем описывается каждый элемент темы, а также предлагаются размеры элементов изображения.

Вот и все. Теперь вы можете создавать собственные темы для Chrome и придать своему веб-браузеру индивидуальность!

CNET Chrome Theme

Эта неофициальная тема CNET была создана примерно за 20 минут. Скриншот Эда Ри

Получить информационный бюллетень CNET How To

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


Крис Хоффман

< бр />

Крис Хоффман
Главный редактор

Крис Хоффман – главный редактор How-To Geek. Он писал о технологиях более десяти лет и два года был обозревателем PCWorld. Крис писал для The New York Times и Reader's Digest, давал интервью в качестве эксперта по технологиям на телевизионных станциях, таких как NBC 6 в Майами, и освещал свою работу в новостных агентствах, таких как Би-би-си. С 2011 года Крис написал более 2000 статей, которые были прочитаны почти миллиард раз — и это только здесь, в How-To Geek. Подробнее.

Браузер Chrome с настраиваемыми цветами и фоном страницы быстрого доступа.

Chrome 77 позволяет легко создать собственную тему для браузера Chrome всего за несколько кликов. Выберите свои любимые цвета для панели инструментов браузера Chrome и установите эффектное фоновое изображение прямо на странице быстрого доступа.

Как включить новые инструменты настройки

Как всегда с флагами, флаги Chrome могут быть изменены или удалены в любое время. Мы ожидаем, что вскоре эти флаги исчезнут, когда Google включит эту функцию по умолчанию для всех.

Чтобы включить новую настройку Chrome, введите chrome://flags в омнибоксе Chrome, также известном как адресная строка. Введите «NTP» в поле поиска на странице «Флаги».

Поиск флагов NTP в Chrome

Включите флаги «Меню цветов Chrome» и «Меню настройки NTP версии 2». Просто установите флажок справа от каждого и выберите «Включено».

Включение Chrome

Ваши изменения вступят в силу, пока вы не перезапустите Chrome. Нажмите появившуюся кнопку «Перезапустить сейчас». Обязательно сохраняйте всю свою работу на вкладках Chrome. Chrome автоматически откроет ваши текущие вкладки при перезапуске, но содержимое этих вкладок, например информация, введенная в текстовые поля на веб-страницах, может быть утеряно.

Перезапуск Chrome после включения нового меню настройки NTP.

Как настроить браузер Chrome

Теперь вы можете настроить тему браузера Chrome прямо на странице быстрого доступа.

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

Чтобы начать, нажмите кнопку "Настроить" в правом нижнем углу страницы "Новая вкладка" Chrome.

Настройка Chrome

Здесь вы увидите варианты выбора цвета и темы браузера, фонового изображения и ярлыка.

Chrome 77

Чтобы выбрать предпочтительные цвета, нажмите «Цвет и тема» и выберите одну из цветовых комбинаций. Вам не нужно выбирать какую-либо из этих комбинаций — вы можете щелкнуть значок пипетки в верхнем левом углу списка цветов, чтобы получить палитру цветов. Это позволит вам выбрать любой цвет, который вы предпочитаете. Chrome автоматически выберет более светлый и похожий оттенок, точно соответствующий выбранному вами цвету.

Выбор предпочтительных цветов в Chrome 77.

Чтобы выбрать фоновое изображение для страницы «Новая вкладка», нажмите «Фон» на левой панели и выберите изображение. Вы можете выбрать категорию и отдельное изображение или включить «Обновлять ежедневно», чтобы получать новое фоновое изображение каждый день.

Вы также можете выбрать «Загрузить с устройства» и выбрать любое предпочитаемое фоновое изображение или оставить выбранным «Без фона» для более четкого вида. Если вы выберете «Без фона», Chrome выберет цвет фона из вашей темы.

Выбор фонового изображения для Chrome

Наконец, вы можете выбрать способ отображения ярлыков под окном поиска.Выберите «Мои ярлыки», чтобы выбрать собственные ярлыки, «Самые посещаемые сайты», чтобы Chrome автоматически помещал сюда наиболее посещаемые веб-сайты, или «Скрыть ярлыки», чтобы полностью отключить ярлыки для более аккуратного вида.

Выбор настроек для страницы быстрого доступа

Сейчас нельзя скрыть окно поиска на странице "Новая вкладка". В предыдущих версиях Chrome был флажок «Удалить фальшивый ящик из NTP», который скрывал этот ящик, но в Chrome 77 он был удален.

  • › Как автоматически изменить фон новой вкладки Google Chrome
  • › Как легко создать собственную тему для Google Chrome
  • › Новые возможности Chrome 77 уже доступны
  • › Что такое GrapheneOS и как она делает Android более приватным?
  • › Matter — это долгожданный стандарт умного дома
  • › Сколько оперативной памяти требуется вашему ПК?
  • › 7 основных функций Microsoft Excel для составления бюджета
  • › Что означает ИК и как вы его используете?

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