ساخت مدیا در گالری وردپرس + فیلم آموزشی | media

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

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

ساخت مدیا در گالری وردپرس + فیلم آموزشی

در ادامه می توانید فیلم آموزشی ساخت مدیا در گالری وردپرس را تماشا کنید:

ساخت مدیا در گالری وردپرس + فیلم آموزشی | media - سایت آموزی

برای ساخت گالری عکس دو راه وجود دارد:

  1. ساخت گالری تصاویر به کمک افزونه های وردپرس
  2. ساخت گالری تصاویر بدون افزونه

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

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

ساخت گالری عکس در وردپرس

گزینه افزودن پرونده چند رسانه ای را پیدا کنید (بالا و سمت راست ابزار های ویرایشگر مطلب) و روی آن کلیک کنید.

با این کار پنجره مدیریت فایل های چند رسانه ای باز میشود

و برای ساخت گالری باید از سمت راست پنجره روی گزینه ساخت گالری کلیک نمایید.

انتخاب تصاویر مورد نظر

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

و با کلیک کردن روی تصاویر مورد نظر آنها را انتخاب کنید ،

همچنین اگر تصاویر شما در این سایت موجود نبود به تب بارگذاری پرونده ها بروید و تصاویر را آپلود نمایید

آموزش سئوی تصویر در سایت آموزی

و حتی برای راحت تر شدن این کار میتوانید همه عکس های مورد نظر را در فایلی قرار دهید و  آنها را انتخاب کنید

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

و بعد از آن روی تصاویر کلیک کنید تا انتخاب شوند

و در نهایت دکمه گالری تازه بسازید را کلیک کنید.

ویرایش گالری

در این مرحله پنجره ویرایش گالری باز شده و می توانید تغییرات لازم را انجام دهید،

به طور مثال با کشیدن عکس به جای دیگر میتوانید ترتیب قرار گرفتن عکس ها را تغییر دهید

و یا با زدن دکمه چینش معکوس ترتیب نمایش عکس ها را معکوس کنید،

برای افزودن توضیحات به عکس ها از فیلد نوشتاری که در زیر هر عکس هست استفاده کنید،

برای حذف عکس مورد نظر موس را روی عکس ببرید و دکمه ضربدر را بزنید

و همچنین برای افزودن عکس گزینه افزودن به گالری را از سمت چپ پنجره کلیک کنید

و یا حتی در صورت انصراف از ساخت گالری می توانید دکمه لغو گالری را از سمت راست کلیک کنید

media در گالری وردپرس

تنظیمات گالری

در همان پنجره ویرایش گالری در سمت چپ بخش تنظیمات گالری دیده میشود

که در آنجا ۳ فیلد دارد که باید آنها را بررسی کرد:

پیوند به

که در این قسمت مشخص میکند هر کدام از تصاویر چه لینکی داشته باشد. و شامل ۳ گزینه است:

پیوسته پوسته ها

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

ساخت مدیا در گالری وردپرس + فیلم آموزشی | media

آموزش طراحی وب در سایت آموزی

پرونده چند رسانه ای 

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

هیچکدام

و هیچکدام که هیچ لینکی را به تصویر نمی دهد. و فقط یک گالری بدون قابلیت لینک در تصویر می سازد.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

ستون ها

تعدار ستونها را مشخص میکند و بین ۱ تا ۹ است که حالت پیش فرض آن ۳ می باشد.

چیدمان تصادفی

با انتخاب این گزینه این امکان را به گالری میدهد که با هر بار بارگذاری ترتیب تصاویر به طور تصادفی تغییر میکند.

جزئیات پیوند

در پایین تنظیمات گالری بخش جزئیات پیوند وجود دارد که با کلیک بر روی هر کدام از عکس ها جزئیات آن نمایش داده میشود که میتوان آن ها را در اینجا تغییر داد.

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

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

این متن نمایش داده میشود و میتواند توضیحات بیشتری از عکس در اینجا نوشت.

ساخت مدیا در گالری وردپرس + فیلم آموزشی | media - سایت آموزی

در آخر برای قرار دادن گالری در نوشته مورد نظر دکمه گذاشتن گالری را کلیک میکنم.

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

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

لینک دسترسی به فیلم های آموزشی نوشته ها در وردپرس

نوشته ها در وردپرس بخش اول + فیلم آموزشی | نوشته ها در وردپرس بخش دوم + فیلم آموزشی

نوشته ها در وردپرس بخش سوم + فیلم آموزشی | نوشته ها در وردپرس بخش چهارم + فیلم آموزشی

نوشته ها در وردپرس بخش پنجم + فیلم آموزشینوشته ها در وردپرس بخش ششم + فیلم آموزشی

نوشته ها در وردپرس بخش هفتم + فیلم آموزشینوشته ها در وردپرس بخش هشتم + فیلم آموزشی

نوار ابزار ادیتور نوشته ها در وردپرس + فیلم آموزشی |  نوشته ها در وردپرس بخش نهم + فیلم آموزشی

نوشته ها در وردپرس بخش دهم + فیلم آموزشینوشته ها در وردپرس بخش یازدهم + فیلم آموزشی

لینک دسترسی به فیلم های آموزشی برگه ها در وردپرس

برگه ها در وردپرس بخش اول + فیلم آموزشیبرگه ها در وردپرس بخش دوم + فیلم آموزشی

برگه ها در وردپرس بخش سوم + فیلم آموزشیبرگه ها در وردپرس بخش چهارم + فیلم آموزشی

برگه ها در وردپرس بخش پنجم + فیلم آموزشیبرگه ها در وردپرس بخش ششم + فیلم آموزشی

لینک دسترسی به فیلم های آموزشی دیدگاه ها در وردپرس

دیدگاه ها در وردپرس + فیلم آموزشیمدیریت دیدگاه ها در وردپرس + فیلم آموزشی

لینک دسترسی به فیلم های آموزشی رسانه ها و گالری در وردپرس

رسانه در وردپرس + فیلم آموزشیگالری تصویر در وردپرس + فیلم آموزشی 

لینک دسترسی به فیلم های آموزشی پوسته ها در وردپرس

پوسته ها در وردپرس قسمت اول + فیلم آموزشی | پوسته ها در وردپرس قسمت دوم + فیلم آموزشی

پوسته ها در وردپرس قسمت سوم + فیلم آموزشی | پوسته ها در وردپرس قسمت چهارم + فیلم آموزشی

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

ساخت مدیا در گالری وردپرس + فیلم آموزشی | media – اختصاصی سایت آموزی