# A vezérlőpult megjelenésének testreszabása

> Widgetek, oldalsáv, világos és sötét sablon, egyedi sablonfájl, a Mindent frissít gomb, az Új és Béta címkék, a logó cseréje és a webhelyikonok újratöltése.

Ez a fejezet azt mutatja meg, hogyan alakíthatod a vezérlőpult kinézetét a saját munkádhoz. Egy részük sima beállítás, a többihez a **Custom Dashboard** kiegészítő (ingyenes) kell: ebbe írt PHP- és CSS-kódrészletekkel változtathatsz a felületen.

## Widgetek elrejtése

A **Műveletek** oldal és az egyes webhelyek műveleti oldala widgetekből áll. A nem használtakat elrejtheted, így átláthatóbb marad az oldal.

1. Nyisd meg a jobb felső sarokban a felhasználói menüt, és válaszd a **MainWP beállításai → Általános beállítások** oldalt.
2. Keresd meg a **Widgetek megjelenítése** beállítást.
3. Vedd ki a pipát azoknál a widgeteknél, amelyeket el akarsz rejteni.
4. Kattints a **Beállítások mentése** gombra.

![Az Általános beállítások oldal a Widgetek megjelenítése listával és a Mindent frissít kapcsolóval](./kepek/testreszabas-altalanos-widgetek.webp)

