11. Campos de Opción (Seleccionar, Casilla de Verificación, Botón de Opción) | Field Forge - Campos personalizados, diseñados para la velocidad
Descargar Iniciar sesión

11. Campos de Opción (Seleccionar, Casilla de Verificación, Botón de Opción)

Campos que presentan un conjunto de opciones predefinidas para que el editor elija.

Seleccionar

Selección única o múltiple de una lista de opciones.

php
// return_format = 'value' (default)
$value = get_field( 'category' );
// Returns: 'electronics'

// return_format = 'label'
$label = get_field( 'category' );
// Returns: 'Electronics'

// return_format = 'array'
$full = get_field( 'category' );
// Returns: ['value' => 'electronics', 'label' => 'Electronics']

// If multiple = true, returns array of values
$categories = get_field( 'categories' );
// Returns: ['electronics', 'accessories']

// Use select value for conditional styling
$priority = get_field( 'priority' );
$colors = [
    'low'    => '#28a745',
    'medium' => '#ffc107',
    'high'   => '#dc3545',
];
$color = $colors[ $priority ] ?? '#6c757d';
echo '<span class="priority-badge" style="background: ' . esc_attr( $color ) . ';">' . esc_html( $priority ) . '</span>';

Casilla de Verificación

Devuelve un array de valores seleccionados.

php
$values = get_field( 'amenities' );
// Returns: array of selected values, e.g., ['wifi', 'parking', 'pool']

if ( $values ) : ?>
    <ul class="amenities">
        <?php foreach ( $values as $amenity ) : ?>
            <li class="amenity amenity--<?php echo esc_attr( $amenity ); ?>">
                <?php echo esc_html( $amenity ); ?>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif;

// Check if a specific value is selected
$amenities = get_field( 'amenities' );
if ( $amenities && in_array( 'wifi', $amenities, true ) ) {
    echo '<span class="has-wifi">Free WiFi Available</span>';
}

Botón de Opción

Selección de opción única.

php
$value = get_field( 'layout_style' );
// Returns: 'grid' (single selected value)

echo '<div class="layout-' . esc_attr( $value ) . '">';

// Use radio value to load different templates
$layout = get_field( 'content_layout' );
get_template_part( 'template-parts/layout', $layout );

Verdadero / Falso

Interruptor booleano que devuelve true o false.

php
$is_featured = get_field( 'is_featured' );
// Returns: true or false (boolean)

if ( $is_featured ) {
    echo '<span class="featured-badge">Featured</span>';
}

// Use in conditional classes
$class = get_field( 'full_width' ) ? 'container-fluid' : 'container';
echo '<div class="' . esc_attr( $class ) . '">';

Grupo de Botones

Selector visual estilo botón, como un botón de opción pero estilizado como un grupo de botones.

php
$alignment = get_field( 'text_align' );
// Returns: 'left', 'center', or 'right' (single value, like radio)

echo '<div style="text-align: ' . esc_attr( $alignment ) . ';">Content</div>';

Asistente de IA de Forge En línea

¡Hola! Soy el asistente de IA de Field Forge. Pregúntame lo que quieras sobre el plugin — configuración, funciones, resolución de problemas o desarrollo.

Ahora mismo
Con la tecnología de Forge AI · Explorar documentación