مطالب پیشنهادی از سراسر وب

آموزش CSS برای مبتدیان: تغییر استایل قالب وردپرس

دسته بندی ها: آموزش سی اس اس (CSS) ، آموزش طراحی وب ، آموزش های یودمی (Udemy) ، آموزش وردپرس (Wordpress)

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

این دوره آموزشی محصول موسسه Udemy است.

سرفصل های این دوره:

  • بررسی اجمالی از انتخابگرهای CSS و راه اندازی
  • انتخابگرهای CSS
  • پشت صحنه از یک فرم
  • ذخیره تغییرات
  • چگونه ما تغییرات ما را ایجاد کنید؟
  • چگونگی راه اندازی یک تم در وردپرس
  • بازنگری سریع در Chrome DevTools: جدید
  • DIVS، پس زمینه + عرض
  • ساخت عناصر
  • توجه به جزئیات کوچک: خط ارتفاع مهم است
  • یک ظاهر طراحی شده متن شما
  • خصوصیات مشترک HTML و CSS
  • کار با عکس: عرض، ارتفاع
  • کار با لینک ها
  • ساختن یک لینک زمانی که شما آن را کلیک کنید
  • تراز حاشیه متن
  • ویژگی ها CSS
  • ایجاد فرم خود از ابتدا
  • فرم راه اندازی
  • پس زمینه فرم ورودی
  • و ...

عنوان دوره: Udemy CSS Tutorial For Beginners: Style Your Wordpress Templates

مدت دوره: 3 ساعت و 30 دقیقه

نویسنده: Eddie Makes

 توضیحات:

Udemy CSS Tutorial For Beginners: Style Your Wordpress Templates

Eddie Makes 3.5 hours Beginner Level

Are you someone who has been working with Wordpress and want to take your sites to the next level by changing their look and their style? Or maybe you�re frustrated because you want to make changes but you can�t figure out how to do it. Maybe you�ve tried to make your website look better, and you�ve done the best you can but you keep getting stuck. If you don�t learn this, I�m sorry to say that that frustration doesn�t go away! And as frustrating as it is now, imagine what you�ll feel like a month or a year from now when you STILL DON�T KNOW how to make your website look better quickly and easily. I KNOW how that frustration feels, I�ve been there, and I know how annoying it can be to know what kind of changes you want to make, but then not know HOW to make them. But I�ve learned the RIGHT way to style websites, and it�s called CSS, and that�s what I want to teach you today. Take a look at this example of how a simple boring form can be easily and quickly transformed into something mobile friendly and responsive! I�ll walk you through exactly how to do this and other things like it in this course. Also, imagine what it will feel like to be able to look behind the scenes of any Wordpress website you visit and see how THEY styled it, and then be able to model that styling for your own website! Imagine using code that makes your website look so much better the INSTANT you add it. And what will you feel like when you can take a boring theme and injecting it with life and your own personality, quickly and easily using CSS. This course is the complete guide to beginner css and it is the exact tool you NEED in order to style your Wordpress website. WHEN YOU join this course TODAY, you get lifetime access. Not only that: this course will be super helpful to you now AND in the future whenever you have a question about CSS. It�s easy to ask any questions at any time and I�ll be right there with you, answering them. Take this course NOW and I�ll see YOU on the other side! What are the requirements? You should be familiar with Wordpress You should have very basic knowledge of HTML All required software is free (and download links are included) You should make sure you like my teaching style (please preview a video)! What am I going to get from this course? Over 47 lectures and 3.5 hours of content! Take your websites to the next level by changing their look and their style GET RID of your frustration making changes to your website by truly understanding what's going on Have CONFIDENCE to know you can make any website look better quickly Get UNSTUCK and feel free to make new changes without being worried it will take you hours to fix What is the target audience? This course is for people who want to make changes to the LOOK and STYLE of their Wordpress website This course is for BEGINNERS to CSS and styling websites This course is for people who want to quickly and easily make their site more user-friendly and fun This course is NOT for someone who doesn't care about how their website looks This course is NOT for someone who hates learning about ways to quickly and easily make their site more user-friendly and fun This course is NOT for someone who hates learning and figuring new things out

