it-swarm.com.de

Wie kann man den Sprachumschalterblock als Schaltflächen anstelle einfacher Links anzeigen?

der Sprachwechselblock sieht folgendermaßen aus:

(enter image description here

Ich möchte es als bootstrap Buttons oder was auch immer sonst möglich ist anzeigen. Zumindest nicht in einfachen Links.

<button type="button" class="btn btn-primary">Primary</button>

Jetzt in meinem D8-Kern habe ich die Datei PHP für den Sprachumschalter gefunden, aber ich sehe nicht, wo ich meinen HTML-Code ablegen kann.

/**
 * Provides a 'Language switcher' block.
 *
 * @Block(
 *   id = "language_block",
 *   admin_label = @Translation("Language switcher"),
 *   category = @Translation("System"),
 *   deriver = "Drupal\language\Plugin\Derivative\LanguageBlock"
 * )
 */
class LanguageBlock extends BlockBase implements ContainerFactoryPluginInterface {

  /**
   * The language manager.
   *
   * @var \Drupal\Core\Language\LanguageManagerInterface
   */
  protected $languageManager;

  /**
   * The path matcher.
   *
   * @var \Drupal\Core\Path\PathMatcherInterface
   */
  protected $pathMatcher;

  /**
   * Constructs an LanguageBlock object.
   *
   * @param array $configuration
   *   A configuration array containing information about the plugin instance.
   * @param string $plugin_id
   *   The plugin_id for the plugin instance.
   * @param mixed $plugin_definition
   *   The plugin implementation definition.
   * @param \Drupal\Core\Language\LanguageManagerInterface $language_manager
   *   The language manager.
   * @param \Drupal\Core\Path\PathMatcherInterface $path_matcher
   *   The path matcher.
   */
  public function __construct(array $configuration, $plugin_id, $plugin_definition, LanguageManagerInterface $language_manager, PathMatcherInterface $path_matcher) {
    parent::__construct($configuration, $plugin_id, $plugin_definition);
    $this->languageManager = $language_manager;
    $this->pathMatcher = $path_matcher;
  }


  /**
   * {@inheritdoc}
   */
  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
    return new static(
      $configuration,
      $plugin_id,
      $plugin_definition,
      $container->get('language_manager'),
      $container->get('path.matcher')
    );
  }


  /**
   * {@inheritdoc}
   */
  protected function blockAccess(AccountInterface $account) {
    $access = $this->languageManager->isMultilingual() ? AccessResult::allowed() : AccessResult::forbidden();
    return $access->addCacheTags(['config:configurable_language_list']);
  }

  /**
   * {@inheritdoc}
   */
  public function build() {
    $build = array();
    $route_name = $this->pathMatcher->isFrontPage() ? '<front>' : '<current>';
    $type = $this->getDerivativeId();
    $links = $this->languageManager->getLanguageSwitchLinks($type, Url::fromRoute($route_name));

    if (isset($links->links)) {
      $build = array(
        '#theme' => 'links__language_block',
        '#links' => $links->links,
        '#attributes' => array(
          'class' => array(
            "language-switcher-{$links->method_id}",
          ),
        ),
        '#set_active_class' => TRUE,
      );
    }
    return $build;
  }

  /**
   * {@inheritdoc}
   *
   * @todo Make cacheable in https://www.drupal.org/node/2232375.
   */
  public function getCacheMaxAge() {
    return 0;
  }

}
2
Vasmir

Ok, ich habe jetzt gefunden, was mir geholfen hat. Zwei Module tun dies:

  1. Language Switcher Dropdown + Sprachsymbol (die Flags werden auf D8 noch nicht angezeigt)

(enter image description here

  1. Dropdown-Sprachmodul
1
Vasmir

Erste Wahl
Wenn Sie eine designbezogene Änderung wünschen, können Sie dies leicht mit [~ # ~] css [~ # ~] erreichen.

Zweite Wahl
Aktivieren twig.config: debug: true

Sehen Sie sich eine Vorlagendatei an, in der Sie Änderungen vornehmen können.

DATEINAME VORSCHLÄGE:
links - language-block.html.twig
links - language-block.html.twig
links.html.twig

Markup des Sprachumschalters ändern

Trird choice
Alter _language_switch_links_alter. Wie ändere ich einen Sprachelement-Link?

3
DRUPWAY