دوره مجازی قالب وردپرس (جلسه 11) : کدنویسی اسلایدر و تبدیل آن به html و css

- visibility ۲۳ mode_comment

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

در این جلسه خواهیم دید :

  • تکمیل بخش منوی اصلی
  • کدنویسی بخش جتسجو
  • کدنویسی و پیاده سازی بخش اسلایدر
info توجه

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

ثبت نام در دوره طراحی قالب وردپرس

comment دیدگاه کاربران

سلام
لطفا لینک فایل این جلسه رو چک کنید! مشکل داره..

کیوان علی محمدی

سلام برطرف شد.

باسلام خدمت شما استاد زحمت کش خسته نباشید.
استاد جان فقد دو تا سوال دارم
1: این سایت را نگاه کنید http://expres.ir/ که صفحه اصلی را به یک طراحی دیگه زده
و گفته ورد به وبلاک http://expres.ir/blog/ صفحه وبلاک هم فرق میکه این را چطور انجام داده .
2: http://bziran.com/ این سایت را یک بار ببنید منورا توی سایدبار قرار داده و آبشاری هم کرده
آیا توی وردپرس دسته هارا میشه این کار کرد یا نه
خیلی ممنون میشم که جواب درست بدید امید وارم که چیزی که میخواستم گنگ نباشه 😛

کیوان علی محمدی

با سلام خدمت شما دوست عزیز.
سوال اول :‌برای اینکار در وردپرس می تونیم از Page Template استفاده کنیم و قالب مورد نظر رو که با قالب اصلی متفاوت هست در اون طراحی کنیم و برای برگه مورد نظر اعمال کنیم.
سوال دوم : بله رد وردپرس میشه با توابعی مثل wp_list_categories دسته بندی های مورد نظر رو دریافت کرد و بهشون استایل داد تا به همین شکل در بیان.

زمان الله ابراهیمی

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

کیوان علی محمدی

چشم اونجا کاملا با مثال و کاربرد توضیح میدیم.

mehdi karimi

سلام ، آقای علیمحمدی آیا برای قسمت خبرنامه و ثبت نام و لاگین کاربرا از افزونه ای استفاده میکنید یا خیر ؟کلا تو آموزش از افزونه ای استفاده میشه ؟

کیوان علی محمدی

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

Alireza Ph

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

کیوان علی محمدی

سلام می تونید قالب های وردپرس حرفه ای ایجاد کنید ولی قالب فروشگاهی ووکامرس نه.تا آیان طول میکشه. بخش سوم که وردپرس هست رو سعی می کنیم 3 جلسه در هفته منشتر کنیم/

Alireza Ph

ممنون
بعد ببخشید ووکامرس یه افزونس دیگه نه ؟
یعنی هرقالبی که طراحی کردیم میتونیم این افزونه رو روش نصب کنیم و استفاده کنیم ؟
(من سرچ کردم و لی متوجه نشدم)

کیوان علی محمدی

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

reza دولت

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

کیوان علی محمدی

سلام تصاویر png با قابلیت transparent رو امتحان کنید.

وحید نوبخت

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

کیوان علی محمدی

فقط کافیه دکمه رو از نوع submit قرار بدین.

زارعی هوشیار

سلام خدمت اقای علی محمدی……خسته نباشید….تا اینجا آموزش هاتون دنبال کردم خیلی خوب ….تشکر میکنم….یه سوال داشتم که خیلی وقته ذهن منو مشغول کرده….؟تفاوت idو name در تگ های اچ تی ام ال چی هستش….در چه وقت هایی از name باید استفاده کنیم….و چه وقت هایی از id
و یه سوال مربوط به همین جلسه هستش اونم اینکه transform دقیقا نسبت به اندازه ای تگ والد ی که relative داره جابجایی درصدی داره یا نسبت به خود شی ….که در این جلسه لینک بعدی یا قبلی هستش…برفرض مثال اینکه ارتفاع شی ۵۰پیکسل باشه وقتی از trasform در محور y به مقدار ۵۰%استفاده کنیم یعنی ۲۵ پیکسل جابجا میشه…ایا این درسته؟

کیوان علی محمدی

سلام دوست عزیز. ممنون. id برای الصاق یک شناسه منحصر به فرد به المنت مورد نظر در صفحات html به کار میره در حالی که name معمولا برای تگ های اطلاعات در form ها استفاده میشه تا با استفاده از این name اطلاعات اونها در سمت سرور قابل دریافت باشه.مطمئن نیستم ولی فکر میکنم نسبت به خود شی جا به جایی داره.

زارعی هوشیار

مرسی….همون چیزی که حدس میزدم
تشکر از پاسختون….

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

کیوان علی محمدی

سلام مطمئنا شما باید قسمت هایی از کد رو خودتون بنویسید. هر چند بوتس ترپ اکثر کار رو انجام میده.

محمد پارسا کوشش

حالا استفاده از کدام سیستم بهتره از نظرتون؟

کیوان علی محمدی

نمیشه گفت کدوم بهتره و قطعا باید از هر دو استفاده کنید .

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.