<head>… </head> বিভাগে আমি কীভাবে একটি মেটা ট্যাগ যুক্ত করব?


19

<head>...</head>দ্রুপাল 8- র বিভাগের মধ্যে আমি কীভাবে নিম্নলিখিত মেটা ট্যাগ যুক্ত করতে পারি ?

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

উত্তর:


49

বিভিন্ন উত্স থেকে আমি ড্রুপাল 8-তে মেটা ট্যাগ যুক্ত করার বিভিন্ন উপায় খুঁজে পেয়েছি, সুতরাং সমস্ত উপায় সংকলন করছি।


থিম ফাইল। থিম ফাইলটি ব্যবহার করা

আমার মনে হয় স্টেকওভারফ্লোতে একই প্রশ্ন জিজ্ঞাসা করা হয়েছে: ড্রুপাল 8-তে মাথা রেখে মেটা ট্যাগ যুক্ত করুন এবং আপনি যদি @ দানিইলিশকো এর উত্তর দেখতে পান তবে তিনি নীচের কোডটি সরবরাহ করেছেন,

আপনার THEME.themeফাইলটিতে কেবল নিম্নলিখিত কোড যুক্ত করুন, ক্যাশে সাফ করুন এবং আপনি যেতে ভাল হবে। দ্রষ্টব্য: function theme_preprocess_html(&$variables) {...}আপনার। থিম ফাইলটিতে ইতিমধ্যে উপস্থিত থাকা উচিত, অতএব নতুনটি তৈরি করবেন না, অন্যথায় এটি ত্রুটি দেয়।

function theme_preprocess_html(&$variables) {

  $xuacompatible = [
    '#tag' => 'meta',
    '#attributes' => [
      'http-equiv' => 'x-ua-compatible',
      'content' => 'ie=edge',
    ],
  ];


  $variables['page']['#attached']['html_head'][] = [$xuacompatible, 'x-ua-compatible'];
}

আউটপুট চিত্র:

এখানে চিত্র বর্ণনা লিখুন


টেমপ্লেট ফাইলের মাধ্যমে:

এই বিষয়ে আরও একটি প্রশ্ন জিজ্ঞাসা করা হয়েছিল: ড্রুপাল 8 মেটা ট্যাগ কীভাবে সেট / সরানো যায়

আপনি যদি উপরে উল্লিখিত লিঙ্কটিতে প্রশ্নটি পড়ে থাকেন তবে প্রশ্নকর্তা উল্লেখ করেছেন যে html.html.twigটেমপ্লেট ফাইল ব্যবহার করে আপনি সরাসরি মেটা ট্যাগ যুক্ত করতে পারেন<head>....</head>

html.html.twigআপনি যে ফাইলটি খুঁজে পেতে core/modules/sytem/templates/html.html.twigপারেন তা অনুলিপি করে আপনার থিমের টেম্পলেট ফোল্ডারে রেখে দিতে পারেন এবং আপনার থিমটি এটি ব্যবহার করবে।

থেকে html.html.twig

