پنج شنبه , مهر ۲۶ ۱۳۹۷
خانه / وردپرس / آموزش وردپرس / آموزش طراحی قالب وردپرس جلسه سی و سوم – قالب دهی فرم تماس با css

آموزش طراحی قالب وردپرس جلسه سی و سوم – قالب دهی فرم تماس با css

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

با سلام خدمت دوستان وردپرسی عزیز

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

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

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

valid:

از آن دستور هنگامی بهره بری و استفاده می‌کنیم که بخواهیم عنصر را زمانی که مقدار معتبر دارد قالب دهی کنیم. توجه داشته باشید که آن دستور در همه مرورگرها پشتیبانی نمی‌می شود و همچنین همچنین معتبر بودن مقدار وارد شده توسط کاربر در یک عنصر به عوامل مختلفی همچون نوع متغیر (type) ، خصوصیت minlength ، maxlength و همچنین required و همچنین … وابسته می باشد.

Invalid :

دقیقاً برعکس حالت valid بوده و همچنین عنصر را رد زمانی که محتوی مقداری نامعتبر می باشد ، قالب دهی می کند. توجه داشته باشید invalid همچون برادر خود valid وابسته به خصوصیات عنصر می باشد.

 

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

سپس فایل اسکریپت خود را در صف اسکریپت های وردپرس قرار می‌دهیم تا هنگام بارگذاری صفحه « تماس با ما » آن فایل اسکریپت نیز بارگذاری گردد.

در طول آموزش ما بار دیگر ساختار فرم خود را تغییر داده و همچنین آن بار از تگ p به جای تگ table جهت سازماندهی عناصر فرم بهره بری و استفاده می کنیم.

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

در جلسه بعدی بار دیگر ساختار فرم تماس خود را تغییر می‌دهیم و همچنین آن بار با بهره بری و استفاده کدهای css یک ظاهر زیبا و همچنین کلاسیک را جهت فرم خود به وجود می آوریم. امیدوارم که توجه داشته باشند که در مبحث توسعه وب ( web develop ) نمی‌قدرت زبان و همچنین ابزاری را نسبت به زبانی دیگر مهمتر دانست بلکه تمامی زبانها و همچنین کتابخانه‌های کد و همچنین برنامه جذاب و جالب و خوب‌های زیر در جایگاه خود جهت ما ارزشمند و همچنین مهم خواهند بود.

Php

wordpress

html5

css3

javascript

و همچنین …..

 

امیدوارم از آن جلسه نیز بهره بری و استفاده مورد بهره بری و استفاده و نیاز ضروری را ببرید.

مدت زمان آن آموزش ۱ ساعت و همچنین ۱۶ دقیقه می باشد.

گرفتن فایل های تمرین جلسه سی و همچنین سوم

منبع
تازه ترین و جدیدترین در بارهپوسته های وردپرس : آموزش طراحی قالب وردپرس جلسه سی و همچنین سوم – قالب دهی فرم تماس با css

درباره ی admin

مطلب پیشنهادی

نشر ویدیوها تا شب

نشر ویدیوها تا شب سلام دوستان عزیز تا الآن ۲۰ جلسه از آن آموزش را …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

ارسال پیامک بلک لیست