تصویر کاور در مقابل تصویر شاخص در ویرایشگر گوتنبرگ

تصویر کاور در مقابل تصویر شاخص در ویرایشگر گوتنبرگ

وردپرس 5.0 با ویرایشگر جدید بلوک گوتنبرگ و بسیاری از ویژگی های جالب منتشر شد. یکی از آنها بلوک Cover است که به شما امکان می دهد تصاویر کاور ( تصویر جلد ) را به پست ها و صفحات خود اضافه کنید.

این ویژگی برخی کاربران را گیج کرده است زیرا به نظر می رسد شبیه گزینه Featured Image باشد که از وردپرس 2.9 در وردپرس وجود دارد.

در این مقاله ، تفاوت بین تصویر کاور و تصویر برجسته در ویرایشگر بلوک وردپرس را توضیح خواهیم داد.

تصویر کاور چیست؟

تصویر کاور معمولاً یک تصویر گسترده است که به عنوان عکس جلد برای یک بخش جدید در یک پست یا صفحه وبلاگ استفاده می شود. این بخشی از مقاله کلی است. هنگام شروع بخش جدید یا داستان جدید در مقاله خود ، می توانید از یک تصویر جلد استفاده کنید.

با استفاده از بلوک Cover در وردپرس ، می توانید متن و رنگ را روی تصویر جلد خود اضافه کنید.

تصویر کاور در ویرایشگر گوتنبرگ
تصویر کاور در ویرایشگر گوتنبرگ

با افزودن یک پوشش رنگی مناسب که متناسب با رنگ موضوع یا روحیه محتوای شما باشد ، می توانید مقاله خود را جذاب تر کنید.

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

به طور معمول وبلاگ نویسان از متن عنوان برای جدا کردن بخش در یک پست وبلاگ استفاده می کنند. با استفاده از تصاویر روی جلد ، اکنون گزینه هایی برای تفکیک بخش ها به روشی جذاب تر از نظر بصری دارید.

تصویر برجسته چیست؟

تصویر برجسته (همچنین به عنوان post thumbnail شناخته می شود) تصویر اصلی مقاله است که محتوای آن را نشان می دهد. آنها به طور برجسته در وب سایت شما در پست های منفرد ، صفحات بایگانی وبلاگ و همچنین در صفحه اصلی وب سایت های خبری ، مجله و وبلاگ نمایش داده می شوند.

گذشته از این ، هنگام به اشتراک گذاری مقاله ، تصاویر برجسته در فیدهای شبکه های اجتماعی نیز نمایش داده می شوند.

تصاویر برجسته با دقت طراحی شده اند تا جذاب به نظر برسند. چنین تصاویری نگاهی اجمالی به مطالب شما در اختیار کاربران قرار می دهد و آنها را به کل مقاله دعوت می کند.

برای اضافه کردن یک تصویر برجسته ، یک جعبه متا در صفحه ویرایش پست خود پیدا خواهید کرد زیرا تقریباً همه قالب های وردپرس به طور پیش فرض از تصاویر برجسته پشتیبانی می کنند.

تصویر برجسته وردپرس
تصویر برجسته وردپرس

کجا و چگونه تصاویر برجسته به طور کامل توسط قالب وردپرس شما کنترل می شوند.

چگونه می توان یک تصویر کاور را در وردپرس اضافه کرد؟

ویرایشگر جدید بلوک وردپرس (گوتنبرگ) دارای یک بلوک Cover است که به شما امکان می دهد تصویر جلدی را در وردپرس اضافه کنید.

ابتدا باید یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید. در صفحه ویرایش پست ، روی دکمه افزودن بلوک جدید کلیک کنید و سپس Cover block را انتخاب کنید.

بلوک تصویر جلد
بلوک تصویر جلد

می توانید بلوک Cover را در داخل تب Common Blocks پیدا کنید.

