آیا می خواهید انتخابگرهای ویجت را پیدا کنید Elementor ?
یکی از ویژگی های موجود در Elementor Pro
برای افزودن یک ظاهر طراحی سفارشی از طریق CSS سفارشی به یک ویجت خاص Elementor ، باید انتخابگر ویجت مرتبط را بشناسید. ما لیستی از انتخابگرهای ویجت را جمع آوری کرده ایم Elementor تا کار شما راحت تر شود
هر ویجت Elementor - و عناصر آن - دارای یک انتخابگر CSS است که می‌توانید از آن برای هدف قرار دادن ویجت مرتبط زمانی که می‌خواهید CSS سفارشی برای دستیابی به یک سبک خاص اضافه کنید، استفاده کنید. می‌توانید با بررسی ویجتی که می‌خواهید CSS سفارشی را به آن اضافه کنید، انتخابگر را پیدا کنید.
از آنجایی که بررسی یک ویجت فقط در یک صفحه زنده قابل انجام است، بررسی هر یک زمان زیادی طول خواهد کشید. این چیزی است که ما را به ایجاد این لیست سوق داد.
نحوه استفاده از انتخابگر
فرض کنید می خواهید اندازه متفاوتی را بین نماد و متن روی یک دکمه اعمال کنید. از آنجایی که گزینه تنظیمات پیش‌فرض به شما اجازه نمی‌دهد اندازه متفاوتی را بین نماد دکمه و متن تنظیم کنید، می‌توانید از طریق CSS سفارشی به این امر دست یابید. شما می توانید نماد یا متن را برای اعمال CSS سفارشی مورد هدف قرار دهید.
ابتدا انتخابگر عنصری را که می خواهید هدف قرار دهید (به عنوان مثال نماد دکمه) انتخاب کنید. در پانل تنظیمات عنصر، به تب بروید پیشرفته و بلوک را باز کنید CSS سفارشی .
وارد selector [selector name] {} در قسمت CSS سفارشی
در اینجا مثال آورده شده است.
سپس خود را اضافه کنید محتویات CSS (اعلان) در داخل براکت های فرفری.
در اینجا مثال آورده شده است.
توجه داشته باشید: هر ویجت Elementor یک عنصر والد (wrapper) دارد. وارد selector {} (بدون نام انتخابگر) به معنای هدف قرار دادن لفاف است.
فهرست انتخابگر ویجت Elementor
اكوردئون
ویجت .elementor-accordion عنوان آکاردئون .عناصر-آکاردئون-عنوان توضیحات آکاردئون .elementor-tab-content باز کردن نماد آکاردئون .elementor-accordion-icon نماد آکاردئون بسته شد .elementor-accordion-icon-closed
هوشیار
ویجت .elementor-alert عنوان هشدار .elementor-alert-title توضیحات هشدار .elementor-alert-description رد کردن نماد .elementor-alert-dismiss
عنوان متحرک
ویجت .elementor-headline متن ایستا .elementor-headline-plain-text متن پویا .elementor-headline-dynamic-wrapper
توضیحات آرشیو
متن آرشیو .elementor-heading-title
بایگانی پست ها
ویجت .elementor-widget-container پست مورد .elementor-grid-item تصویر ویژه .elementor-post__thumbnail نشان روی پوست کارت .elementor-post__badge آواتار روی پوست کارت img.avatar منطقه محتوای متن .elementor-post__text عنوان پست .elementor-post__title بیرون فرستادن .elementor-post__excerpt ادامه مطلب .elementor-post__read-more منطقه متا پست .elementor-post__meta-data تاریخ ارسال .elementor-post-date نویسنده پست .elementor-post-author زمان ارسال .elementor-post-time ارسال نظرات .elementor-post-avatar صفحه گذاری .elementor-pagination برچسب قبلی .page-numbers.prev برچسب بعدی .page-numbers.next شماره صفحه بندی .page-numbers شماره صفحه بندی فعال .page-numbers.current دکمه بارگذاری بیشتر .elementor-button-link نماد دکمه بارگذاری بیشتر .elementor-button-icon
جعبه نویسنده
ویجت .elementor-author-box آواتار .elementor-author-box__avatar نام نویسنده .elementor-author-box__name نویسنده علاقه مندی ها .elementor-author-box__bio دکمه آرشیو .elementor-author-box__button
گالری پایه
ویجت .elementor-image-gallery مورد گالری .gallery-item عنوان wp-caption-text
نقل قول
ویجت .elementor-blockquote محتوای Blockquote .elementor-blockquote__content نویسنده بلوک .elementor-blockquote__author نماد توییت .elementor-blockquote__tweet-button برچسب توییت .elementor-blockquote__tweet-label
ویجت .elementor-button دکمه متن .elementor-button-text نماد دکمه .elementor-button-icon
فراخوانی برای اقدام
ویجت .elementor-cta تصویر سربرگ .elementor-cta__bg روبان .elementor-ribbon متن روبان .elementor-ribbon-inner عنوان محتوا .elementor-cta__title توضیحات محتوا .elementor-cta__description دکمه محتوا .elementor-cta__button
شمارش معکوس
ویجت .elementor-countdown-wrapper روز .elementor-countdown-days ساعت عنصر-شمارش معکوس-ساعت دقیقه .elementor-countdown-minutes ثانیه .elementor-countdown-seconds برچسب شمارش معکوس .elementor-countdown-label
مقابله با
ویجت .elementor-counter پیشوند شماره پیشوند عنصر-شمار-عدد شماره عنصر شمارنده پسوند شماره . عنصر - شمارش - پسوند عنوان .elementor-counter-title
تقسیم کردن
ویجت .elementor-divider تفکیک کننده .elementor-divider-separator عنصر متن/آیکون .elementor-divider__element
جعبه فلیپ
ویجت .elementor-flip-box کانتینر جلو .elementor-flip-box__front کانتینر پشتی .elementor-flip-box__back ظرف محتوا .elementor-flip-box__layer__inner عنوان محتوا .elementor-flip-box__layer__title توضیحات محتوا .elementor-flip-box__layer__description دکمه محتوا .elementor-flip-box__button
ویجت .elementor-form کانتینر مرحله ای .e-form__indicators شماره مراحل .e-form__indicators__indicator برچسب فیلد .elementor-field-label متن فیلد .elementor-field-textual برچسب فیلد متنی .elementor-field-type-text برچسب فیلد ناحیه متن .elementor-field-type-textarea برچسب فیلد ایمیل .elementor-field-type-email برچسب فیلد URL .elementor-field-type-url برچسب فیلد تلفن .elementor-field-type-tel برچسب فیلد رادیویی .elementor-field-type-radio Field Label را انتخاب کنید .elementor-field-type-select برچسب فیلد کادر چک .elementor-field-type-checkbox پذیرش برچسب فیلد .elementor-field-type-acceptance برچسب فیلد تاریخ .elementor-field-type-date برچسب فیلد زمان .elementor-field-type-time برچسب فیلد شماره .element-field-type-number برچسب فیلد آپلود فایل .elementor-field-type-upload دکمه بعدی e-form__buttons__wrapper__button-next دکمه قبلی .e-form__buttons__wrapper__button-previous ثبت کردن دکمه .elementor-button
آلبوم عکس
عنوان گالری (برای چندین گالری) .elementor-gallery-title مورد گالری .elementor-gallery-item توضیحات (روی همپوشانی) .elementor-gallery-item__description
عنوان
ویجت .elementor-heading-title
شمایل
جعبه آیکون
ویجت .elementor-icon-box-wrapper شمایل .elementor-icon ظرف محتوا .elementor-icon-box-content عنوان محتوا .elementor-icon-box-title توضیحات محتوا .elementor-icon-box-description
فهرست نمادها
نماد فهرست .elementor-icon-list-icon ListText .elementor-icon-list-text
تصویر
تصویر IMG عنوان wp-caption-text
جعبه تصویر
تصویر .elementor-image-box-img TextContainer .elementor-image-box-content عنوان محتوا .elementor-image-box-title توضیحات محتوا elementor-image-box-description
چرخ فلک تصویر
ImageContainer .swiper-slide PictureItem .swiper-slide-image ظرف صفحه بندی .swiper-pagination صفحه بندی نقطه ها .swiper-pagination-bullet نماد قبلی .elementor-swiper-button-prev بعدی .elementor-swiper-button-next عنوان تصویر .elementor-image-carousel-caption
MediaItem .elementor-carousel-image پوشش مورد رسانه .elementor-carousel-image-overlay صفحه بندی نقطه ای .swiper-pagination-fraction دکمه قبلی .eicon-chevron-left دکمه بعدی .eicon-chevron-right صفحه بندی کسری .swiper-pagination-fraction صفحه بندی نوار پیشرفت .swiper-pagination-progressbar پر کردن صفحه‌بندی نوار پیشرفت .swiper-pagination-progressbar-fill
تغییر منوی موبایل .elementor-menu-toggle نماد منوی موبایل eicon-menu-bar منوی منظم .elementor-nav-menu رها کردن .elementor-nav-menu–dropdown آیتم منو با منوی فرعی .elementor-item.has-submenu مورد زیر منو عنصر-زیر آیتم
ویجت .elementor-payment-button نماد دکمه پی پال .elementor-button-icon متن دکمه پی پال .elementor-button-text
Portfolio
مورد نمونه کارها .elementor-portfolio-item مورد نمونه کارها روی همپوشانی .elementor-portfolio-item__overlay عنوان همپوشانی .elementor-portfolio-item__title فیلتر نمونه کارها .elementor-portfolio__filter
عنوان پاسخ .comment-reply-title چگونه منطقه فرم .comment-form فرم نظر .کامنت-فرم-نظر ثبت کردن دکمه .فرم-ارائه
ارسال اطلاعات
ویجت .elementor-post-info آواتار .elementor-avatar فهرست نمادها .elementor-icon-list-icon متن نماد .elementor-icon-list-text
پیمایش پیمایش
ویجت .elementor-post-navigation نماد قبلی .post-navigation__arrow-prev برچسب قبلی .post-navigation__prev–label عنوان پست قبلی .post-navigation__prev–title نماد بعدی .post-navigation__arrow-next برچسب بعدی .post-navigation__next–label عنوان پست بعدی .post-navigation__next–title
پست ها
پست مورد .elementor-post تصویر ویژه .elementor-post__thumbnail نشان روی پوست کارت .elementor-post__badge آواتار روی پوست کارت img.avatar منطقه محتوای متن .elementor-post__text عنوان پست .elementor-post__title بیرون فرستادن .elementor-post__excerpt ادامه مطلب .elementor-post__read-more منطقه متا پست .elementor-post__meta-data تاریخ ارسال .elementor-post-date نویسنده پست .elementor-post-author زمان ارسال .elementor-post-time ارسال نظرات .elementor-post-avatar صفحه گذاری .elementor-pagination برچسب قبلی .page-numbers.prev برچسب بعدی .page-numbers.next شماره صفحه بندی .page-numbers شماره صفحه بندی فعال .page-numbers.current دکمه بارگذاری بیشتر .elementor-button-link نماد دکمه بارگذاری بیشتر .elementor-button-icon
عنوان پست
ویجت .elementor-heading-title
لیست قیمت
ویجت .elementor-price-list مورد لیست .elementor-price-list-item تصویر مورد فهرست .elementor-price-list-image متن مورد فهرست .elementor-price-list-text سربرگ آیتم لیست .elementor-price-list-header عنوان آیتم فهرست .elementor-price-list-title جداکننده آیتم های فهرست .elementor-price-list-separator لیست قیمت اقلام .elementor-price-list-price شرح آیتم لیست .elementor-price-list-description
جدول قیمت
ویجت .elementor-price-table سر جدول .elementor-price-table__header عنوان سرصفحه جدول .elementor-price-table__heading شرح سربرگ جدول .elementor-price-table__subheading قیمت .elementor-price-table__price واحد پول .elementor-price-table__currency شماره پس از قیمت .elementor-price-table__after-price دوره قیمت گذاری .elementor-price-table__period منطقه لیست ویژگی .elementor-price-table__features-list آیتم لیست ویژگی .elementor-price-table__feature-inner پاورقی جدول .elementor-price-table__footer دکمه پاورقی جدول .elementor-price-table__button متن پاورقی جدول .elementor-price-table__additional_info روبان .elementor-price-table__ribbon روبان داخلی .elementor-price-table__ribbon-inner
نوار پیشرفت
نوار پیشرفت .elementor-progress-bar پیشینه پیشرفت .elementor-progress-wrapper عنوان پیشرفت .elementor-title متن درونی پیشرفت .elementor-progress-text درصد پیشرفت .عنصر-پیشرفت-درصد
ردیاب پیشرفت
ویجت .elementor-scrolling-tracker پیشرفت .جریان-پیشرفت-درصد
بررسی
ویجت .elementor-swiper بررسی مورد .swiper-slide سربرگ مرور .elementor-testimonial__header بررسی کننده تصویر .elementor-testimonial__image نام منتقد .elementor-testimonial__name عنوان داور .elementor-testimonial__title محتوای گواهی .elementor-testimonial__content متن گواهی .elementor-testimonial__text صفحه بندی نقطه ای .swiper-pagination-bullet صفحه بندی کسری .swiper-pagination-fraction جریان صفحه بندی کسری .swiper-pagination-current کسری صفحه بندی مجموع .swiper-pagination-total صفحه بندی نوار پیشرفت .swiper-pagination-progressbar پر کردن صفحه‌بندی نوار پیشرفت .swiper-pagination-progressbar-fill دکمه قبلی .eicon-chevron-left دکمه بعدی .eicon-chevron-right
آیتم دکمه .elementor-share-btn نماد دکمه .elementor-share-btn__icon دکمه متن .elementor-share-btn__text
اسلاید
ویجت .elementor-slides-wrapper منطقه محتوا .swiper-slide-contents عنوان محتوا .elementor-slide-heading توضیحات محتوا .elementor-slide-description دکمه محتوا .elementor-slide-button صفحه بندی نقطه ای .swiper-pagination-bullet دکمه قبلی .eicon-chevron-left دکمه بعدی .eicon-chevron-right
آیکن های اجتماعی
ویجت .elementor-social-icons-wrapper آیتم نماد .elementor-social-icon
رتبه
ویجت .elementor-star-rating__wrapper عنوان رتبه .elementor-star-rating__title منطقه نماد ستاره .elementor-star-rating نماد ستاره کامل .elementor-star-full نماد ستاره نیمه پر .elementor-star-5 نماد ستاره خالی .elementor-star-خالی
فهرست مندرجات
ویجت .elementor-widget-container هدر ToC .elementor-toc__header عنوان سرصفحه ToC .elementor-toc__header-title دکمه گسترش .elementor-toc__toggle-button–expand دکمه جمع کردن .elementor-toc__toggle-button–expand بدنه ToC .elementor-toc__body مورد فهرست ToC .elementor-toc__list-item سطح بالای ToC .elementor-toc__list-item-text.elementor-toc__top-level
زبانهها
ویجت .elementor-tabs عنوان برگه .elementor-tab-title محتوای برگه .elementor-tab-content
گواهی نامه
ویجت .elementor-testimonial-wrapper محتوای گواهی .elementor-testimonial-content متای گواهی .elementor-testimonial-meta گواهی آواتار .elementor-testimonial-image نام گواهی و عنوان شغلی .elementor-testimonial-details نام گواهی .elementor-testimonial-name عنوان شغلی گواهی .elementor-testimonial-job
چرخ فلک توصیفی
ویجت .elementor-widget-container مورد اسلاید گواهی .elementor-testimonial محتوای گواهی .elementor-testimonial__content متای گواهی .elementor-testimonial__footer گواهی آواتار .elementor-testimonial__image نام گواهی و عنوان شغلی .elementor-testimonial__cite نام گواهی .elementor-testimonial__name عنوان شغلی گواهی .elementor-testimonial__title صفحه بندی نقطه ای .swiper-pagination-bullet صفحه بندی کسری .swiper-pagination-fraction جریان صفحه بندی کسری .swiper-pagination-current کسری صفحه بندی مجموع .swiper-pagination-total صفحه بندی نوار پیشرفت .swiper-pagination-progressbar پر کردن صفحه‌بندی نوار پیشرفت .swiper-pagination-progressbar-fill دکمه قبلی .eicon-chevron-left دکمه بعدی .eicon-chevron-right
ویرایشگر متن
ویجت .elementor-text-editor
تعویض
ویجت .elementor-toggle مورد را تغییر دهید .elementor-toggle-item عنوان مورد را تغییر دهید .elementor-tab-title تغییر وضعیت محتوای مورد .elementor-tab-content تغییر نماد .elementor-toggle-icon نماد بسته شد .elementor-toggle-icon-closed نماد باز کردن را تغییر دهید .elementor-toggle-icon-opened
اگرچه Elementor گزینه های سبک زیادی را برای هر ویجت ارائه می دهد، اما می توانید با CSS سفارشی فراتر از آن بروید. برای اعمال یک سبک سفارشی به یک ویجت (یا عناصر آن) از طریق CSS سفارشی، باید انتخابگر ویجت مرتبط را بدانید.
سایر منابع Elementor:
شما به سادگی می توانید یک ویجت را در یک صفحه زنده بررسی کنید تا انتخابگر آن را پیدا کنید. برای صرفه جویی در وقت شما، لیست انتخابگرهای ویجت Elementor را ایجاد کرده ایم تا مجبور نباشید خودتان همه ویجت ها را بررسی کنید.
نتیجه
بنابراین! ما به تازگی لیستی از انتخابگرهای ویجت Elementor را به شما معرفی کرده ایم. اگر در مورد نحوه رسیدن به آنجا نگرانی دارید، به ما اطلاع دهید نظر
با این حال ، شما همچنین می توانید مشورت کنید منابع ما ایجاد وبلاگ وردپرس Divi: بهترین تم وردپرس در همه زمان ها
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید
...
این مقاله را به اشتراک بگذارید: من این را دوست دارم : مانند در حال بارگذاری ...
اقلام مشابه را
