تبلیغات

درباره ما

بایگانی

آمار سایت

  • افراد آنلاین 1
  • بازدید امروز 26
  • بازدید دیروز 2
  • ورودی امروز از گوگل 0
  • ورودی دیروز از گوگل 0
  • بازدید این هفته 29
  • بازدید این ماه 76
  • بازدید این سال 423
  • بازدید کل 465
  • تعداد مطالب سایت 122
  • تعداد نظرات 0

شبکه های اجتماعی


طراحی سایت در مشهد

آیا شما می خواهید که یک تصویر دورنما به خویش طولانی تر کنید؟ تصویر دورنما برای دیدنی و دلپذیرتر وزیباتر کردن تارنما مورد خیر و خوبی است . معمولا وب سایت ها برای شیک خیس شدن ظواهر و زیبایی می‌توانند از این مسئله استفاده نمایند و قابلیت و امکان افزودن یک تصویر دورنما در وردپرس را مهیا نمایند .

افزودن یک تصویر دور‌نما در وردپرس


درین مقاله , ما به شما شیوه افزودن یک تصویر بگراند در وردپرس را نشان می‌دهیم .

روش ۱٫ افزودن یک تصویر دور نما با استفاده از پیکربندی وردپرس


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

در‌صورتی‌که تم شما از امکان سفارشی کردن تصویر دور‌نما پشتیبانی می نماید , پیشنهاد میکنم که از این متود برای افزودن یک تصویر بگراند در وردپرس استفاده نمایید . البته در حالتی که تم شما از این امکان پشتیبانی نمیکند میتوانید از طریق های دیگر این مقاله استفاده نمایید .


در صدر در کاغذ مدیر وردپرس به نصیب نمایش>> سفارشی سازی بروید . با این عمل Customizer قالب وردپرس فعال سازی می گردد جایی که در آن میتوانید پیکربندی تم های گوناگون را تغییردهید و همینطور پیش نمایش سایت خویش را مشاهده کنید .


customize - افزودن یک تصویر دور‌نما در وردپرس


بعد از آن روی مورد تصویر دور‌نما کلیک نمائید . پنل ذی‌ربط گشوده می‌شود و پیکربندی برای آپلود یا این که گزینش تصویر دور نما برای سایت شما‌را نمایش داده می‌شود .


choose image - افزودن یک تصویر بگراند در وردپرس


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

تعیین تصویر


پنجره آپلود رسانه وردپرس برای افزودن یک تصویر بگراند در وردپرس را گشوده می نماید و شما میتوانید یک تصویر از کامپیوتر خویش را آپلود نمایید . همینطور می‌توانید یک تصویر آپلود شده از کتابخانه رسانه ( media library ) را تعیین فرمایید .


upload image - افزودن یک تصویر دور‌نما در وردپرس


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

با این عمل پنجره آپلود رسانه بسته می گردد , و شما پیش نمایش تصویر گزینش شده خویش را در Customizer تم می بینید .


put - افزودن یک تصویر بگراند در وردپرس


همینطور در زیر تصویر , مورد های مرتبط با تصویر دور‌نما را می بینید .

کنونی


در زیر نصیب preset می‌توانید تعیین فرمایید که تصویر دور‌نما چه‌طور نمایش داده شود :


fill screen پرکردن ورقه

fit screen فیت درصفحه

repeat تکرار

custom به طور سفارشی


همینطور می توانید وضعیت تصویر دور نما را با کلیک بر روی فلش ها تعیین فرمایید . با کلیک بر روی راءس , تصویر در راس برگه قرار می‌گیرد .

فراموش نکنید که برای ذخیره پیکربندی برروی دکمه ذخیره و نشر دربالای کاغذ کلیک نمایید .

و در انتها چیره می‌شوید که تصویر دور نما را به وبسایت وردپرسی بیش تر نمائید .


روش ۲٫ افزودن تصاویر دورنما با استفاده از CSS


وردپرس به صورت پیش فرض تعدادی کلاس CSS متعدد به عنصرها HTML طولانی تر می نماید . شما به راحتی با ساختن کلاس های CSS وردپرس می‌توانید قابلیت افزودن یک تصویر بگراند در وردپرس به پست های شخصی , گونه ها , تالیف کننده و… را داشته باشید .


مثلا , اگرشما در سایت یک مدل بندی به اسم TVداشته باشید , وردپرس به طور خود کار موقع بازدید هرشخص از برگه مدل بندی TV این کلاس های CSS را به تگ body بیش تر می نماید .


css - افزودن یک تصویر دور‌نما در وردپرس


برای این که ملاحظه کنید وردپرس دقیقا کدام کلاسCSS را به تگ body طولانی تر کرده میتوانید ازگزینه inspect استفاده فرمایید .


inspect element - افزودن یک تصویر دور نما در وردپرس


شمامی توانید نیز ازکلاسCSS category - tv ویا از category - 4 استفاده نمائید این نوع بندی برگه گوناگون است . درحال حاضر نوبت افزودن تصویر دور‌نما به مدل بندی برگه بایگانی می باشد که می بایست کدهایCSS خاص رو به‌این تم بیشتر فرمائید .


style - افزودن یک تصویر دورنما در وردپرس


صرفا فراموش نکنید که نشانی تصویر بگراند URL و کلاس نوع بندی ( category ) را با پیکربندی وبسایت خویش جایگزین نمائید .

همچنین می‌توانید به پست های فردی و صفحه های , دور نما های خاص بیشتر نمائید . وردپرس یک کلاسCSS با ID پست یا این که ورقه در تگ body بیشتر می‌کند . شما می توانید ازهمان کد CSS استفاده فرمائید صرفا عبارت . category - tv را در کلاس CSS آن پست جایگزین فرمائید .

با این دو روش به راحتی قابلیت و امکان افزودن یک تصویر دور‌نما در وردپرس را مهیا نمائید .


امید داریم که‌این مقاله در فراگیری چگونگی افزودن یک تصویر دورنما به شماکمک کرده باشد!


[ امتیاز : ]