Drupal 8で動作するように3つのHTMLテンプレートを修正することはできますか？

Question

多くの興奮とカップルクリックが多すぎると、自然には互換性がないと思われる2つのものが私を残してしまった：ブートストラップ3サイトテンプレート（Unify）とブートストラップの基本テーマを使ったDrupal 8のインストール。

Drupal 8で動作するように一般的なBootstrap 3 HTMLサイトテンプレート（私が購入したものなど）を修正することは可能でしょうか、それとも効率的でしょうか？ ？ それとも、または（ブートストラップ3とそれとも、Drupal 8 + Bootstrapベースのテーマか）ですか？

これは知識のある人が1時間または2時間で10時間以上できることがあるかどうかを理解することに興味があります。 drupalの者が手動で

コンテンツがあるlibraries.ymlでの.cssと.jsのプラグインのトンを含めるしようとしている

をテーマ設定より

• 完全に異なるファイル構造：それは助けている場合、不一致がそうのようにアップに追加し始めましたHTMLにハードコード化されていますか？私はこれがまったく、Drupalのテーマ（？）を使ってそれらを再作成することを意味すると信じています。

Answer 1

私はこれは非常に最近のことでしたが、

Drupal 8（コア）にはHTMLがハードコードされていません（またはごくわずかです）。あなたはcontribモジュールとは異なる経験をしているかもしれません。

私はテーマの構造をハードルとは考えていません。 libraries.ymlファイルに適切なファイルを含めるだけです。

右の（ブートストラップ）クラスを要素に割り当てるには、twigファイルをオーバーライドする必要があります。例えば

input--submit.html.twig

、これは、ボタンを提出し、すべてにブートストラップbtn、btn-blockとbtn-lgクラスを追加します。

また、アイコン属性（data-icon）を受け入れるように送信ボタンをカスタマイズしました。既存のフォームの場合、属性を追加するにはhook_form_alterを使用する必要があります。独自のフォームの場合は、配列#attributesに追加するだけです。

{% set classes = [ 
    'btn', 'btn-block', 'btn-lg', 
] %} 

<button{{ attributes.addClass(classes) }}> 
    <span class="glyphicon {{ attributes['data-icon'] }}"></span> 
    <span>{{ attributes.value }}</span> 
</button>{{ children }} 

input--password.html.twig

これは、パスワードのフォーム要素のためです。私はform-controlクラスを追加しました。別として

<input{{ attributes.addClass("form-control") }} />{{ children }}

block--clean-main-menu.html.twig

、最終的に、例としては、私が先頭にサイトのメニューの静的を持っていると思ったので、私はnavbarクラスを追加する必要がありました。

{% set heading_id = attributes.id ~ '-menu'|clean_id %} 
<nav {{ attributes.addClass('navbar navbar-default navbar-static-top') }}> 
    <div class="container"> 
    <div class="col-lg-12"> 
     {% block content %} 
     {{ content }} 
     {% endblock %} 
    </div> 
    </div> 
</nav> 

これは小さなプロジェクトでした。あなたはもっと大きなプロジェクトのためにもっと多くの仕事をするでしょう。あるいは、異なる送信ボタンのスタイルを変えたいかもしれません（ヒント：hook_theme_suggestions_field_alterを使って新しいテーマの上書きを追加してください）。

私たちは、私の会社では100％カスタマイズテーマの多くで動作し、我々はすでにそれに慣れているので、完全にあらゆる小さい事をオーバーライドすることは一般的です。）

また、develの拡張機能をインストールすることを忘れないでください。どのファイルにどのファイルが使用されているのかを知りたい場合は、大いに役立ちます。