<!DOCTYPE html>
<html{{ html_attributes }}>
  <head>
    <head-placeholder token="{{ placeholder_token|raw }}">
    <title>{{ head_title|safe_join(' | ') }}</title>
    <css-placeholder token="{{ placeholder_token|raw }}">
    <js-placeholder token="{{ placeholder_token|raw }}">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  </head>
  <body{{ attributes }}>
    {#
      Keyboard navigation/accessibility link to main content section in
      page.html.twig.
    #}
    <a href="#main-content" class="visually-hidden focusable">
      {{ 'Skip to main content'|t }}
    </a>
    {{ page_top }}
    {{ page }}
    {{ page_bottom }}
    <js-bottom-placeholder token="{{ placeholder_token|raw }}">
  </body>
</html>

আউটপুট চিত্র:

এখানে চিত্র বর্ণনা লিখুন

দ্রষ্টব্য: এটি আমার নিজস্ব যুক্তি এবং এটির জন্য রেফারেন্স সন্ধান করার চেষ্টা করেছি, উপরের লিঙ্কটিতে প্রশ্নকর্তা প্রদত্ত একটি লাইন ব্যতীত আমি এ সম্পর্কিত কোনও রেফারেন্স পাইনি, তবে যেহেতু আমরা অন্যান্য জিনিস যুক্ত করার জন্য টেমপ্লেট ফাইলটি সম্পাদনা করি কেন আমরা যুক্ত করতে ব্যবহার করতে পারি না ট্যাগ. কমেন্টস সরবরাহ করুন যদি এটি করার সঠিক উপায় না হয় তবে এটি আমার জন্য শেখার অভিজ্ঞতাও হবে, ধন্যবাদ।


৩. আপনার নিজস্ব কাস্টম মডিউল তৈরি করুন

আপনি যদি এই টিউটোরিয়ালটি উল্লেখ করেন: দ্রুপাল 8-তে নতুন এইচটিএমএল ট্যাগ যুক্ত করা , তিনি দ্রুপাল ৮-এ হেডে ট্যাগ যুক্ত করার সাধারণ উপায়টি বর্ণনা করেছেন I আমি আপনার প্রয়োজন অনুযায়ী পরিবর্তন করেছি। আপনি এই টিউটোরিয়ালটি উল্লেখ করতে পারেন: ড্রুপাল 8 : দ্রুপাল 8-এ কীভাবে সাধারণ মডিউলটি বিকাশ করা যায় তার জন্য একটি সাধারণ মডিউল তৈরি করুন এবং নিম্নলিখিত কোডটি আপনার মডিউল_নাম.মডিউল ফাইলটিতে যাবে, এটি।

module_name.moduleফাইলের জন্য ,

<?php
/**
 * Implements hook_page_attachments().
 */
function module_name_page_attachments(array &$page) {
  $xuacompatible = [
        '#tag' => 'meta',
        '#attributes' => [
          'http-equiv' => 'x-ua-compatible',
          'content' => 'ie=edge',
        ],
      ];
  $page['#attached']['html_head'][] = [$xuacompatible, 'x-ua-compatible'];
}

আমি মনে করি, 1 ম বিকল্পটিতে বর্ণিত এই পদ্ধতি এবং পদ্ধতিটি বেশ একই।


৪. ড্রুপাল মডিউল ব্যবহার করা

আমি নিশ্চিত নই, এই পদ্ধতিটি কীভাবে ব্যবহার করব, আমি চেষ্টা করার চেষ্টা করেছি। এখানে আমি উল্লেখ করছি কারণ মেটা ট্যাগ যুক্ত করার সময় যখন এই মডিউলটি সর্বদা পপ-আপ হয়।

আমি মনে করি আপনার এই ব্যবহারটি ব্যবহার করা উচিত। গৃহীত উত্তরে তিনি মডিউলটির বর্ণনা দিয়েছেন এবং আপনি এটির জন্য মেটাটাগ মডিউলটি ব্যবহার করতে পারেন । এই মডিউলটির নির্ভরশীল মডিউলগুলি টোকেন এবং কোলস রয়েছে , যা খুব সাধারণ বিষয়। এই উত্তরে পুরো প্রক্রিয়াটি বর্ণিত হয়েছে, সুতরাং আমি এখানে উল্লেখ করছি না।


আমি আমার পোস্ট লেখার আগে মেটাটাগ মডিউলটি পরীক্ষা করেছিলাম, তবে আমার কী ক্ষেত্রটি আউটপুট চয়ন করতে হবে তা আমি জানি না। এমনকি এটির চেয়েও যদি আমার প্রতিটি সামগ্রীর ধরণের জন্য এটি করতে হয় তবে। আরো কি আরামদায়ক উপায় আছে?
লেসলি n।

@lesleyn। আমি আমার উত্তরটি আপডেট করেছি, আমি মেটাট্যাগগুলি যুক্ত করার বিভিন্ন উপায় অন্তর্ভুক্ত করেছি, তবে আপনার মতো আমি মেটাটাগ মডিউলগুলি কীভাবে যুক্ত করতে পারি তাও বুঝতে পারি না, আমি এই বিষয়টির মাধ্যমে মডিউলটির মাধ্যমে আমরা টোকেনের তালিকায় প্রদত্ত যে কোনও জিনিসই অ্যাক্সেস করতে পারি Hence আপনার তালিকাভুক্ত মেটাটাগ ব্যবহার করুন, আমি মনে করি আমরা এর জন্য টোকেন তৈরি করতে পারি নি, এটি আমার বুনো অনুমান jus ওথের কাছে আমি পরীক্ষা করে দেখেছি, এবং তারা কাজ করছে।
কোডনেক্সট

1
এটি সঠিক =) +1 হিসাবে চিহ্নিত করা উচিত
সাইক্লোনকোড