Section 1: Quick Course Overview Lecture 1 Intro To This Course 03:10 Section 2: Welcome! Overview Of CSS Selectors And Setup Lecture 2 What Are CSS Selectors + Why Do We Care? 06:12 Lecture 3 What You Need To Be Set Up For This Course 02:36 Lecture 4 What's The Point Of Using CSS? 01:51 Lecture 5 How Does The Code Work To Let Us Use CSS? 01:25 Lecture 6 Behind The Scenes Of A Form! 06:50 Lecture 7 More About CSS Selectors: Be Broad Or Be Specific 06:29 Section 3: Saving Changes + Child Themes Lecture 8 How Do We Save Our Changes? 09:42 Lecture 9 Why Use A Child Theme? 03:28 Lecture 10 How To Set Up A Child Theme In Wordpress 03:09 Lecture 11 Quick Overview On Chrome DevTools: Our New Best Friend 05:19 Section 4: Let's Dive In To CSS: Specific Changes Lecture 12 Selecting Our Code In Different Ways: There Isn't Just ONE Answer! 11:43 Lecture 13 Divs: Let's Play With Margin + Padding 03:33 Lecture 14 Divs: Floats, Backgrounds + Widths 06:44 Lecture 15 Using Multiple Selectors For The Same Div SAVES US TIME! 04:11 Lecture 16 Making Elements DISAPPEAR: Use The Display Property 04:39 Lecture 17 Divs: It's Time To FLOAT 02:11 Lecture 18 Using Placeholder Text In Your Form 07:23 Lecture 19 Watch Your Code: Placeholder MISTAKE! 01:10 Lecture 20 Using Borders: Do This To FIX Your Code 02:22 Lecture 21 What Does Text-Transform Do? 03:07 Lecture 22 Pay Attention To Small Details: Line-Height Is Important 03:16 Lecture 23 Styling Your Placeholder Text 01:53 Section 5: Common HTML & CSS You'll See Over And Over Again Lecture 24 Quick Run-through: HTML Elements You Use Every Day. 05:48 Lecture 25 Working With Images: Width, Height + Retina-Friendly 10:27 Lecture 26 Working With Links: Padding, Margin + Fixing A Common Issue 08:26 Lecture 27 Styling Links To Change When You HOVER Over Them 05:35 Lecture 28 Make A Link "Pop" When You Click It 05:35 Lecture 29 Quick Overview: Responsive Design 06:22 Section 6: Let's Go Deeper: More Common Issues + Quick Fixes Lecture 30 Percentages, Pixels + The Border-Box "Hack" 05:26 Lecture 31 Force An Element To STAY PUT 03:39 Lecture 32 Centering: Text-Align VS. Margin 04:05 Lecture 33 Should We Write Styling Into The HTML Or CSS File? 02:36 Lecture 34 CSS Specificity: Which Code Wins? 03:08 Lecture 35 How To Fix Collapsed Divs 04:00 Lecture 36 Clear Your Floating Divs! 04:42 Section 7: Create Your Own Form From SCRATCH! Lecture 37 Form Setup: What You Need To Do For This Section 02:09 Lecture 38 Next Step: Give The Inputs Some Room 04:36 Lecture 39 Width + Border-Box Saves Us Time And Having To Do Math! 01:54 Lecture 40 Form Input Backgrounds 02:34 Lecture 41 Form Borders 02:58 Lecture 42 Next Step: Text-Transform + Text-Align 01:34 Lecture 43 Make Your Fonts Match (And Use Google Fonts!) 02:38 Lecture 44 The Perfect Submit Button 06:20 Lecture 45 Make The Submit Button Change On Click! 04:02 Lecture 46 Get Inspiration From Other Websites: Model Their Code 02:02 Section 8: The END! Lecture 47 Learn One Thing At A Time + Ask Me Anything! 00:44

آیا این نوشته را دوست داشتید؟
Udemy CSS Tutorial For Beginners Style Your Wordpress Templates

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