Volver

Bloque básico (Sanitex)

Un bloque básico contiene un título y un cuerpo.

 

Valores de los colores del campo de Variación de color:

clean|Limpio
alabaster|Alabastro
blue-lt|Azul Claro
white|Blanco
brown|Cafe
orange|Naranjado
black-dk|Negro
green|Verde
green-lt|Verde Claro

 

Campos Personalizados

Bloque básico

basic

(Block)

Cuerpo

body

Texto/Texto (con formato, largo, con resumen)

Link

field_link

General/Enlace

Link Adicional

field_additional_link

General/Enlace

Texto alineado Izquierda

field_is_left_aligned

General/Booleano

Variación de color

field_color_variation

Texto/Lista (de texto)

Archivos Usados

1.

block--basic.html.twig

Twig

templates/blocks/

Block

{#
/**
 * @file
 * Theme override to display a block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.
 *   - label: The configured label for the block.
 *   - label_display: The display settings for the label.
 *   - provider: The module or other provider that provided this block plugin.
 *   - Block plugin specific settings will also be stored here.
 * - in_preview: Whether the plugin is being rendered in preview mode.
 * - content: The content of this block.
 * - attributes: array of HTML attributes populated by modules, intended to
 *   be added to the main container tag of this template.
 *   - id: A valid HTML ID and guaranteed unique.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @see template_preprocess_block()
 */
#}
{% set class_block = 'block-basic' %}

{%
  set classes = [
    'block',
    'block-' ~ configuration.provider|clean_class,
    'block-' ~ plugin_id|clean_class,
    'section-padding transition-scroll',
    class_block,
  ]
%}

{% set color_variation = content.field_color_variation['#items'].value %}

{% if color_variation %}
  {% set class_variation = class_block ~ "--bg-" ~ color_variation %}
  {% if color_variation != 'white' and color_variation != 'alabaster' and color_variation != 'yellow' and color_variation != 'clean' %}
    {% set class_variation = class_variation ~ " co-white" %}
  {% endif %}
{% endif %}

<section{{ attributes.addClass(classes, class_variation) }}>
  <div class="container">
    {{ title_prefix }}
    {% if label %}
      <h2 class="text-center"{{ title_attributes }}>{{ label }}</h2>
    {% endif %}
    {{ title_suffix }}
    {% block content %}
      <div class="{{class_block}}__wrapper text-center w-100">
        {{ content.body }}
      </div>
    {% endblock %}
  </div>
</section>
Avatar

Autor

Elan Francisco P. Asprilla
Desarrollador Frontend

Artículos relacionados

¿Cómo personalizar los bloques en Drupal?

Una de las características más interesantes de...

Alias de git

Hay forma de acortar los comandos de git, para...

Recapcha en Formularios (Hidrotecno)

Este artículo es una continuación Formulario de...

Core de css con TailwindCSS

Nuevo core de css que vamos a usar para todos...