1
@ অ্যান্টোনস্লেজেকা, এন -1 এবং এন -3 উভয়ই একই পদ্ধতি, পার্থক্যটি এন -1 এ রয়েছে আপনি .theme ফাইলটিতে কোড যুক্ত করছেন যখন এন -3 এ আপনি তার জন্য কাস্টম মডিউল তৈরি করছেন। আমি বলব এন -১ এর জন্য যান, এটি পরিষ্কার এবং সহজ হবে। এবং হোমপেজের জন্য, আপনাকে কোডটিতে কোডের অতিরিক্ত লাইন দেওয়া দরকার যা আমি এন -1 দিয়েছি। আপনার প্রয়োজনের জন্য আমি এন -১ এ সবেমাত্র আপডেট যুক্ত করেছি, আপনি যদি এটি অনুলিপি করেন তবে আমাকে তা মুছতে হবে। এখনও যদি সমস্যা থাকে তবে দয়া করে আমাকে জানান know
কোডনেস্ট

@ কোডনেক্সট আমি দুঃখিত আমি ক্যাশে সাফ করতে ভুলে গেছি এটি নিখুঁত কাজ করে। সাহায্যের জন্য ধন্যবাদ. আমি কোডটি অনুলিপি করেছি।
আন্তোনে স্লেজেকা 15

4

যখন কোনও নিয়ামক, ব্লক, সত্তা, ক্ষেত্র বা অন্যান্য জায়গাগুলিতে সামগ্রী যুক্ত করা হয় তখন আপনার একটি হুক তৈরি করার দরকার নেই।

আপনি যে কোনো থিম সরাসরি মেটা ট্যাগ যুক্ত বা উপাদান রেন্ডার করতে পারেন ( #theme, #type, #markup):

$build['username'] = [
  '#theme' => 'username',
  '#account' => \Drupal::currentUser(),
  '#attached' => [
    'html_head' => [
      [
        [
          '#tag' => 'meta',
          '#attributes' => [
            'name' => 'foo',
            'content' => 'bar',
          ],
        ],
        'my_module_foo',
      ],
    ],
  ],
];

ট্যাগটি বুদ্বুদগুলিকে রেন্ডার করার সময় পৃষ্ঠার স্তর পর্যন্ত এবং <head>...</head>বিভাগে যুক্ত করা হয় ।

একটি প্রিপ্রোসেস হুক এ আপনি শীর্ষ স্তরের সাথে সংযুক্ত করতে পারেন $variables, /drupal//a/288989/47547 দেখুন


-1

আপনি আপনার থিমের পৃষ্ঠা সংযুক্তিগুলির জন্য অল্টার হুক ব্যবহার করতে পারেন এবং ব্যবহার করতে পারেন।

https://api.drupal.org/api/drupal/core%21lib%21Drupal%21Core%21Render%21theme.api.php/function/hook_page_attachments_alter/8.3.x

function THEME_page_attachments_alter(array &$page) {
  $page['#attached']['library'][] = 'theme_name/main';
}
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.