لینک دار کردن کانتینر (Container) در المنتور

نسخه جدید المنتور یعنی 3.6 چند وقتی میشه معرفی شده و این نسخه دارای تغییرات بسیاری بوده است. ویجت کانتینر که مهمترین تغییرات این نسخه بوده، ویژگی های Flexbox CSS را به المنتور اضافه کرده است.

با استفاده از این ویژگی می توانید طرح های حرفه ای تر و ریسپانسیو تری اجرا کنید.

در گذشته تگ های HTML المنتور را در مقاله تگ های معنایی (Semantic Tags) در HTML5 و نحوه استفاده در المنتور توضیح داده بودیم. ولی حالا در نسخه جدید المنتور، تگ جدیدی با عنوان a اضافه شده که امکان قرار دادن لینک را به کل کانتینر می دهد.

در ادامه نحوه لینک دهی به کانتینر را توضیح می دهیم.

قرار دادن لینک به کانتینر

تا به حال شده زمانی که یک بخش را در المنتور طراحی می کنید، نیاز به لینک دار کردن ستون یا بخش کلی را داشته باشید. برای مثال 4 ستون در صفحه دارید و می خواهید به هر کدام یک لینک جداگانه بدهید. به طوری که اگر کاربر نشانگر موس را روی هر قسمت ستون قرار داد، به لینک مورد نظر شما منتقل شود.

در گذشته این کار توسط افزونه های جانبی مانند Make Column Clickable Elementor قابل انجام بود. ولی حالا در نسخه 3.6 المنتور می توانید تگ HTML لینک یعنی a را به کانتینر داده تا لینک دار شود.

قرار دادن تگ a

روی کانتینر مورد نظر کلیک کنید و از تب طرح بندی، گزینه تگ HTML را انتخاب کنید. آخرین گزینه تگ a می باشد. این تگ را انتخاب کنید.

بعد از انتخاب تگ a گزینه پبوند زیر آن نمایش داده خواهد شد. در این جا می توانید لینک صفحه مورد نظر را انتخاب کرده یا از برچسب های پویا المنتور استفاده کنید.

به این صورت می توانید تمامی اجزای داخل کانتینر را به یک لینک منتقل کنید.

امیداوریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر سوالی در مورد تگ های HTML المنتور دارید، از بخش نظرات با ما در میان بگذارید.