دانلود Underscores

در این دوره‌ی آموزشی تصویری بصورت فیلم‌های جداگانه، با نحوه‌ی طراحی و خلق انواع قالب‌های وردپرس  از اسکرچ با استفاده از تم‌ساز Underscores آشنا می‌شوید. این دوره تکنیک‌های برتر ساخت تِم‌های پُرمایه و پیچیده را به کاربران آموزش داده همچنین دانش آنها را در زمینه‌های مربوطه تا حدود قابل توجهی تقویت خواهد کرد. طراحی انواع قالب‌های سفارشی و غیرمعمول وردپرس با بهره‌گیری از Underscores همواره شامل استانداردها و شیوه‌های خاص و مدرنی است که یادگیری آنها برای رسیدن به برترین نتایج ضروری می‌باشد؛ این آموزش بطور کامل و با متد روز به آنها پرداخته است. سطح این دوره پیشرفته می‌باشد و فایل‌های کاری (تمرینی) را نیز به همراه خود دارد.

 

محتوای آموزش:

1- نصب وردپرس، Underscores ، پلاگین‌ها و NetBeans

2- ایجاد یک مدولار، تِم وردپرس Mobile-First

3- راه‌اندازی تِم عمومی

4- ساخت هدر سفارشی

5- طراحی پاسخگو و منوهای در دسترس

6- پیکربندی پلاگین Single Post Template

7- تولید تصاویر شاخص

8- ترکیب‌بندی محل کامنت‌ها، نتایج جستجو و ویجت‌ها

9- کار با صفحات استاتیک

10- اضافه کردن ویژگی‌ها به Customizer

11- سفارشی کردن بخش مدیریت

و ...

 

تولید کننده: Lynda.com

تاریخ انتشار: 13-01-2016

سطح: پیشرفته

مدت زمان آموزش: 6 ساعت و 39 دقیقه

مدرس: Morten Rand-Hendriksen

 

فهرست کامل سرفصل‌ها و عناوین آموزش (به همراه زمان دقیق آنها) :

Introduction - 8m 26s

Welcome - 1m 0s

What to know before you start this course - 1m 50s

How this course and the lesson files will work - 2m 56s

Introducing Popperscores: A preview of the final project - 2m 40s

 

Setting Up a WordPress Development Environment - 23m 42s

Setting up a WordPress development environment - 2m 40s

Getting and installing _s - 4m 27s

Installing WordPress Theme Unit Test Data - 4m 59s

Installing the Developer plugin - 4m 39s

Installing and setting up NetBeans or another IDE - 6m 57s

 

The Design to Development Process - 11m 40s

Modular, mobile-first design - 2m 27s

How do WordPress themes work? - 3m 26s

Understanding the WordPress template hierarchy - 4m 4s

Underscores: An overview - 1m 43s

 

Setting Up the Basic Theme - 41m 53s

Setting up style.css - 7m 40s

Configuring baseline settings and functions - 6m 33s

Enabling custom web fonts - 6m 3s

Enabling local web fonts for intranets, etc. (optional) - 6m 33s

Designing in the browser: A quick primer - 2m 52s

Creating responsive typography - 8m 34s

Making the site layout responsive - 3m 38s

 

Building the Header - 32m 4s

Styling the default header - 8m 58s

Adding an optional header image function - 5m 3s

Placing the header image behind the site title - 4m 41s

Create a home button with the custom-logo feature UPDATED - 9m 18s

Creating a reduced header for singular pages - 4m 4s

 

Creating Menus - 40m 21s

Rethinking the mobile menu - 3m 6s

Setting up menus - 4m 33s

Borrowing the accessible menu from Twenty Fifteen - 2m 30s

Moving styles and markup from Twenty Fifteen to our theme - 3m 26s

Refactoring JavaScript to create dropdown buttons - 7m 27s

Styling the dropdown buttons - 4m 15s

Creating a hovering and hiding menu button - 4m 56s

Creating the hovering small-screen menu - 6m 5s

Creating a horizontal menu for wide screens - 4m 3s

 

Configuring the Single Post Template - 1h 2m

Working with the single post template - 4m 59s

Changing the output of meta elements - 4m 28s

Adding the author's Gravatar to the post - 4m 59s

Styling the post meta content - 4m 33s

Creating the illusion of full-width content - 7m 54s

Adding an optional deck with excerpts to the single post - 3m 22s

Styling the single post template - 3m 58s

Styling blockquotes - 4m 31s

Working with image alignments - 4m 11s

Creating "full bleed" images - 6m 57s

Working with image captions - 4m 14s

Working with image galleries - 3m 6s

Single post navigation - 5m 45s

 

Working with Comments - 27m 30s

Working with the comments template - 5m 45s

Using Gravatars in comments - 1m 59s

Styling comments - 5m 27s

Highlighting the post author's comments - 3m 1s

Styling the comment form - 5m 49s

Working with comment navigation - 5m 29s

 

Working with Featured Images - 23m 47s

How do featured images (post thumbnails) work? - 3m 10s

Defining featured image sizes - 3m 51s

Generating new featured images with a plugin - 2m 12s

Adding featured images to a template - 4m 33s

Styling the featured image - 4m 18s

Creating "full bleed" featured images - 2m 58s

Displaying custom image sizes - 2m 45s

 

Working with Index Templates - 1h 4m

The index template hierarchy - 2m 2s

Styling index templates - 4m 27s

Displaying excerpts on index pages - 5m 13s

Edit the excerpt "Read More" indicator - 1m 53s

Configuring and styling index posts - 5m 27s

Adding a custom "Read More" link - 5m 10s

Adding featured images - 4m 45s

Creating custom pagination navigation - 6m 51s

Highlighting sticky posts - 4m 44s

Highlighting the most recent post in the index template - 6m 19s

Working with archive.php - 2m 44s

Customizing the search results page - 2m 41s

Customizing error pages and empty search results - 8m 4s

Sidebar: Working with post formats - 4m 24s

 

Working with Static Pages - 3m 47s

Working with pages - 3m 47s

 

Working with Widget Areas (Sidebars) and the Footer - 20m 31s

Working with widget areas (sidebars) - 3m 41s

Using the Monster Widget plugin to test all widgets - 1m 52s

Styling the widgetized area - 5m 22s

Adding custom styles to specific widgets - 3m 30s

Working with the footer - 6m 6s

 

Adding Features to the Customizer - 28m 8s

Working with the Customizer - 4m 7s

Adding controls for the header background color - 4m 48s

Changing the header background color - 5m 6s

Creating sidebar layout options on the front end - 5m 32s

Adding sidebar layout options in the Customizer - 5m 18s

Hooking in sidebar layout preview in the Customizer - 3m 17s

 

Backend Customization - 7m 52s

Adding editor styles to match front-end styles - 5m 14s

Adding a screenshot - 2m 38s

 

Conclusion - 2m 13s