آموزش یک قالب وردپرس را با HTML و CSS سفارشی کنید
Customize a WordPress Theme with HTML and CSS
- در حال بارگزاری، لطفا صبر کنید...
می خواهید یک وبلاگ راه اندازی کنید، یک سایت نمونه کار داشته باشید، محصولات خود را بفروشید یا یک انجمن ایجاد کنید. شما وردپرس را نصب کرده اید و اصلاً به نظر نمی رسد که بخواهید سایت شما ارائه شود. تم فعلی TwentyNineteen از WordPress همراه با نصب است، و ممکن است یک تم رایگان را که دوست دارید نصب کنید یا یک تم ممتاز بخرید. اما همچنان تغییرات مورد نیاز است.
پس چگونه یک تم وردپرس را سفارشی می کنید؟
این کلاس نمونه‌هایی برای سفارشی‌سازی بخش‌های قالب وردپرس از تم جدید و جدید فعلی TwentyNineteen (منتشر شده در فوریه ۲۰۱۹) در اختیار شما قرار می‌دهد. ما TwentyNineteen Theme را به یک وب‌سایت کسب‌وکار کوچک تبدیل می‌کنیم، یک تم کودک نصب می‌کنیم، افزونه‌ها را نصب می‌کنیم، functions.php را تغییر می‌دهیم، با ویجت‌ها، HTML و CSS کار می‌کنیم تا به تحول دست پیدا کنیم. شما می توانید از این فرآیند برای هر قالب وردپرس استفاده کنید!
یک وب سایت نمونه کارها برای کار، محصولات یا خدمات خود (یا یک دوست یا خویشاوند) ایجاد کنید.
- وردپرس را به صورت دستی با Filezilla در دامنه خود دانلود و نصب کنید.
- یک قالب وردپرس نصب کنید که تصاویر آثار شما را به زیبایی در گالری ها ارائه می دهد.
- ایمیل را برای فرم تماس و پیوندهایی به نمایه های رسانه های اجتماعی خود تنظیم کنید.
- تم را از طریق Customizer با رنگ‌ها و تایپوگرافی انتخابی خود سفارشی کنید و طرح‌بندی‌هایی را که می‌خواهید انتخاب کنید.
- منو را سفارشی کنید.
- (پیشرفته) افزونه Woo Commerce را پیدا کنید، آن را نصب کنید و برای فروش محصولات خود تنظیم کنید.
پیش نیاز قبل از شروع، دانش اولیه وردپرس، HTML و CSS و نام دامنه ثبت شده با میزبان وب است که قابلیت میزبانی وردپرس را دارد.
می‌آموزید:
- سلسله مراتب فایل های قالب وردپرس
- ایجاد محتوا با ویرایشگر گوتنبرگ
- یک افزونه نصب کنید
- یک تم کودک نصب کنید
- سفارشی کردن header.php, footer.php
- Google Maps را جاسازی کنید
- افزونه فرم تماس 7 را سفارشی کنید
منابع:
- یک نام دامنه ثبت شده با یک شرکت میزبان وب با فضای کافی برای وردپرس؛
- آخرین نسخه وردپرس در ;
- آخرین نسخه مشتری FTP Filezilla
قبل از شروع، دو نکته مهم وجود دارد که باید در نظر بگیرید:
- ایده ای برای نمونه کارها: چه چیزی را می خواهید به دنیا نشان دهید؟
- کار/محصولات/خدماتی را که می خواهید نشان دهید به کدام دسته تقسیم می کنید؟
می‌توانید درس‌ها را برای پروژه خود پیاده‌سازی کنید و در صورت نیاز به کمک، اینجا نظر دهید یا به من ایمیل بفرستید: komiska@komiska.com
درس ها Lessons
-
سفارشی کردن محتوای شما: قسمت 3 Customizing Your Content: Part 3
-
فایل های تم وردپرس و سلسله مراتب WordPress Theme Files and Hierarchy
-
نکته پاداش: نمادهای پاورقی Bonus Tip: Footer Icons
-
سفارشی کردن محتوای شما: قسمت 4 Customizing Your Content: Part 4
-
سفارشی کردن منوی لوگوی سرصفحه Customizing the Header Logo Menu
-
سفارشی کردن محتوای شما: بخش 1 Customizing Your Content: Part 1
-
سفارشی کردن محتوای شما: قسمت 5 Customizing Your Content: Part 5
-
نتیجه Conclusion
-
مقدمه Introduction
-
سفارشی کردن محتوای شما: قسمت 2 Customizing Your Content: Part 2
-
تم کودک در عمل The Child Theme in Action
-
تغییر فونت ها Changing the Fonts
-
تغییر رنگ ها Changing the Colors
-
تغییر پاورقی Changing the Footer
https://donyad.com/d/6c58
Viktoriana Kostov
طراح ارتباطات بصری
سلام، من ویکتوریانا هستم.
من یک طراح ارتباطات بصری هستم، عاشق سرهم کردن کد، آرم و تصویر هستم و نمی توانم تصمیم بگیرم که کدام را بیشتر دوست دارم.
نمایش نظرات