*Az Általános beállítások oldal a Widgetek megjelenítése listával és a Mindent frissít kapcsolóval* (https://minta-bolt.hu/wp-admin/admin.php?page=Settings)

A képen a **Widgetek megjelenítése** lista látszik: minden widget neve mellett jelölőnégyzet van. Ugyanitt van az **Az „Mindent frissít” gomb elrejtése** kapcsoló is.

A lista widgetei: **Frissítések áttekintése**, **Legutóbbi bejegyzések**, **Legutóbbi oldalak**, **Bővítmények** és **Sablonok** (az egyes webhelyek műveleti oldalán), **Kapcsolat állapota**, **Webhely biztonságának megerősítése**, **Jegyzetek**, **Ügyfelek**, **Alárendelt webhely adatai**, **Ügyfél adatai**, **Hálózati történések**, **Első lépések a MainWP-vel** és **Költségkövető**.

Elrejtett widget visszahozása: ugyanitt jelöld be újra a widget négyzetét, és mentsd a beállítást.

## Widgetek elrendezése és oszlopszáma

A widgetekhez nincs rögzített oszlopszám-beállítás (korábban 1 és 4 oszlop között lehetett választani, ez megszűnt). A widgetek szabadon átméretezhetők:

- **Méret:** húzd a widget szélét vagy sarkát. A widgetek rácshoz igazodnak, és egymás körül átrendeződnek.
- **Sorrend:** húzással cserélheted a widgetek helyét.
- **Kisebb képernyő:** az elrendezés magától alkalmazkodik.

Az elrendezés mentéséről és betöltéséről a [felület áttekintése](https://hub.hellowp.io/hu/plugins/mainwp/felulet/) szól.

## A „Mindent frissít” gomb elrejtése

A **Mindent frissít** gomb egyszerre lefuttat minden elérhető frissítést az összes webhelyen. Ha el akarod kerülni a véletlen tömeges frissítést, rejtsd el:

1. Nyisd meg a **MainWP beállításai → Általános beállítások** oldalt.
2. Kapcsold be az **Az „Mindent frissít” gomb elrejtése** kapcsolót.
3. Görgess az oldal aljára, és kattints a **Beállítások mentése** gombra.

Visszaállítás: ugyanott kapcsold ki a kapcsolót, és mentsd.

Mikor érdemes elrejteni:

| Helyzet | Miért |
|---|---|
| Csapatmunka | Senki ne futtasson átnézés nélkül tömeges frissítést |
| Szakaszos frissítési folyamat | A frissítések csak az előírt úton menjenek át |
| Vegyes frissítési szabályok | Egyes webhelyeket előbb át kell nézni |
| Betanulási időszak | Kisebb az esély a véletlen módosításra |

A frissítések kezeléséről a [Frissítések kezelése](https://hub.hellowp.io/hu/plugins/mainwp/frissitesek-kezeles/) fejezetben olvashatsz.

## Az „Új” és „Béta” címkék elrejtése

A vezérlőpult az újonnan érkezett funkciók mellett **New** (új) címkét, a kísérleti funkciók mellett **Beta** címkét mutat. Az **Új** az aktuális változatban érkezett funkciót jelöli, a **Béta** a kísérleti, még változhatós funkciót. Ha tisztább felületet szeretnél, CSS-sel elrejtheted őket:

1. Telepítsd és kapcsold be a **Custom Dashboard** kiegészítőt (a [kiegészítők kezeléséről](https://hub.hellowp.io/hu/plugins/mainwp/iranyitopult-kiegeszitok/) külön fejezet szól).
2. Nyisd meg a kiegészítő **CSS** fülét.
3. Illeszd be a következő kódot:

   ```css
   .mainwp-new-feature-label, .mainwp-beta-feature-label {
     display: none !important;
   }
   ```

4. Kattints a **Save Changes** gombra. Az oldal magától újratöltődik, és a címkék eltűnnek.

Visszaállítás: töröld a kódot a **CSS** fülről, és mentsd.

## A vezérlőpult logójának cseréje

A bal oldali menü tetején lévő logót, a hozzá tartozó hivatkozást és a helyettesítő szöveget a **Custom Dashboard** **PHP** fülén cserélheted le. Három szűrő áll rendelkezésre:

| Szűrő | Mit módosít |
|---|---|
| `mainwp_menu_logo_src` | A logó képe |
| `mainwp_menu_logo_href` | Hová visz a logóra kattintás (alapból a **Műveletek** oldalra) |
| `mainwp_menu_logo_alt` | A kép helyettesítő (alt) szövege |

Előfeltétel: a Custom Dashboard kiegészítő, és egy logókép (ajánlott méret: 50×50 képpont).

### A logó képe

1. Tölts fel egy 50×50 képpontos képet a médiatárba, vagy FTP-vel a vezérlőpult webhelyére.
2. Nyisd meg a kiegészítő **PHP** fülét, és add hozzá:

   ```php
   add_filter( 'mainwp_menu_logo_src', 'mainwp_custom_logo' );
   function mainwp_custom_logo() {
       return '/wp-content/uploads/logo.png';
   }
   ```

3. Írd át az útvonalat a kép tényleges helyére. Ha nem biztos, hogy jó az út, ideiglenesen adj meg teljes webcímet (`https://a-te-vezerlopultod.hu/wp-content/uploads/logo.png`), és ha működik, térj vissza a relatív útvonalra.
4. Kattints a **Save Changes** gombra. Az új logó azonnal látszik.

### A logó hivatkozása

Alapból a logó a **Műveletek** oldalra mutat. Más célhoz:

```php
add_filter( 'mainwp_menu_logo_href', 'change_logo_url' );
function change_logo_url() {
    return 'admin.php?page=managesites';
}
```

Az `admin.php?page=managesites` helyére írd a kívánt oldal címét, majd mentsd.

### A logó helyettesítő szövege

A kisegítő technológiák és a keresők számára adhatsz a képnek szöveget:

```php
add_filter( 'mainwp_menu_logo_alt', 'change_logo_alt_text' );
function change_logo_alt_text() {
    return 'A cégem vezérlőpultja';
}
```

A mentés után a módosítás érvényes. A teljes arculatcseréhez külön **White Label** kiegészítő is van, a vezérlőpult színvilágát pedig a **MainWP beállításai → Eszközök** oldalon választható sablon változtatja.

## Az oldalsáv helye

A vezérlőpult oldalsávja alapból a képernyő jobb oldalán van. Áthelyezheted balra:

1. Nyisd meg a **MainWP beállításai → Általános beállítások** oldalt.
2. Az **Oldalsáv pozíciója** listában válaszd a **Bal** vagy a **Jobb (alapértelmezett)** értéket.
3. Kattints a **Beállítások mentése** gombra. Az oldal újratöltődik, és az oldalsáv az új helyen jelenik meg.

![Az Oldalsáv pozíciója lista az Általános beállítások oldalon](./kepek/testreszabas-2-oldalsav-pozicio.webp)

*Az Oldalsáv pozíciója lista az Általános beállítások oldalon* (https://minta-bolt.hu/wp-admin/admin.php?page=Settings)

A képen az **Oldalsáv pozíciója** lista az alapértékkel látszik.

## A vezérlőpult sablonja: világos és sötét

A vezérlőpult sablonja csak a vezérlőpult saját kinézetét adja. A Child-webhelyek WordPress-sablonjait nem érinti (azokról a [sablonok kezelése](https://hub.hellowp.io/hu/plugins/mainwp/bovitmenyek-temak-sablonok/) fejezet szól). A sablon felhasználónként tárolódik.

**Gyors váltás a fejlécből.** A fejléc jobb oldalán egy gomb váltja a módot: a hold ikon sötét, a nap ikon világos módra kapcsol. Kattintás után az oldal újratöltődik. A gyors váltás akkor működik, ha a kiválasztott sablon a **Világos** vagy a **Sötét**, és a feltöltések mappában nincs egyedi sablonfájl. Egyedi vagy régi sablon esetén a gomb palettaikon, és a sablonválasztó ablakot nyitja meg: ott válaszd ki a sablont, és mentsd.

**Választás az Eszközök oldalon.**

1. Nyisd meg a jobb felső sarokban a felhasználói menüt, és válaszd a **MainWP beállításai → Eszközök** oldalt.
2. A **MainWP vezérlőpult sablonjának kiválasztása** listában válaszd ki a sablont. A **Világos** és a **Sötét** mindig választható, a régi sablonok csak akkor szerepelnek, ha éppen azt használod, az egyedi `.css` sablonfájlokat pedig a lista automatikusan felsorolja.
3. Kattints a **Beállítások mentése** gombra.

![Az Eszközök oldal a sablonválasztóval és az adatvédelmi kapcsolókkal](./kepek/testreszabas-2-tools.webp)

*Az Eszközök oldal a sablonválasztóval és az adatvédelmi kapcsolókkal* (https://minta-bolt.hu/wp-admin/admin.php?page=MainWPTools)

A képen a lista tetején a **MainWP vezérlőpult sablonjának kiválasztása** látszik, alatta az eszközgombok.

A MainWP nem követi folyamatosan az operációs rendszer világos vagy sötét beállítását. Csak a gyorsbeállítási varázsló észleli a rendszer színbeállítását, és csak akkor ment kezdő értéket, ha a felhasználónak még nincs mentett sablonja. Utána a mentett választás érvényes, amíg át nem állítod.

### Egyedi sablon készítése

1. Töltsd le a MainWP vezérlőpult bővítményét a WordPress.org tárából, és csomagold ki a gépeden.
2. A `mainwp/assets/css/themes` mappában találod a beépített sablonok CSS-fájljait.
3. Másold le valamelyiket, és szerkeszd a kedvenc kódszerkesztődben.
4. Mentsd új, beszédes néven (például `sajat-ugynokseg.css`).
5. Töltsd fel FTP-vel vagy a tárhely fájlkezelőjével a vezérlőpult webhelyének `/wp-content/uploads/mainwp/themes/` mappájába.
6. A sablon megjelenik az **Eszközök** oldal sablonlistájában és a sablonválasztó ablakban.

| Hely | Mire való |
|---|---|
| `/wp-content/plugins/mainwp/assets/css/themes/` | A beépített sablonok, ezeket ne módosítsd |
| `/wp-content/uploads/mainwp/themes/` | Az egyedi sablonok helye |

Az egyedi sablonok a bővítményfrissítéseket túlélik, a beépítettek felülíródhatnak. Ha korábban `custom-dashboard` nevű mappád volt, a MainWP átteszi a `themes` mappába.

## A webhelyek ikonjának (favicon) újratöltése

Ha egy Child-webhely ikonja megváltozott, de a vezérlőpult még a régit, egy hiányzó ikont vagy az alap WordPress-ikont mutatja, töltsd újra:

1. Nyisd meg a **Webhelyek → Webhelyek kezelése** oldalt.
2. Jelöld be a webhelyek jelölőnégyzetét. Az összes látható webhelyhez a táblázat fejlécében lévő négyzetet jelöld be.
3. A tömeges műveletek listájában válaszd a **Favicon újratöltése** műveletet.
4. Kattints az **Alkalmaz** gombra, és várd meg, amíg a folyamatablak lefut.

Utána az oldal újratölt, és a frissített ikon látszik, ha van ilyen.

A vezérlőpult lekéri a Child-webhelytől az aktuális ikon webcímét, letölti, elmenti a saját ikonmappájába, és frissíti a webhelyhez tárolt ikont. A Child-webhely oldalát ez nem módosítja. A Child az ikont ebben a sorrendben keresi: a WordPress webhelyikonja, a `favicon.ico` vagy `favicon.png`, végül a főoldal HTML-jében megadott ikonhivatkozás.

Ha a webhelynek egyedi feltöltött ikonja van a vezérlőpulton, az előbb jelenik meg a lekértnél: ilyenkor az újratöltés sikeres lehet, de a látható ikon csak az egyedi ikon eltávolítása után változik.

Ha nem frissül az ikon:

- ellenőrizd, hogy a Child-webhely csatlakoztatva van, és szinkronizál;
- ellenőrizd, hogy a webhely ikonja nyilvánosan elérhető;
- nézd meg, nincs-e egyedi ikon beállítva a vezérlőpulton;
- futtasd újra a műveletet csak az érintett webhelyre.

## Melyik profilkép látszik a jobb felső sarokban?

A vezérlőpult eszköztárának jobb felső sarkában a WordPress-felhasználód avatarja látszik. A MainWP a szokásos WordPress-avatarkezelést követi, ezért a képet nem a MainWP-ben, hanem a WordPressben kell beállítani. A sorrend:

1. **Az avatarok ki vannak kapcsolva.** Ha a vezérlőpult webhelyén az **Avatarok mutatása** nincs bepipálva (**Beállítások → Beszélgetés**), általános felhasználó-ikon jelenik meg.
2. **Van hozzád kapcsolt Gravatar.** Ha az avatarok be vannak kapcsolva, és a felhasználód e-mail-címe egy Gravatar-fiókhoz tartozik, a Gravatar képe látszik. A felhasználód profilján (**Felhasználók → Profil**) is ez a kép szerepel.
3. **Nincs Gravatar.** Ilyenkor a **Beállítások → Beszélgetés** oldalon, az **Alapértelmezett avatar** alatt kiválasztott alapkép látszik.

![A Beszélgetés beállításai oldal az Avatarok mutatása kapcsolóval és az Alapértelmezett avatar választékával](./kepek/testreszabas-3-avatar-beallitas.webp)

*A Beszélgetés beállításai oldal az Avatarok mutatása kapcsolóval és az Alapértelmezett avatar választékával* (https://minta-bolt.hu/wp-admin/options-discussion.php)

Az oldal alján találod az **Avatarok mutatása** jelölőnégyzetet és az **Alapértelmezett avatar** listát.

### A profilkép megváltoztatása

| Mód | Teendő |
|---|---|
| Gravatar használata | Hozz létre Gravatar-fiókot ugyanazzal az e-mail-címmel, mint a WordPress-felhasználód |
| Az alapkép cseréje | A **Beállítások → Beszélgetés** oldalon válassz másik **Alapértelmezett avatar** képet |
| Saját feltöltés | Telepíts egy felhasználói avatar bővítményt, amellyel saját képet tölthetsz fel |

Ha nem a várt kép látszik, ellenőrizd:

- be van-e pipálva az **Avatarok mutatása**;
- helyes-e az e-mail-cím a felhasználói profilodban;
- ha Gravatart akarsz, az a fiók ugyanahhoz az e-mail-címhez tartozik-e (ez nem kötelező);
- látszik-e a kép az eszköztárban.

A vezérlőpult logójának cseréjéről a [fentebbi rész](#a-vezérlőpult-logójának-cseréje) szól.

## Ellenőrző lista

- a **Widgetek megjelenítése** listában csak a használt widgetek maradtak bepipálva, és mentetted a beállítást;
- a **Mindent frissít** gomb elrejtése a munkamenetednek megfelelő;
- a Custom Dashboard kiegészítő telepítve és aktív, ha kódot használsz;
- a kódrészletek mentve vannak, és a változás látszik a felületen.