MainWP Custom Dashboard Extension
Mi ez és milyen problémát old meg?
A MainWP Custom Dashboard Extension egy ingyenes kiegészítő, amellyel a saját MainWP központi vezérlőpultodat alakíthatod át célzottan és biztonságosan. Lehetővé teszi, hogy egy helyen kezeld és futtasd a saját CSS, JavaScript és PHP snippetjeidet, kizárólag a Dashboardon. Így frissítésbiztosan, fájlrendszer-módosítások nélkül finomhangolhatod a felület kinézetét és működését, és gyorsan ki-be kapcsolhatod a módosításokat hibaelhárításkor.
Hogyan működik?
- Kódtárolás az adatbázisban: a snippletek a Dashboard adatbázisába kerülnek, nem a fájlrendszerbe. Frissítéskor nem íródnak felül.
- Betöltés a Dashboardon: a CSS/JS a vezérlőpult oldal fejléceibe injektálódik; a PHP kód WordPress környezetben fut.
- PHP futtatás: a bővítmény a PHP snippleteket futás közben értelmezi. Ha a tárhelyen tiltva van az ilyen futtatás, engedélyezni kell. Szintaktikai hiba esetén a Dashboard összeomlását védelmi mechanizmusok akadályozzák meg, és visszairányítanak a szerkesztőbe.
- Heartbeat alapú visszajelzés: a háttérben futó ellenőrzések időben jelzik a kódproblémákat.
- Kizárólag a Dashboardra hat: a gyerekoldalak működését nem módosítja. Ha a gyerekoldalakon szeretnél kódot futtatni, külön kiegészítőt használj erre.
- Fókusz a snippleteken: a korábbi téma-beállítások ma már a Core-ban érhetők el; ez a kiegészítő a snippet-alapú testreszabásra koncentrál.
Fő funkciók, részletezve
- Beépített kódszerkesztő: közvetlenül a MainWP-ben írhatsz és szerkeszthetsz CSS/JS/PHP kódot. Nem kell FTP vagy fájlkezelő.
- Snippletek kapcsolhatósága: minden snippet önállóan engedélyezhető/tiltható, így gyors a hibakeresés és a finomhangolás.
- Biztonságos hibaelhárítás: PHP-szintaktikai hiba esetén a bővítmény megóvja a Dashboardot a leállástól, és segít visszatérni a szerkesztőbe.
- Frissítésbiztosság: az adatbázisban tárolt snippletek nem vesznek el frissítéseknél.
- Központosítás: minden testreszabás egy helyen, dokumentálhatóan és csapatmunka-barát módon kezelhető.
Gyakorlati példák
1) UI-elemek finomhangolása CSS-sel
Rejts el zavaró gombokat mobilon, vagy növeld a táblázatok olvashatóságát.
/* Mobilon az "ignore" típusú gombok elrejtése (példa, pontos szelektorokat ellenőrizd) */
@media (max-width: 782px) {
.mainwp .button-ignore,
.mainwp .actions .button[data-action="ignore"] {
display: none !important;
}
}
/* Táblázatsor kiemelése, ha például figyelmeztető állapotú */
.mainwp table.wp-list-table tr.is-warning td {
background: #fff7e6 !important;
}
Tipp: ha egy beépített stílus felülírja a sajátod, növeld a szelektor specifitását, vagy használj célzottabb struktúraszelektorokat.
2) Gyorsbillentyűk és apró logikai kiegészítések JavaScript-tel
// Gyorsbillentyű: U (Updates) megnyitása
document.addEventListener('keydown', (e) => {
if (e.target.matches('input, textarea')) return; // ne zavarjuk az űrlapokat
if (e.key.toLowerCase() === 'u') {
const menuItem = document.querySelector('.mainwp a[href*="page=mainwp_updates"]');
if (menuItem) menuItem.click();
}
});
// Figyelmeztető üzenet, ha sok napja nem volt szinkron
(function () {
const badge = document.querySelector('.mainwp .last-sync-badge[data-days]');
if (!badge) return;
const days = parseInt(badge.getAttribute('data-days'), 10);
if (days > 7) {
const note = document.createElement('div');
note.className = 'notice notice-warning';
note.innerHTML = '<p>Régen volt teljes szinkron. Érdemes lefuttatni.</p>';
document.querySelector('#wpbody-content')?.prepend(note);
}
})();
3) Egyedi admin üzenet vagy apró logika PHP-val
Csak megbízható kódot használj!
<?php
add_action('admin_notices', function () {
// Csak MainWP oldalakon jelenjen meg
$page = isset($_GET['page']) ? sanitize_text_field($_GET['page']) : '';
if (strpos($page, 'mainwp_') !== 0) {
return;
}
echo '<div class="notice notice-info"><p>Egyedi információs üzenet a csapatnak.</p></div>';
});
Előnyök és értékajánlat
- Frissítésbiztos: a módosításaid nem tűnnek el verzióváltáskor.
- Gyors hibakeresés: snippletek ki/be kapcsolása egy kattintás.
- Időmegtakarítás: nincs szükség FTP-re, sőt még staging nélkül is kipróbálhatsz kisebb módosításokat.
- Rugalmasság: a UI-t a saját folyamataidhoz igazíthatod, akár apró, de hatékony finomhangolásokkal.
- Csapatmunka-barát: a változtatások központosítottan, átláthatóan dokumentálhatók.
Telepítés és első lépések
- Telepítsd és aktiváld a kiegészítőt a MainWP-ben.
- Nyisd meg a Custom Dashboard menüt.
- Hozz létre új CSS, JS vagy PHP snippletet, adj címet és leírást.
- Mentsd, majd kapcsold be a snippletet.
- Teszteld a Dashboardon; szükség esetén finomíts, vagy ideiglenesen kapcsold ki hibakereséshez.
Tipp: haladj kis lépésekben, és készíts biztonsági mentést nagyobb változtatások előtt.
Korlátozások és biztonság
- Hatókör: csak a Dashboardot érinti; a gyerekoldalakra nincs közvetlen hatása.
- PHP futtatás: a PHP snippletek futtatása engedélyt igényelhet a tárhelyeden. Mindig megbízható forrásból származó kódot használj.
- CSS felülírás: bizonyos beépített stílusok felülbírálhatják a sajátod. Ilyenkor növeld a specifitást, használj célzott szelektorokat vagy alternatív megoldást.
- Változtatások tesztelése: éles folyamatok előtt ellenőrizd a kódot, és tartsd kéznél a kikapcsolási lehetőséget.
Kinek ajánlott?
- Ügynökségeknek és üzemeltetőknek, akik egységesített, saját munkafolyamathoz igazított MainWP felületet szeretnének.
- Fejlesztőknek, akik gyorsan, fájlrendszer-hozzáférés nélkül akarnak apró kiegészítéseket készíteni.
- Haladó felhasználóknak, akik finomhangolnák a Dashboard kinézetét és működését anélkül, hogy a gyerekoldalak kódjába nyúlnának.
Összegzés
A MainWP Custom Dashboard Extension célzott, frissítésbiztos és biztonságos módot ad arra, hogy a MainWP vezérlőpultot a saját igényeidhez igazítsd. Snippletekkel testreszabhatod a megjelenést és a működést, mindezt központilag kezelve és gyorsan visszafordíthatóan. Ha a gyerekoldalakon szeretnél kódot futtatni, külön erre való kiegészítőt használj; ha pedig téma-szintű megjelenési beállításokat keresel, azt a Core biztosítja.