Dionysos Font Field

This component is a part of the Olympus Dionysos fields for WordPress.

composer require getolympus/olympus-dionysos-field-font

---

---

---

Field initialization

Use the following lines to add an font field in your WordPress admin pages or custom post type meta fields:

return \GetOlympus\Dionysos\Field\Font::build('my_font_field_id', [
    'title'       => 'Select your character!',
    'default'     => [
        'family'         => 'Open Sans',
        'backup'         => 'Arial, Helvetica, sans-serif',
        'subset'         => 'latin',
        'variant'        => 'regular',
        'size'           => '16px',
        'lineheight'     => '1.8',
        'letterspacing'  => '0',
        'color'          => '#000000',
    ],
    'description' => 'Select your fighting stage!',
]);

Variables definition

Variable	Type	Default value if not set	Accepted values
title	String	'Font'	empty
default	Array	empty	empty
description	String	empty	empty

Retrive data

Retrieve your value from Database with a simple get_option('my_font_field_id', []) (see WordPress reference).
Below, a json_encode() example to understand how data are stored in Database:

{
  "family": "Open Sans",
  "backup": "Arial, Helvetica, sans-serif",
  "subset": "latin",
  "variant": "regular",
  "size": "16px",
  "lineheight": "1.8",
  "letterspacing": "0",
  "color": "#000000"
}

And below, a simple example to show how to iterate on the data array in PHP:

// Get font from Database
$font = get_option('my_font_field_id', []);

// Check if font is empty and display it
if (!empty($font)) {
    echo '<h1 style="font-family:'.$font['family'].';font-size:'.$font['size'].'">My custom title</h1>';
}

Release History

0.0.2

• Add ajax call
• Add display
• Add Google fonts

0.0.1

• Initial commit

Contributing

1. Fork it (https://github.com/GetOlympus/olympus-dionysos-field-font/fork)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request

---

Built with ♥ by Achraf Chouk ~ (c) since a long time.