# Gyermektéma és ajánlások fejlesztőknek

> A Bricks gyermektéma használata, stíluslap és szkript betöltése, valamint a Bricks-szel végzett munka alapvető ajánlásai.

Ha saját kódot írsz a Brickshez (PHP, CSS vagy JavaScript), a Bricks témafájljait soha ne módosítsd közvetlenül. A téma frissítésekor minden módosításod elveszne. Használd helyette a Bricks gyermektémát, vagy egy kódrészlet-bővítményt.

## A gyermektéma telepítése

A gyermektéma a Bricks-fiókodból tölthető le `bricks-child.zip` néven. Telepítése ugyanúgy megy, mint bármelyik másik WordPress-témáé.

1. Töltsd fel a ZIP-fájlt a **Megjelenés → Sablonok** oldalon.
2. Kapcsold be a **Bricks Child Theme** sablont (a felületen a témákat „sablonoknak” hívja a WordPress).
3. A saját stílusaidat a gyermektéma `style.css` fájljába írd.

A gyermektéma tartalmaz egy egyszerű, bemutató célú egyéni elemet is. Ennek megírását az [Egyéni elem készítése](https://hub.hellowp.io/hu/plugins/bricks-child/fejlesztoknek-sajat-elem/) fejezet részletezi.

![A Sablonok oldal a telepített Bricks gyermektémával](./kepek/elso-lepesek-1-temak.webp)

*A Sablonok oldal a telepített Bricks gyermektémával* (https://minta-bolt.hu/wp-admin/themes.php)

A képen a gyermektéma kártyáján a **Bekapcsolva** felirat látszik: ennek kell aktívnak lennie, a szülő Bricks témának pedig telepítve.

## A functions.php működése

A gyermektéma `functions.php` fájlja a `style.css`-szel ellentétben nem írja felül a szülőtéma azonos nevű fájlját. A szülőtéma `functions.php`-ja mellett töltődik be, közvetlenül előtte.

## Szkriptek és stílusok betöltése

A saját CSS-ed ne kerüljön be a szerkesztő paneljébe, mert módosíthatja annak megjelenését. A fájlokat ezért csak a webhelyen és a szerkesztő vásznán (canvas) töltsd be. Ehhez a `bricks_is_builder_main()` függvénnyel ellenőrizd, hogy nem a szerkesztő főpaneljében vagy-e:

```php
add_action( 'wp_enqueue_scripts', function() {
  // A fájlok a webhelyen és a vásznon töltődnek be, a szerkesztő paneljében nem.
  if ( ! bricks_is_builder_main() ) {
    wp_enqueue_style(
      'bricks-child',
      get_stylesheet_uri(),
      ['bricks-frontend'],
      filemtime( get_stylesheet_directory() . '/style.css' )
    );
  }
} );
```

A példa a `bricks-frontend` stíluslaptól teszi függővé a gyermektéma stílusát, így az mindig a Bricks stílusa után töltődik be. A `filemtime()` verziószámként a fájl módosítási idejét adja, ezért a böngésző változáskor újratölti a stíluslapot.

## Alapvető ajánlások

| Téma | Ajánlás |
| --- | --- |
| Állandó hivatkozások | A tiszta URL-ek miatt a **Bejegyzés neve** szerkezetet ajánljuk: **Beállítások → Állandó hivatkozások**, válaszd a **Bejegyzés neve** lehetőséget, majd **Módosítások mentése**. A Bricks a szerkesztő címét az oldal permalinkjéből építi, ezért más szerkezet is működik, ha a WordPress helyesen feloldja. |
| Legkisebb képméret | Legalább 600 képpont széles képeket tölts fel, ideális esetben 1600 képpont vagy több. Ha már van képed a médiatárban, és csak most kezdesz Bricks-szel dolgozni, futtass miniatűr-újragenerálást (például a Regenerate Thumbnails bővítménnyel), hogy az összes Bricks-specifikus képméret létrejöjjön. |
| Témakód szerkesztése | A Bricks témájának fájljait ne szerkeszd közvetlenül. A módosítások a téma frissítésekor elvesznek. Használd a gyermektémát vagy egy kódrészlet-bővítményt. |