با کلیک بر روی بلوک ، می بینید که جلد به ویرایشگر محتوای شما اضافه شده است و گزینه هایی برای افزودن تصویر کاور جدید شما وجود دارد.

انتخاب تصویر کاور
انتخاب تصویر کاور

به راحتی می توانید یک تصویر یا فیلم را در قسمت بلوک بکشید و رها کنید تا یک عکس روی جلد جدید بارگذاری کنید. متناوباً ، می توانید بر روی دکمه بارگذاری کلیک کنید ، تصویری در رایانه خود انتخاب کرده و برای بارگذاری باز کنید.

اگر می خواهید تصویری را که قبلاً در کتابخانه رسانه خود بارگذاری شده اضافه کنید ، می توانید روی دکمه Media Library کلیک کرده و تصویری را از گالری رسانه خود انتخاب کنید.

انتخاب از کتابخانه پرونده چند رسانه ای

پس از افزودن تصویر کاور ، می توانید با کلیک بر روی تصویر روی جلد ، آن را به راحتی شخصی سازی کنید.

تنظیمات عکس جلد

این یک نوار ابزار با گزینه های سفارشی سازی بالای تصویر ، قسمت نوشتن عنوان و … در مرکز تصویر و بلوک تنظیمات از جمله همپوشانی رنگ در صفحه سمت راست را به شما نشان می دهد.

سفارشی سازی تصویر کاور

جدا از گزینه ترازبندی ، بلوک تصویر جلد به شما دو گزینه عرض را می دهد: عرض گسترده و عرض کامل.

گزینه عرض گسترده باعث می شود تصویر به اندازه محتوای شما گسترده شود. گزینه عرض کامل باعث می شود تصویر شما کل صفحه پنجره را پوشش دهد.

پهنای تصویر کاور
پهنای تصویر کاور

در مرحله بعدی ، می توانید عنوانی برای تصویر جلد خود اضافه کنید. وقتی روی تصویر جلد کلیک می کنید ، قسمت “نوشتن عنوان …” را در مرکز تصویر جلد خود مشاهده خواهید کرد.

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

عنوان تصویر کاور
عنوان تصویر کاور

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

حالت پارالاکس برای تصویر کاور
حالت پارالاکس برای تصویر کاور

در زیر آن ، گزینه های همپوشانی رنگ وجود دارد. به طور پیش فرض ، رنگ تم شما را به عنوان رنگ پوشش با شفافیت 50٪ اضافه می کند ، اما شما می توانید رنگ پوشش را تغییر دهید و همچنین با حرکت دادن نقطه کدورت را تغییر دهید.

انتخاب رنگ رویه تصویر
انتخاب رنگ رویه تصویر

در آخر ، می توانید با کلیک روی گزینه Advanced کد CSS را اضافه کرده و سبک های بیشتری را به تصویر جلد خود اضافه کنید.

خودشه!

در صورت لزوم می توانید این مرحله را تکرار کنید تا چندین عکس روی جلد را در یک مقاله اضافه کنید.

چگونه می توان یک تصویر برجسته در وردپرس اضافه کرد؟

روند افزودن یک تصویر برجسته همان روال قبلی است. اگر مدتی وبلاگ وردپرس داشتید ، از قبل می دانید که چگونه یک تصویر برجسته اضافه می شود.

برای افزودن یک تصویر برجسته ، ابتدا باید یک صفحه ویرایش پست را باز کنید و سپس به کادر متا Image Featured در سمت راست صفحه بروید.

باید روی گزینه Set featured image کلیک کنید.

انتخاب تصویر شاخص
انتخاب تصویر شاخص

در مرحله بعدی ، می توانید با استفاده از بارگذارنده کشیدن و رها کردن یا انتخاب یک تصویر از کتابخانه رسانه موجود خود ، یک تصویر جدید بارگذاری کنید.

پس از آن می توانید عنوان و متن alt را برای تصویر برجسته خود اضافه کنید و سپس گزینه Select را کلیک کنید.

