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

دسته بندی: وردپرس
زمان مطالعه: 1 دقیقه
۱۲ مهر ۱۳۹۴

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

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

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

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

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

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

جلسات دوره

نظرات کاربران

mahdi.b1504

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

محمدرضا عظیمی

روی گوشی سایت Animate.css درست کار می کند ولی روی pc با win10 کار نمی کند البته تو قالب قبلی سایت Animate.css درست کار میکرد

محمدرضا عظیمی

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

maryam sarrafein

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

http://todayarch.ir/theme/

maryam sarrafein

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

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

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

Farzad Ashouriyan

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

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

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

Soheil Noohi

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

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

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

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

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

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

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

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

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

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

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

ahmad katavand

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

وحید صالحی

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

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

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

پایان زمان پشتیبانی

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

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

نیاز به لاگین

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