دوره مجازی قالب وردپرس (جلسه 13) : تکمیل مطالب اصلی و کدهای جی کوئری



visibility  
mode_comment   ۱۴

با سلام.در خدمت شما هستیم با سیزدهمین جلسه از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس در این جلسه قراره با هم کمی جی کوئری به قالبمون اضافه کنیم و حالت نمایش مطالب اصلی رو تغییر بدیم و هم چنین تب ها رو هم هماهنگ با مطلب اصلی تنظیم کنیم.هم چنین در این جلسه بخش مطالب ویژه کمی کد نویسی می کنیم.از لحاظ ساختاری مطالب ويژه با مطالب اصلی کمی تفاوت داره که در ادامه این مورد رو هم بررسی می کنیم.با ما همراه باشید.

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

  • تکمیل کدنویسی بخش تب ها و اعمال کدهای جی کوئری
  • اعمال کدهای جی کوئری در بخش مطالب اصلی
  • استفاده از افزونه wow js
  • ایجاد بخش مطالب ویژه
info توجه

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

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

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

ممنون استاد 3و 35 دقیقه بامداد است که دارم دانلود میکنم
بازم خسته نباشید. 😉 😀

ahmad katavand

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

وحید صالحی

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

حمید رضا مصطفی زاده

سلام
استاد جهت امنیت بیشتر وردپرس بعد از نصب باید فایل های نصبی مثل install.php و install-helper.php
رو بعد از نصب حذف کنیم؟
مشکل خاصی در روند برنامه ایجاد نمیکنه؟

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

سلام خود وردپرس این موارد رو هندل میکنه.

حمید رضا مصطفی زاده

ولی من نصب کردم این موارد همچنان هست!!!
نیازی نیست پاک کنم؟

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

نه لازم نیست پاکش کنید.

Soheil Noohi

سلام ببخشید شما از html5 boiler plate استفاده کردید فکر کنم توش نسخه product جی کوعری باشه واسه همین بعد از فراخوانی اون تو صفحه حالا تو بخش main. Js هرچی کد میزنم اجرا نمیشه درست مطابق آموزشتون پیشرفتم میشه کمک کنید ببینم مشکل چیه؟

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

سلام در بخش خطاهای developers tools بررسی کنید چه خطایی نشون میده.

Farzad Ashouriyan

سلام , گویا لینک دانلود مشکل داره هدایت میشه به صفحه اصلی سایت

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

سلام می تونید دانلود کنید.

maryam sarrafein

با سلام و ممنون بابت آموزش فوق العادتون
نمونه تمی که من طبق آموزش شما تا به اینجا طراحی کرده ام، در آدرس زیر است:
http://todayarch.ir/theme/
منتها برای پیاده سازی jQuery قسمت تب ها،
کد css کار نمی کند
یا همه رو none می کند یا هیچ کدوم رو
ممنون میشم بهم بگید کجای کار مشکل دارد
سپاس

.post-container:not(:first-of-type){
    display: none;
}
کیوان علی محمدی

سلام. به جای فکر کنم بهتره همه رو به شکل پیش فرض display:none کنید و فقط آیتمی که کلاس active رو داره نشون بدید. اینطوری با جی کوئری راحت تر پیاده سازی میشه.

maryam sarrafein

بله این کار رو هم انجام دادم منتها اصلا قسمت first-of-type برای کلاس post-container کار نمی کنه
الان کاری رو که شما فرمودید اجرا کردم منتها همه post-container ها none شدند:

http://todayarch.ir/theme/

ارسال نظرات

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