انتخاب تصویر برجسته از کتابخانه
انتخاب تصویر برجسته از کتابخانه

شما با موفقیت یک تصویر برجسته به مقاله خود اضافه کردید.

پس از افزودن تصویر برجسته خود ، می توانید پیش نمایش پست خود را مشاهده کرده و از شکل ظاهری آن دیدن کنید.

اگر از قالب پیش فرض جدید دوهزار و بیست یا سایر مضامین مدرن استفاده می کنید ، ممکن است روی تصاویر برجسته خود نیز یک پوشش رنگی مشاهده کنید.

با مراجعه به تنظیم کننده وردپرس می توانید آن را حذف کرده یا رنگ آن را تغییر دهید.

کافیست بر روی دکمه Appearance »Customize در فهرست وردپرس خود کلیک کنید.

تنظیمات تصویر برجسته

پس از ورود به پنل Customize ، باید روی گزینه Colors در سمت چپ کلیک کنید.

حذف رنگ موجود در تصویر شاخص

در این برگه ، گزینه اصلی رنگ زمینه خود و گزینه فعال یا غیرفعال کردن فیلتر تصویر را مشاهده خواهید کرد.

تنظیمات بیشتر
تنظیمات بیشتر

با انتخاب گزینه Custom و انتخاب رنگ می توانید رنگ اصلی طرح زمینه خود را تغییر دهید.

انتخاب پالت رنگ
انتخاب پالت رنگ

اگر می خواهید فیلتر رنگ را در تصاویر برجسته خود غیرفعال کنید ، می توانید به راحتی گزینه “اعمال یک فیلتر برای تصاویر برجسته با استفاده از رنگ اصلی” را بردارید.

غیرفعالسازی فیلتر رنگ
غیرفعالسازی فیلتر رنگ

لطفاً توجه داشته باشید که تصاویر برجسته توسط مضامین وردپرس مدیریت می شوند ، بنابراین اگر از فیلترهای تصویری پشتیبانی نکند ، ممکن است این گزینه را در طرح زمینه خود پیدا نکنید.

نتیجه گیری – تصویر جلد در مقابل تصویر ویژه در وردپرس

اکنون که می دانید چگونه یک تصویر روی جلد و یک تصویر برجسته را اضافه کنید.

تصاویر برجسته توسط وبلاگ های وردپرس ، مجلات آنلاین ، اخبار و وب سایت های سرگرمی به عنوان پست تصاویر کوچک یا تصاویر مقاله اصلی مورد استفاده قرار گرفته است.

تصاویر برجسته که به خوبی طراحی شده اند به جذب بیشتر کاربران برای گشودن مقاله کمک می کند. آنها برای ایجاد جذابیت و تعامل بصری وب سایت شما عالی هستند.

تصاویر روی جلد در واقع بخشهایی از مقاله شما هستند. یک کاربر بعد از اینکه مقاله شما را برای خواندن باز کرد ، تصویر روی جلد شما را می بیند. بنابراین ، آنها خواندن مقاله های شما را جذاب و سرگرم کننده می کنند.

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

تصاویر روی جلد از تصاویر پست معمولی منحصر به فرد هستند زیرا دارای گزینه تمام عرض هستند. و شما توانایی افزودن متن روی آنها را دارید.

با افزودن صحیح تصاویر روی جلد ، می توانید تعامل کاربر در پست های خود را بهبود ببخشید.

امیدواریم این مقاله به شما کمک کند تاتفاوت بین تصویر جلد و تصویر برجسته را در ویرایشگر گوتنبرگ درک کنید.

منابع لاتین
_ WpBeginner
تیم تولید محتوا _ آلتیمیت وردپرس
ما در تیم تولید محتوای آلتیمیت وردپرس، سخت در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را برای شما فراهم کنیم. محتوای این صفحه توسط یوسف حسینی کنترل و بررسی خواهد شد.

دیدگاهتان را بنویسید