Делаем красивую среду Gnome shell Сравнение версий

Различия

Здесь показаны различия между двумя версиями данной страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
wiki:делаем_красивую_среду_gnome_shell [2012/10/19 00:54]
[Ссылки]
wiki:делаем_красивую_среду_gnome_shell [2021/01/07 00:07] (текущий)
добавлены теги GNOME, Оформление
Строка 1: Строка 1:
 ====== Делаем красивую среду Gnome shell ====== ====== Делаем красивую среду Gnome shell ======
  
-====== ====== Заголовок ====== +{{ :​wiki:​primer_oformlenia.png?​direct&​600 |}}
-===== Ссылки =====+
  
-  * [[FIXME]]+Вообщем-то сегодняшняя статья будет посвящена НОВИЧКАМ. Людям, которые первый раз (или не первый) познакомились с такой замечательной ОС, как Linux Ubuntu 12.04. Я в принципе давно знаком с [[Ubuntu]], и с версии 11.10 перешёл на графическую оболочку Gnome 3 (решительно отказавшись от [[Unity]]) В этой статье я расскажу,​ как я настраиваю систему и делаю её крайне привлекательной и приятной для глаз.
  
-{{tag>​12.04 gnome_shell howto}} +Итак по стандарту,​ когда вы установили Ubuntu 12.04 (скачать её можно ​[[http://​ubuntu.ru/​get|ЗДЕСЬ]]) у вас предустановлено 2 графических интерфейса (Unity и Unity 2D). Но для создания рабочей среды, что на скриншоте нам нужна оболочка ​[[Gnome Shell]]. Поэтому открываем терминал,​ и используя copy/paste делаем всё по порядку. 
- +<​code ​bash>sudo add-apt-repository ppa:​gnome3-team/​gnome3
-{{ :​wiki:​primer_oformlenia.png |}} +
- +
-Вообщем-то сегодняшняя статья будет посвящена НОВИЧКАМ. Людям, которые первый раз (или не первый) познакомились с такой замечательной ОС, как Linux Ubuntu 12.04. Я в принципе давно знаком с Ubuntu, и с версии 11.10 перешёл на графическую оболочку Gnome 3 (решительно отказавшись от Unity) В этой статье я расскажу,​ как я настраиваю систему и делаю её крайне привлекательной и приятной для глаз. +
- +
-Итак по стандарту,​ когда вы установили Ubuntu 12.04 (скачать её можно ЗДЕСЬ) у вас предустановлено 2 графических интерфейса (Unity и Unity 2D). Но для создания рабочей среды, что на скриншоте нам нужна оболочка Gnome Shell. Поэтому открываем терминал,​ и используя copy/paste делаем всё по порядку. +
-<​code>​sudo add-apt-repository ppa:​gnome3-team/​gnome3+
 sudo apt-get update sudo apt-get update
 sudo apt-get install gnome-shell</​code>​ sudo apt-get install gnome-shell</​code>​
  
-Ставим Gnome Tweak Tool — данная утилита понадобится нам для настройки shell.+Ставим ​[[gnome-tweak-tool|Gnome Tweak Tool]] — данная утилита понадобится нам для настройки shell.
  
-<​code>​sudo apt-get install gnome-tweak-tool</​code>​+<​code ​bash>sudo apt-get install gnome-tweak-tool</​code>​
  
 Сразу же заходим в Gnome Tweak Tools (дополнительные параметры системы). И переходим во вкладку «Shell». И здесь добавляем кнопки (свернуть,​ развернуть) к нашим окнам. Я пользуюсь только кнопками «Свернуть» и «Закрыть». Делается всё вот так: Сразу же заходим в Gnome Tweak Tools (дополнительные параметры системы). И переходим во вкладку «Shell». И здесь добавляем кнопки (свернуть,​ развернуть) к нашим окнам. Я пользуюсь только кнопками «Свернуть» и «Закрыть». Делается всё вот так:
Строка 27: Строка 20:
 Топаем дальше. Практически вся среда Shell становится красивой после того, как добавляешь в неё различные расширения,​ написанные всякими энтузиастами ​ (в хорошем смысле слова). Поэтому делаем возможным устанавливать эти расширения:​ Топаем дальше. Практически вся среда Shell становится красивой после того, как добавляешь в неё различные расширения,​ написанные всякими энтузиастами ​ (в хорошем смысле слова). Поэтому делаем возможным устанавливать эти расширения:​
  
-<​code>​sudo add-apt-repository ppa:​webupd8team/​gnome3+<​code ​bash>sudo add-apt-repository ppa:​webupd8team/​gnome3
 sudo apt-get update sudo apt-get update
 sudo apt-get install gnome-shell-extensions-common</​code>​ sudo apt-get install gnome-shell-extensions-common</​code>​
Строка 37: Строка 30:
 Скачиваем zip архив справа вверху (смотрим изображение):​ Скачиваем zip архив справа вверху (смотрим изображение):​
  
-{{ :​wiki:​themes_helios.png |}}+{{ :​wiki:​themes_helios.png?​direct&​600 ​|}}
  
 Теперь перейдём непосредственно к установке темы. Чтобы иметь возможность менять темы, нужно установить соответствующее расширение. Можно это сделать через терминал,​ но Linux настолько становится проще, что всё делается за пару минут без всяких усилий. ​ Теперь перейдём непосредственно к установке темы. Чтобы иметь возможность менять темы, нужно установить соответствующее расширение. Можно это сделать через терминал,​ но Linux настолько становится проще, что всё делается за пару минут без всяких усилий. ​
Строка 46: Строка 39:
 В поиск вбиваем «User Themes». Переходим на страницу нужного расширения и меняем положение выключателя,​ тем самым устанавливая расширение. Здорово,​ не правда ли?​! ​ В поиск вбиваем «User Themes». Переходим на страницу нужного расширения и меняем положение выключателя,​ тем самым устанавливая расширение. Здорово,​ не правда ли?​! ​
  
-{{ :​wiki:​extensions.png |}}+{{ :​wiki:​extensions.png?​direct&​600 ​|}}
  
 {{ :​wiki:​on-off.png |}} {{ :​wiki:​on-off.png |}}
  
-Далее нажимаем ​Alt+F2, вводим в строку букву «r», нажимаем Enter. Это используется для быстрого перезапуска графического интерфейса.+Далее нажимаем ​<​key>​A</​key>​+<key>F2</​key>​, вводим в строку букву «r», нажимаем Enter. Это используется для быстрого перезапуска графического интерфейса.
  
 Теперь запускаем ранее установленный Gnome Tweak Tools (или же дополнительные параметры системы),​ переходим во вкладку «Расширения Shell» и активируем наше расширение. Теперь запускаем ранее установленный Gnome Tweak Tools (или же дополнительные параметры системы),​ переходим во вкладку «Расширения Shell» и активируем наше расширение.
Строка 56: Строка 49:
 {{ :​wiki:​user_themes.png |}} {{ :​wiki:​user_themes.png |}}
  
-Включили?​ Нажимаем снова ​Alt+F2, вводим в строку «r». ​ Перезапустили графику и снова заходим в дополнительные параметры,​ теперь на вкладку «Тема». Ну и соответственно здесь меняем тему. Сначала загружаем ранее скачанный нами ​ zip архив, а потом справа выбираем Helios.+Включили?​ Нажимаем снова ​<​key>​A</​key>​+<key>F2</​key>​, вводим в строку «r». ​ Перезапустили графику и снова заходим в дополнительные параметры,​ теперь на вкладку «Тема». Ну и соответственно здесь меняем тему. Сначала загружаем ранее скачанный нами ​ zip архив, а потом справа выбираем Helios.
  
 {{ :​wiki:​zagruzka_themes.png |}} {{ :​wiki:​zagruzka_themes.png |}}
Строка 71: Строка 64:
   * **Removable Drive Menu** - добавляет на верхнюю панель значок в виде диска, при клике на котором отображается меню со списком съемных устройств (флешки,​ USB-диски и т.д.).   * **Removable Drive Menu** - добавляет на верхнюю панель значок в виде диска, при клике на котором отображается меню со списком съемных устройств (флешки,​ USB-диски и т.д.).
   * **Windows Navigator** - если в режиме «Обзор« нажать на клавиатуре клавишу Alt, то каждой отображаемой миниатюре окна присваивается порядковый номер — этот номер отображается в левом верхнем углу каждой миниатюры. и теперь нажатием соответствующей цифровой клавиши на клавиатуре можно переключиться на соответствующее окно.   * **Windows Navigator** - если в режиме «Обзор« нажать на клавиатуре клавишу Alt, то каждой отображаемой миниатюре окна присваивается порядковый номер — этот номер отображается в левом верхнем углу каждой миниатюры. и теперь нажатием соответствующей цифровой клавиши на клавиатуре можно переключиться на соответствующее окно.
-  * Remove Accessibility - удаляет значок «Специальные возможности» с верхней панели. Существует также возможность удаления значка вручную. Для этого необходимо ввести команду:​+  ​* **Remove Accessibility** - удаляет значок «Специальные возможности» с верхней панели. 
 +  * **Application menu** - на верхней панели чуть правее кнопки обзор добавляется значок «След», который выступает в роли меню для всех установленных приложений. 
 +  * **Qiut Button** - заменяет имя пользователя и значок состоянию на кнопку выключения. 
 +  * **Message Notifier** — показывает количество новых разговоров на верхней панели. (Проще говоря возвращает Pidgin в tray). 
 +Все эти расширения ​вы легко сможете найти на единой базе расширений,​ и установить их также легко, как и расширение «User Themes». А вот о следующем расширении хотелось бы поговорить отдельно. В частности о процессе его установки, потому что данного расширения нет на сайте. 
 +  * **Weather Indicator** - Отображает прогноз погоды на верхней панели. При клике по значению температуры ​отображается панель с дополнительной информацией о текущей погоде и с прогнозом погоды на текущие и последующие сутки. Устанавливается расширение вот так: 
 +<code bash>​sudo apt-get install gnome-shell-extensions-weather</​code>​ 
 +Настраивается индикатор вот так: 
 +Сначала переходим на сайт http://​www.weather.com/​.  
 +Здесь справа Латинскими буквами вводим свой город. 
 +{{ :​wiki:​pogoda1.png?​direct&​800 |}} 
 +Получаем ссылку вверху, где копируем ​несколько букв ​и цифр. В моём случае это: «RSXX1460″. 
 +{{ :​wiki:​pogoda_cod.png |}} 
 +Затем заходим в настройки:​ 
 +{{ :​wiki:​pogoda2.png |}} 
 +И вставляем наше скопированное ​значение (Zip/​Codeвашего города). 
 +{{ :​wiki:​pogoda_vstavka_coda.png |}} 
 + 
 +Всё! Теперь мы имеем потрясающую погоду. 
 + 
 +Закончим о расширениях,​ теперь можно приступать к оформлению значков (иконок). На самом деле мне нравится 7 видов значков и время от времени я их меняю, когда какой-нибудь надоедает. Но по приоритету красоты я расставил их так: 
 + 
 +1) Значки «Mac-x-reloaded». 
 + 
 +2) Значки «Elementary». 
 + 
 +3) Значки «Faenza». 
 + 
 +4) Значки «Faince». 
 + 
 +5) Значки «Awoken». 
 + 
 +6) Значки «FS Icons». 
 + 
 +7) Значки «Fast Forward». 
 + 
 +Лично ​у меня стоят на данный момент «Mac-x». На скриншоте изображены именно они. Устанавливаются так: 
 +<code bash>​sudo add-apt-repository ppa:​noobslab/​icons 
 +sudo apt-get update && sudo apt-get install mac-x-lion-reloaded</​code>​ 
 +Снова перезагружаем графическую среду при помощи Alt+F2. И заходим в наш родной Gnome Tweak Tools. Во вкладке тема ставим наши иконки. 
 +{{ :​wiki:​themes_znachki.jpg |}} 
 +Также ниже описаны команды для установки других видов значков. 
 + 
 +Для ​«Elementary» выполняем такие команды:​ 
 + 
 +<code bash>​sudo apt-add-repository ppa:​elementary-os/​testing 
 +sudo apt-get update && sudo apt-get install elementary-icon-theme</​code>​ 
 + 
 +Для значков»Faenza»:​ 
 + 
 +<code bash>​sudo add-apt-repository ppa:​tiheum/​equinox 
 +sudo apt-get update && sudo apt-get install faenza-icon-theme</​code>​ 
 + 
 +Для значков «Faince»:​ 
 + 
 +<code bash>​sudo add-apt-repository ppa:​tiheum/​equinox 
 +sudo apt-get update 
 +sudo apt-get install faience-icon-theme</​code>​ 
 + 
 +Для значков «Awoken»:​ 
 + 
 +<code bash>​sudo add-apt-repository ppa:​alecive/​antigone 
 +sudo apt-get update 
 +sudo apt-get install awoken-icon-theme</​code>​ 
 + 
 +Для значков «FS Icons»: 
 + 
 +<code bash>​sudo add-apt-repository ppa:​kroq-gar78/​ppa 
 +sudo apt-get update 
 +sudo apt-get install fs-icons-ubuntu</​code>​ 
 + 
 +Для значков «Fast Forward»:​ 
 + 
 +<code bash>​sudo add-apt-repository ppa:​upubuntu-com/​themes 
 +sudo apt-get update 
 +sudo apt-get install ffw</​code>​ 
 + 
 +Иконки установлены,​ и выбраны какие надо. Далее по плану тема GTK+. Родные темы очень даже не плохие,​ можно выбрать одну из них, однако я копался как-то ​экспериментировал и остановился на  теме «orion». Устанавливается так: 
 + 
 +<code bash>​sudo apt-add-repository ppa:​satyajit-happy/​themes 
 +sudo apt-get update 
 +sudo apt-get install orion-gtk-theme</​code>​ 
 + 
 +Ну и соответственно выбираем её во вкладке «Тема» дополнительных параметров. 
 +{{ :​wiki:​gtk.png |}} 
 + 
 +Теперь разбираемся со шрифтами. Делаем всё как на картинке. У меня монитор 15.6 дюймов,​ поэтому я не использую большие шрифты,​ большая часть десятого ​размера. Естественно,​ если у вас больше монитор можете ставить и 11, и даже 13 размер. Вообщем всё по вашему вкусу. 
 +{{ :​wiki:​shrifti.png |}} 
 + 
 +Вы, наверное обратили на скриншоте внизу красивая панель приложений в стиле MacOS. Такую красоту позволяет сделать приложение:​ Cairo-Dock. Для его установки в терминале ​необходимо набрать:​ 
 + 
 +<code bash>​sudo -v 
 +echo «deb http://​ppa.launchpad.net/​cairo-dock-team/​ppa/​ubuntu $(lsb_release -sc) main ## Cairo-Dock-PPA» | sudo tee -a /​etc/​apt/​sources.list 
 +sudo apt-key adv —keyserver keyserver.ubuntu.com —recv-keys E80D6BF5 
 +sudo apt-get update 
 +sudo apt-get install cairo-dock</​code>​ 
 + 
 +О настройках данного приложения говорить смысла нет. Там их просто масса. Сами ставите что хотите,​ что не нужно удаляете. Всё делается, как обычно,​ методом тыка. Самое главное,​ когда всё настроите, сделайте так, чтобы Cairo-dock запускалось при старте системы. 
 + 
 +Ну и последнее. Если вы не будете никогда использовать графическую оболочку Unity или Unity 2D, то её можно удалить, дабы она не занимала место и менеджер обновлений не вылазил так часто, чтобы обновлять её. Вводим команды:​ 
 +<note warning>​ВНИМАНИЕ! ПОДОБНЫЕ ВЕЩИ ВЫ ДЕЛАЕТЕ НА СВОЙ СТРАХ И РИСК. ЕСЛИ ВЫ НЕ ЯВЛЯЕТЕСЬ ОПЫТНЫМ ПОЛЬЗОВАТЕЛЕМ ПК,ТО ВАМ НЕ СТОИТ РИСКОВАТЬ И ЭТО ДЕЛАТЬ.</​note>​ 
 + 
 +<code bash>​sudo apt-get purge unity unity-services unity-lens-applications unity-lens-files unity-lens-music unity-lens-video unity-common unity-asset-pool unity-2d-common libunity-misc4 
 +sudo reboot</​code>​ 
 + 
 +Напоследок,​ если кому-то интересно,​ то обоину для рабочего стола я скачал отсюда: 
 +[[ http://​rewalls.com/​natural/​45594-kamni-more-skaly-voda.html]] 
 + 
 +  
 +//​Спасибо за внимание и удачи в настройке вашей ОС!// ​
  
-<​code>​sudo gedit /​usr/​share/​gnome-shell/​js/​ui/​panel.js </​code>​ 
  
-В открывшемся файле найти строку:​ //​‘a11y’:​ imports.ui.status.accessibility.ATIndicator//​ +{{tag>​12.04 GNOME GNOME_Shell Оформление}}
-И прокомментировать её, то есть изменить на: +
-////​’a11y’:​ imports.ui.status.accessibility.ATIndicator//​+