# Példák

> Teljes mintakód súgóval ellátott mezőkkel: alapikon, kérdőjeles ikon, Dashicons ikon, egyedi kép és beviteli mezőhöz tett súgó.

## Súgó négyféle ikonnal

Az alábbi kód négy mezőhöz ad súgót: az alapértelmezett ikonnal, a kérdőjeles ikonnal, egy Dashicons ikonnal és egy egyedi képpel.

```php
add_filter( 'rwmb_meta_boxes', 'kapcsolat_sugo_regisztralas' );

function kapcsolat_sugo_regisztralas( $meta_boxes ) {
    $meta_boxes[] = [
        'title'  => 'Elérhetőségek',
        'fields' => [
            [
                'name'    => 'Név',
                'id'      => 'nev',
                'type'    => 'text',
                'tooltip' => 'Info ikon, felül megjelenő súgó',
            ],
            [
                'name'    => 'Beosztás',
                'id'      => 'beosztas',
                'type'    => 'text',
                'tooltip' => [
                    'icon'     => 'help',
                    'content'  => 'Kérdőjeles ikon, jobbra megjelenő súgó',
                    'position' => 'right',
                ],
            ],
            [
                'name'    => 'E-mail-cím',
                'id'      => 'email',
                'type'    => 'text',
                'tooltip' => [
                    'icon'     => 'dashicons-email',
                    'content'  => 'Dashicons ikon, jobbra megjelenő súgó',
                    'position' => 'right',
                ],
            ],
            [
                'name'    => 'Egyedi kép',
                'id'      => 'kep',
                'type'    => 'text',
                'tooltip' => [
                    'icon'     => 'https://pelda.hu/ikon.png',
                    'content'  => 'Egyedi ikon',
                    'position' => 'right',
                ],
            ],
        ],
    ];

    return $meta_boxes;
}
```

![A meta box súgóikonjai: info, kérdőjel és boríték a címkék mellett](./kepek/mezok-sugo-ikonokkal.webp)

*A meta box súgóikonjai: info, kérdőjel és boríték a címkék mellett* (https://minta-bolt.hu/wp-admin/post.php?post=8&action=edit)

Az **info**, a **kérdőjeles** és a **boríték** ikon a mező címkéje mellett jelenik meg. A buborék akkor látszik, ha az egeret az ikon fölé viszed.

## Súgó a címkéhez és a beviteli mezőhöz

A `tooltip_input` csak szöveges, dátum- és időmezőkön, illetve választómezőkön működik. A következő mezőhöz csak a beviteli mezőnél van súgó:

```php
[
    'name'          => 'Telefonszám',
    'id'            => 'telefon',
    'type'          => 'text',
    'tooltip_input' => 'Add meg a körzetszámot is',
],
```

Ha a címkénél és a beviteli mezőnél is szeretnél súgót, add meg mindkét paramétert:

```php
[
    'name'          => 'Weboldal',
    'id'            => 'weboldal',
    'type'          => 'url',
    'tooltip'       => 'A cég honlapja',
    'tooltip_input' => 'Kezdd https://-sel',
],
```