8,560
edits
(Created page with "=Übersicht=") Tags: Mobile web edit Mobile edit |
(Updating to match new version of source page) Tags: Mobile web edit Mobile edit |
||
Line 4: | Line 4: | ||
=Übersicht= | =Übersicht= | ||
<div class="mw-translate-fuzzy"> | |||
Die '''[https://lxqt-project.org/ LXQt Desktop Umgebung]''' ist eine leichtgewichtige Desktop Umgebung basierend auf Qt. Sie wird Ihnen nicht im Weg stehen noch "hängen" oder Ihr System verlangsamen. Der Fokus liegt auf klassischen Desktop Anwendungen mit modernem Erscheinungsbild. | Die '''[https://lxqt-project.org/ LXQt Desktop Umgebung]''' ist eine leichtgewichtige Desktop Umgebung basierend auf Qt. Sie wird Ihnen nicht im Weg stehen noch "hängen" oder Ihr System verlangsamen. Der Fokus liegt auf klassischen Desktop Anwendungen mit modernem Erscheinungsbild. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
[[File: Lxqt-de-18.png|left|600px]] | [[File: Lxqt-de-18.png|left|600px]] | ||
<div style="clear: both"></div> | <div style="clear: both"></div> | ||
</div> | |||
Line 65: | Line 69: | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
To configure OpenBox, open the "LXQt Configuration Center" and select "Openbox Settings". Then select the same theme you choose in Kvantum. | To configure OpenBox, open the "LXQt Configuration Center" and select "Openbox Settings". Then select the same theme you choose in Kvantum. | ||
</div> | |||
Line 88: | Line 94: | ||
<code>Adwaita</code> ist das voreingestellte Mauszeiger Thema in LXQt. Weitere Themen für Mauszeiger können heruntergeladen werden. Beispiel für ein Mauszeiger Thema: | <code>Adwaita</code> ist das voreingestellte Mauszeiger Thema in LXQt. Weitere Themen für Mauszeiger können heruntergeladen werden. Beispiel für ein Mauszeiger Thema: | ||
sudo pacman -S xcursor-menda | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
sudo pacman -S xcursor-menda | |||
</div> | |||
Line 102: | Line 110: | ||
Der Pfad der jeweiligen Symboldateien wird in <code>.desktop</code> Dateien gespeichert. Für jede Applikation finden Sie eine solche Datei in einem der folgenden zwei Verzeichnisse: | Der Pfad der jeweiligen Symboldateien wird in <code>.desktop</code> Dateien gespeichert. Für jede Applikation finden Sie eine solche Datei in einem der folgenden zwei Verzeichnisse: | ||
/usr/share/applications/ | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
/usr/share/applications/ | |||
</div> | |||
~/.local/share/applications/ | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
~/.local/share/applications/ | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Note that all folder names beginning with a dot are hidden folders. You need to make them visible by clicking <code>View --> Show Hidden</code> in your PcManFM-Qt File Browser. The <code>~</code> directory is your home folder. | Note that all folder names beginning with a dot are hidden folders. You need to make them visible by clicking <code>View --> Show Hidden</code> in your PcManFM-Qt File Browser. The <code>~</code> directory is your home folder. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Open a <code>.desktop</code> file with a text editor with root privileges and look for the following line: | Open a <code>.desktop</code> file with a text editor with root privileges and look for the following line: | ||
Icon= | Icon= | ||
Insert the path to the icon you want to use after the <code>=</code> symbol. A lot of system icons can be found in this location: | Insert the path to the icon you want to use after the <code>=</code> symbol. A lot of system icons can be found in this location: | ||
/usr/share/icons/ | /usr/share/icons/ | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
===Example:=== | ===Example:=== | ||
If you want to use a flag icon, use this line in the <code>.desktop</code> file: | If you want to use a flag icon, use this line in the <code>.desktop</code> file: | ||
Icon=/usr/share/icons/gnome/48x48/apps/locale.png | Icon=/usr/share/icons/gnome/48x48/apps/locale.png | ||
</div> | |||
==Ändern des Panelsymbols== | ==Ändern des Panelsymbols== | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Right click on your panel and choose "Add panel widget". Then add a Quick Launch / Starter widget. A text will appear on your panel. | Right click on your panel and choose "Add panel widget". Then add a Quick Launch / Starter widget. A text will appear on your panel. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
You can drag and drop any icon (from your start menu / mainmenu or your custom icon file) there in order to create a Quick Launch / Starter icon in your panel. You can even drop multiple icons / icon files on one Quick Launch / Starter widget. | You can drag and drop any icon (from your start menu / mainmenu or your custom icon file) there in order to create a Quick Launch / Starter icon in your panel. You can even drop multiple icons / icon files on one Quick Launch / Starter widget. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
But if you want your custom icon in your panel, you must first create your own <code>.desktop</code> file (please keep reading). | But if you want your custom icon in your panel, you must first create your own <code>.desktop</code> file (please keep reading). | ||
</div> | |||
===Beispiel:=== | ===Beispiel:=== | ||
Als Beispiel erstellen wir ein Symbol für das Herunterfahren des Computers: | Als Beispiel erstellen wir ein Symbol für das Herunterfahren des Computers: | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
First, let's create a new file (e.g. in your home directory or any other directory you want): Right click and choose "Create New" --> "Blank File". Name the file <code>ShutDown.desktop</code>. You can choose any name you want, but the <code>.desktop</code> in the end is important. | First, let's create a new file (e.g. in your home directory or any other directory you want): Right click and choose "Create New" --> "Blank File". Name the file <code>ShutDown.desktop</code>. You can choose any name you want, but the <code>.desktop</code> in the end is important. | ||
</div> | |||
Öffnen Sie die Datei mit einem Texteditor. Der Inhalt sollte wie folgt aussehen: | Öffnen Sie die Datei mit einem Texteditor. Der Inhalt sollte wie folgt aussehen: | ||
[Desktop Entry] | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
[Desktop Entry] | |||
Type=Application | Type=Application | ||
Name=ShutDown | Name=ShutDown | ||
Line 141: | Line 168: | ||
Exec=poweroff | Exec=poweroff | ||
Icon=/usr/share/icons/Menda-Circle/actions/scalable/bottom.svg | Icon=/usr/share/icons/Menda-Circle/actions/scalable/bottom.svg | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* <code>Name=</code> is the name of the icon | * <code>Name=</code> is the name of the icon | ||
* <code>Comment=</code> gets shown when you hover with your mouse cursor over the icon | * <code>Comment=</code> gets shown when you hover with your mouse cursor over the icon | ||
* <code>Exec=</code> defines the terminal command, which is executed when the icon is clicked | * <code>Exec=</code> defines the terminal command, which is executed when the icon is clicked | ||
* <code>Icon=</code> specifies the path to the icon | * <code>Icon=</code> specifies the path to the icon | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Finally, you can drag and drop your custom icon file onto a Quick Launch / Starter widget in your panel (as described in the beginning of this chapter) to create your custom panel icon. | Finally, you can drag and drop your custom icon file onto a Quick Launch / Starter widget in your panel (as described in the beginning of this chapter) to create your custom panel icon. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Create Custom Icon in Start Menu / Mainmenu== | ==Create Custom Icon in Start Menu / Mainmenu== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Read the [https://wiki.manjaro.org/index.php?title=LXQt_Theming#Create_Custom_Icon_on_Panel previous chapter] of this Wiki tutorial in order to get familiar with the content of <code>.desktop</code> files. | Read the [https://wiki.manjaro.org/index.php?title=LXQt_Theming#Create_Custom_Icon_on_Panel previous chapter] of this Wiki tutorial in order to get familiar with the content of <code>.desktop</code> files. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Now, a custom <code>.desktop</code> files needs to get created (as root) in this location: | Now, a custom <code>.desktop</code> files needs to get created (as root) in this location: | ||
</div> | |||
/usr/share/applications/ | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
/usr/share/applications/ | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Please look at other <code>.desktop</code> files as examples for the <code>.desktop</code> file content: All have a category specified, e.g. | Please look at other <code>.desktop</code> files as examples for the <code>.desktop</code> file content: All have a category specified, e.g. | ||
</div> | |||
Categories=Qt;KDE;Settings; | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
Categories=Qt;KDE;Settings; | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
This setting is important for the Start Menu / Mainmenu category this custom icons appears in. Use it. | This setting is important for the Start Menu / Mainmenu category this custom icons appears in. Use it. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Another important line in the <code>.desktop</code> file is: | Another important line in the <code>.desktop</code> file is: | ||
</div> | |||
OnlyShowIn=LXQt; | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
OnlyShowIn=LXQt; | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
If this is set to another desktop environment, set it to LXQt or delete this line entirely in order to see this custom icon in your Start Menu / Mainmenu. | If this is set to another desktop environment, set it to LXQt or delete this line entirely in order to see this custom icon in your Start Menu / Mainmenu. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Change Order of Icons on Panel== | ==Change Order of Icons on Panel== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
You can click the right mouse button on top of a panel element in order to move it. Alternatively, you can move panel elements by holding <code>CTRL+Left Mouse</code> and draging the element. These methods work for all panel elements, except Quick Launch / Starter elements with added icons. | You can click the right mouse button on top of a panel element in order to move it. Alternatively, you can move panel elements by holding <code>CTRL+Left Mouse</code> and draging the element. These methods work for all panel elements, except Quick Launch / Starter elements with added icons. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Quick Launch / Starter elements have "Move Left" and "Move Right" as right click options, which do enable you to freely move it. Just click the "Remove from quicklaunch" in order to remove the icon from the Quick Launch Widget. | Quick Launch / Starter elements have "Move Left" and "Move Right" as right click options, which do enable you to freely move it. Just click the "Remove from quicklaunch" in order to remove the icon from the Quick Launch Widget. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Now, you can move the Quick Launch Widget like all other panel elements. After you have moved the Quick Launch Widget to the desired position on your panel, follow [https://wiki.manjaro.org/index.php?title=LXQt_Theming&action=edit#Create_Custom_Icon_on_Panel this tutorial] to add your icon again. | Now, you can move the Quick Launch Widget like all other panel elements. After you have moved the Quick Launch Widget to the desired position on your panel, follow [https://wiki.manjaro.org/index.php?title=LXQt_Theming&action=edit#Create_Custom_Icon_on_Panel this tutorial] to add your icon again. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Change Icon of Start Menu / Mainmenu== | ==Change Icon of Start Menu / Mainmenu== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
This Icon can be changed by opening the following folder with root privileges: | This Icon can be changed by opening the following folder with root privileges: | ||
/usr/share/lxqt/themes/<theme name>/ | /usr/share/lxqt/themes/<theme name>/ | ||
Replace <theme name> with the name of the theme you are currently using. The name of your current theme can be found in <code>System Settings>LXQT Configuration Center>LXQtAppearance>LXQt Theme</code>. The Start Menu icon will only get changed for <theme name>. All other themes still use the default icon! | Replace <theme name> with the name of the theme you are currently using. The name of your current theme can be found in <code>System Settings>LXQT Configuration Center>LXQtAppearance>LXQt Theme</code>. The Start Menu icon will only get changed for <theme name>. All other themes still use the default icon! | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
In this folder, you find a <code>mainmenu.png</code> file. It is the icon of your Start Menu (called "Mainmenu" in LXQt). Replace this file with the icon file you want to use. Rename your icon file to the same name. | In this folder, you find a <code>mainmenu.png</code> file. It is the icon of your Start Menu (called "Mainmenu" in LXQt). Replace this file with the icon file you want to use. Rename your icon file to the same name. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Great icons can be found in this thread: https://forum.manjaro.org/index.php?topic=15613.0 | Great icons can be found in this thread: https://forum.manjaro.org/index.php?topic=15613.0 | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
In order to see the changes logout and log in again. If you want to see the changes immediately run the following commands: | In order to see the changes logout and log in again. If you want to see the changes immediately run the following commands: | ||
killall lxqt-panel | killall lxqt-panel | ||
lxqt-panel | lxqt-panel | ||
</div> | |||