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

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

دوره آموزش طراحی قالب وردپرس یا همان دوره وردپرسی شو که از همان ابتدا بصورت رایگان خدمت شما دانشجویان عزیز ارائه شده است برای اولین بار در فروردین ماه سال 1400 با 24 قسمت در 2 فصل منتشر شد .

فصل اول این دوره شامل 8 جلسه و دررابطه با طراحی قالب HTML بود که از قدم صفر ، یک قالب HTML را در چند صفحه مختلف طراحی کردیم اما مسلما در این فصل نیاز به دانش طراحی قالب یا اصلاحا دانش بخش frontend بود که دانشجوی دوره برای درک کدها و همگام شدن با مدرس ، تسلط نسبی به آن ( frontend ) را داشته باشد . این قالب شامل صفحات اصلی و وبلاگ و جزئیات مطلب و دسته بندی مطالب و یک صفحه تماس با ما و نهایتا صفحه 404 بود .

فصل دوم دوره قبلی شامل 16 جلسه مربوط به برنامه نویسی قالب وردپرس بود که از قدم صفر نحوه معرفی یک قالب وردپرس را تا داینامیک سازی بخش‌های مختلف پوسته مثل خدمات و … خدمتتان آموزش داده بود . اما این دوره آموزشی اکنون در سال 1404 بصورت اساسی بروز شده و تغییرات بسیاری در آن ارائه شده است که در ادامه خدمتتان توضیح خواهیم داد .

دوره جدید وردپرسی شو شامل چه تغییراتی است

همانطور که بالاتر اشاره کردیم این دوره آموزشی در خرداد ماه سال 1404 بصورت اساسی بروز شده است . اولین تغییری که در این دوره اعمال شده ، حذف فصل اول بود که یک قالب HTML را در آن طراحی می‌کردیم .

دراصل برای اینکه بتوان یک قالب وردپرس را طراحی کرد ، لازم است تا ساختار کدهای HTML و یک پوسته خام استاتیک را بشناسید و اگر به زبان ساده‌تر بگوئیم ، به بخش فرانت‌اند تسلط نسبی داشته باشید . باتوجه به تجربیات دوره قبل ، بسیاری از دانشجویان در بخش طراحی قالب با مشکل مواجه شدند چراکه تسلط نسبی به طراحی نداشتند و کدها برای آنها سنگین بود .

از این جهت داخل سایت سئو نود ، دوره‌هایی رایگان و بسیار مناسب در رابطه با طراحی قالب استاتیک بصورت جزئی ( همچون دوره فرانت‌اند در 3 ساعت ) و دوره‌های کلی ( همچون دوره رایگان طراحی قالب فروشگاهی ) ارائه کردیم که ابتدا مهارت و شناخت نسبی در این زمینه بدست آورده و سپس وارد دنیای طراحی قالب وردپرس شوید تا هنگام آموزش ، مشکل در درک کدهای HTML نداشته باشید .

بنابراین تمام جلسات دوره جدید شامل آموزش برنامه نویسی قالب وردپرس است . این دوره شامل 20 قسمت است که از همان جلسه اول شما با نحوه کار آشنا شده و پوسته خودتان را به وردپرس و قسمت پوسته‌ها معرفی خواهید کرد .

اگر به قسمت جلسات دوره دقت کنید ، چکیده‌ای از مباحث هر جلسه را خدمتتان ارائه کرده‌ایم اما بد نیست تا یک توضیح کلی خدمتتان ارائه کنیم .

طراحی قالب وردپرس از قدم صفر

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

پس از اینکه پوسته خودتان را انتخاب کردید ، اول از هرچیزی باید وردپرس را به همراه یک نرم افزار شبیه ساز سرور دانلود کرده و روی سیستم خودتان نصب و راه اندازی کنید . پروسه نصب وردپرس را به شکلی خدمتتان آموزش خواهیم داد که تنها در 1 دقیقه سایت اولیه خودتان را ایجاد کنید .

پس از ورود به پیشخوان وردپرس ، شما یک قالب خام مربوط به سال میلادی مربوطه دارید ( برای مثال اگر در سال 2025 وردپرس را نصب کنید ، پوسته پیشفرض شما ، پوسته 2025 وردپرس است ) که این قالب‌های وردپرس ازنظر هسته کدنویسی بسیار قدرتمند هستند اما ازنظر طراحی جذابیت خاصی ندارند .

ما تصمیم داریم به کمک دوره آموزش طراحی قالب وردپرس ، پوسته یا پوسته‌های HTML مدنظر خودمان را به یک قالب وردپرس تبدیل کنیم تا بتوانیم محتوای قالب را توسط یک CMS کنترل کنیم . اکنون باید کاری کرد که قالب شما نیز داخل قسمت پوسته‌های وردپرس نمایش داده شده و امکان فعال سازی داشته باشد . روش کامل انجام این پروسه را خدمتتان تنها در 1 جلسه آموزش داده‌ایم .

اولین گام بعد از معرفی قالب به وردپرس ، کنترل و سازمان‌دهی کتابخانه‌های CSS و همچنین Js قالب است که در ابتدای دوره بصورت موقت و در ادامه دوره بصورت تخصصی‌تر این کار را انجام خواهیم داد . در ابتدای دوره بصورت موقت انجام خواهیم داد تا بتوانیم قالب را بصورت درست مشاهده کنیم و طراحی قالب توسط CSS که ظاهری به هم ریخته دارد ، اصلاح شود . برای اینکار از دستوراتی مثل دستور زیر استفاده می‌شود :

<?php echo get_template_directory_uri(); ?>/css/style.css ?>

پس از این قسمت با فایل‌های header.php و همچنین footer.php و داستان‌های هرکدام آشنا شده و در قالب این فایل‌ها را خواهیم ساخت . پس از انجام این قدم و سازمان‌دهی تمام کتابخانه‌های استایل و اسکریپت قالب و مشاهده دیزاین اصلی پوسته باید با فایل functions.php آشنا شوید .

فایل functions قلب تپنده سایت شما

در تمامی قالب‌های وردپرسی فایلی بنام functions وجود دارد که اگر با نحوه کار و دستورات داخل آنها آشنایی نداشته باشید ، قادر به طی کردن ادامه مسیر طراحی قالب وردپرس خودتان نخواهید بود . پس در این مرحله باید با مرکز قالب خودتان یعنی functions.php آشنا شوید .

وردپرس سیستمی تحت عنوان سیستم هوک دارد ( hook ) که باید با آنها به درستی آشنا شوید . سیستم وردپرس هر قسمت خود را توسط هوک‌های مختلف کنترل می‌کند . برای مثال قسمت منوها ، قسمت ابزارک‌ها و … هرکدام به هوک خاصی متصل هستند . برای ادامه مسیر باید به درستی درمورد سیستم هوک تفهیم شوید .

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

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

داینامیک سازی منوهای قالب وردپرس

اکنون که با فایل functions و سیستم هوک آشنا شدید ، زمان آن فرا می‌رسد که با اولیه‌ترین هوک وردپرس که نام آن after_setup_theme است آشنا شوید . در یک قالب وردپرسی ، زمانی که قصد داریم تا برخی امکانات مثل عنوان صفحات ، منوهای ناوبری ، تصویر  شاخص محتواهای سایت ، لوگو سایت و … را در پوسته فعال کنیم باید به این هوک وصل شویم .

اینکه این هوک از کجا آمده و ما آن را از کجا می‌شناسیم ، باید گفت از داکیومنت توسعه دهندگان وردپرس که در این دوره آموزش طراحی قالب وردپرس نیز بارها و بارها به آن سر زدیم و از کدهای آن کمک گرفتیم . برای شروع منوهای سایت را به CMS وردپرس متصل کرده و از قسمت نمایش و سپس فهرست‌ها ، قارد خواهیم بود بصورت داینامیک ، منو ناوبری برای سایت تنظیم کنیم .

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

if ( ! function_exists( 'mytheme_register_nav_menu' ) ) {

	function mytheme_register_nav_menu(){
		register_nav_menus( array(
	    	'primary_menu' => __( 'Primary Menu', 'text_domain' ),
	    	'footer_menu'  => __( 'Footer Menu', 'text_domain' ),
		) );
	}
	add_action( 'after_setup_theme', 'mytheme_register_nav_menu', 0 );
}

پس گام اول داینامیک سازی پوسته را با منوهای ناوبری شروع می‌کنیم . البته توجه داشته باشید که این تنها گام مربوط به داخل فایل functions و فعال سازی بخش منوهای ناوبری بعلاوه معرفی جایگاه‌های منوهای سایت است . برای ادامه باید داخل قالب HTML خودتان محل دقیق منوهای سایت را بشناسید و برخی کدهای php را نیز در آن قسمت بنویسید . به همین دلیل در ابتدا اشاره کردیم که آشنایی با ساختار قالب‌های HTML ضروری است .

کار با wp_enqueue_script

اکنون که با مبحث هوک آشنا شده‌اید زمان آن فرا رسیده است که به سراغ هوک‌هایی قوی‌تر برویم . در ابتدای محتوا و البته دوره آموزشی کتابخانه‌های پروژه را بصورت موقت آدرس دهی کردیم تا بتوایم ظاهر قالب را درست مشاهده کنیم اما اکنون زمان آن رسیده است که به کمک هوک و فایل functions این کتابخانه های CSS و Js را به درستی آدرس دهی کنیم تا انعطاف بیشتری در کنترل آنها داشته باشیم .

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

همچنین درمورد طراحی قالب‌هایی با چند زبان مختلف نیز این حالت از آدرس‌دهی کتابخانه‌های قالب ، بسیار منعطف خواهد بود . یک نمونه از آدرس‌دهی به کمک توابع و هوک wp_enqueue_script را در زیر مشاهده می‌کنید :

function my_load_scripts($hook) {

	// create my own version codes
	$my_js_ver  = date("ymd-Gis", filemtime( plugin_dir_path( __FILE__ ) . 'js/custom.js' ));
	$my_css_ver = date("ymd-Gis", filemtime( plugin_dir_path( __FILE__ ) . 'style.css' ));
	
	// 
	wp_enqueue_script( 'custom_js', plugins_url( 'js/custom.js', __FILE__ ), array(), $my_js_ver );
	wp_register_style( 'my_css', 	plugins_url( 'style.css', 	 __FILE__ ), false,   $my_css_ver );
	wp_enqueue_style ( 'my_css' );

}
add_action('wp_enqueue_scripts', 'my_load_scripts');

با مشاهده این کدها اینگونه تصور نکنید که طراحی قالب وردپرس دشوار است . خط به خط و بخش به بخش این کدها را به شکلی خدمتتان آموزش خواهیم داد که در مدت زمانی کوتاه ، تمامی این دستورات را از حفظ بنویسید . دستور بالا نیز یک نمونه کد از کدهای سایت developer wordpress است .

داینامیک سازی عناوین در قالب وردپرس ( title )

از آنجایی که موضوع سئو امروزه بسیار اهمیت دارد ، باید در کدنویسی قالب برخی موارد مهم را نیز درنظر داشته باشید که یکی از آنها نمایش عناوین درست داخل هر صفحه است . بازهم باید به سراغ هوک‌ها برویم که در این قسمت مجدد به سراغ هوک after_setup_theme خواهیم رفت .

دقت کنید که تمامی این موارد داخل فایل functions درحال انجام است . پس اهمیت جلسات اول سایت که درمورد هوک و فایل functions بود را در این قسمت بخوبی درک می‌کنید .

بررسی نمودار قالب‌های وردپرسی

یکی از مواردی که بعنوان طراح قالب وردپرس باید به آن تسلط داشته باشید موضوع ( wordpress hierarchical map ) یا نقشه سلسله مراتب اجرای فایل‌ها در قالب وردپرس است . این نمودار در لینک ( Template Hierarchy ) قرار دارد .

اگر به آن دقت کنید ، وردپرس بخوبی مشخص کرده است که اگر برای مثال شما فایل archive.php را در قالب وردپرسی خودتان نداشته باشید ، وردپرس به دنبال فایلی بنام index.php خواهد گشت . فایل index.php حتما باید داخل قالب باشد چراکه در اینصورت وردپرس قالب شما را شناسایی نخواهد کرد و درصورت عدم شناخت فایل خدمت شما اخطاری خواهد داد که فایل index.php وجود ندارد .

در این بخش از آموزش طراحی قالب وردپرس ، صفر تا صد داستان فایل‌های front-page.php و index.php و home.php را خدمتتان تشریح کرده و نهایتا صفحه مربوط به نمایش مقالات سایت را برنامه نویسی خواهیم کرد . اما چگونه ؟ به کمک دستور WP_Query ….

کار با WP_Query در وردپرس

اگر گفتیم فایل functions.php قلب قابل است ، می‌توان گفت که یکی از بازوان قدرتمند در قالب وردپرس ، دستور مربوط به قسمت WP_Query  است . این دستور دارای یکی از قدرتمندترین شاخه‌ها در هسته وردپرس است که به کمک آن می‌توان روی پست تایپ‌های وردپرس مثل نوشته و برگه و محصول و … کار کرد .

برای مثال اگر قصد دارید تا نوشته‌های یک نویسنده خاص ، یا نوشته‌هایی از یک دسته خاص ، یا چند دسته ، یا تاریخ مشخص و هر حالتی که در وردپرس امکان پذیر است را نمایش دهید ، تنها راه استفاده از WP_Query با پارامترهای قدرتمند آن است . یک نمونه از دستورات WP_Query را در زیر مشاهده می‌کنید :

$args = array(
'post_type' => 'post',
'tax_query' => array(
'relation' => 'AND',
array(
'taxonomy' => 'movie_genre',
'field' => 'slug',
'terms' => array( 'action', 'comedy' ),
),
array(
'taxonomy' => 'actor',
'field' => 'term_id',
'terms' => array( 103, 115, 206 ),
'operator' => 'NOT IN',
),
),
);
$query = new WP_Query( $args );

این دستور به اندازه‌ای دارای حالت‌های مختلف و شاخ و برگ‌های فراوان است که می‌توان 10 ها ساعت درمورد آن صحبت کرد و تازه فهمید داستان از چه قرار است ….

در برنامه نویسی صفحه اخبار و مقالات ، با حلقه while و همچنین توابع بسیاری که در داخل حلقه post استفاده می‌شود آشنا خواهید شد . برای مثال توابعی همچون the_title و the_excerpt و the_date و the_author و paginate_links … که شرایط استفاده از همگی آنها را به همراه انواع خروجی آنها که برخی حالت echo و برخی حالت return دارند خدمتتان آموزش خواهیم داد .

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

کار با ویجت و ابزارک در وردپرس

یکی دیگر از قسمت‌هایی که در اکثر قالب‌های وردپرسی وجود دارد و نمی‌توان آن را کنار گذاشت قسمت ویجت یا همان ابزارک‌ها هستند . در دوره قبلی وردپرسی شو ، پس از مدتی ، وردپرس قسمت ابزارک‌های خود را نیز به نوع بلوک تغییر داد و اکثر دانشجویان با مشکل مواجه شدند لذا در آپدیت جدید ، این مشکل نیز تماما حل شده است .

برای ایجاد و استفاده از ابزارک‌ها نیز در قالب وردپرسی باید دست به دامان فایل functions هوک‌های مربوط به آن شویم که البته این بخش خود دارای هوکی مجزا است و به هر تعداد که ابزارک نیاز داریم داخل قالب به کمک آنها ایجاد کنیم . سپس ابزارک‌های ساخته شده را داخل قالب وردپرسی نمایش دهیم . کد زیر یک نمونه برای ساخت ابزارک در وردپرس است :

function mytheme_widgets_init() {
	register_sidebar( array(
		'name'          => __( 'Single Post Widgets', 'textdomain' ),
		'id'            => 'mytheme-single-post-widgets',
		'description'   => __( 'Widgets in this area....', 'textdomain' ),
		'before_widget'	=> '',
		'after_widget'	=> '',
		'before_title'	=> '',
		'after_title'	=> '',
    ) );
}
add_action( 'widgets_init', 'mytheme_widgets_init' );

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

کار با صفحات archive و tag و category و search

از آنجایی که قالب وردپرس تنها شامل 1 صفحه نیست ، پس لازم است طبق همان نمودار سلسه مراتب که در بالا خدمتتان نمایش دادیم ، اطلاع داشته باشیم که محتواهای مربوط به هر پست تایپ چگونه و با چه ترتیبی و داخل چه فایل‌هایی نمایش داده می‌شوند …

فایل‌های archive و tag و category و search از مهم‌ترین فایل‌های قالب وردپرس هستند که البته می‌توان تحت شرایطی آنها را ایجاد نکرده و تنها از فایل index.php استفاده کرد . تمامی این شرایط و قواعد مربوط به هرکدام نیز داخل دوره بصورت دقیق خدمتتان آموزش داده شده است .

برنامه نویسی بخش‌های مختلف قالب وردپرس بدون افزونه

از آنجایی که شما اکنون در حال تبدیل شدن به یک طراح قالب وردپرس هستید ، پس باید تاحد ممکن استفاده از افزونه‌های وردپرس را کنار بگذارید . یکی از افزونه‌هایی که متاسفانه به آن نیازی نیست اما روی پوسته وردپرس نصب می‌شود ، افزونه نمایش مطالب مرتبط است .

شما بعنوان یک طراح قالب وردپرس ، پس از یادگیری کار با قسمت کوئری در وردپرس ، بسادگی قادر هستید تا مطالب مرتبط را برای صفحاتی همچون صفحه جزئیات مطلب ، تحت شرایط مختلف ( مثلا براساس دسته مرتبط یا برچسب مرتبط ) برنامه نویسی کنید و نیازی هیچ افزونه خاصی نیست . اصول کاری ما منعطف کردن و سبک کردن هرچه بیشتر هسته قالب است .

شخصی سازی کامنت‌ها و فرم کامنت در وردپرس

یکی دیگر از قسمت‌هایی که در دوره قبلی دانشجویان بسیار با آن به مشکل برخوردند ، قسمت شخصی سازی کامنت‌ها بود . در دوره قبلی از برخی فیلترها استفاده کردیم که البته در کوتاه‌ترین زمان مشکل شخصی سازی فرم کامنت را حل می‌کردند اما بصورت کامل امکان هماهنگ سازی دیزاین فرم دیدگاه‌هایی که در قالب HTML ایجاد شده است با قالب وردپرس وجود نداشت .

در این دوره اول از هرچیزی ، تمامی فیلترهای مربوط به شخصی سازی بخش کامنت‌ها را بررسی کرده و نهایتا بهترین فیلترهایی که بدون مشکل روی فرم کامنت‌ها اجرا خواهد شد را در قالب به کار خواهیم برد .

به این دلیل که ممکن است هر قالبی از کلاس‌ها و div های مختلف برای ایجاد دیزاین بخش کامنت استفاده کند پس باید بخش فیلترهای کامنت را به درستی یاد بگیرید . تنظیم name های درست برای هر المان فرم ، ارسال و دریافت صحیح داده‌ها از فرم در این بخش بسیار حائز اهمیت است . برخی از کدهای شخصی سازی فرم کامنت بصورت زیر است :

$comments_args = array(
        // Change the title of send button 
        'label_submit' => __( 'Send', 'textdomain' ),
        // Change the title of the reply section
        'title_reply' => __( 'Write a Reply or Comment', 'textdomain' ),
        // Remove "Text or HTML to be displayed after the set of comment fields".
        'comment_notes_after' => '',
        // Redefine your own textarea (the comment body).
        'comment_field' => '<p class="comment-form-comment"><label for="comment">' . _x( 'Comment', 'noun' ) . '</label><br /><textarea id="comment" name="comment" aria-required="true"></textarea></p>',
);
comment_form( $comments_args );

این بخش به اندازه‌ای اهمیت دارد که در 2 جلسه بصورت مفصل به تشریح و بررسی آن پرداخته‌ایم . یکی از قسمت‌هایی که تاثیر بسزایی در شخص سازی قالب دارد ، توانایی شخصی سازی فرم کامنت است .

علاوه بر فرم کامنت ، قسمت خود دیدگاه‌ها نیز مهم است ، یعنی دیدگاه‌هایی که کاربران در سایت ارسال کرده‌اند و یا پاسخ‌هایی که مدیر سایت به آنها ارائه کرده است . پس باید به این 2 جلسه اهمیت ویژه‌ای داد .

استفاده از فرم در قالب وردپرس

یکی دیگر از مواردی که در این دوره آموزشی توجه ویژه به آن داشتیم ، استفاده از فرم‌های تماس و مشاوره و … بود . در دوره قبلی فرم‌های تماس وجود نداشتند اما از آنجایی که در این قالب HTML که مورد استفاده ما بود ، بخش فرم نیز وجود داشت لذا ایجاد و استفاده از فرم‌ها را نیز در دستور کار قرار دادیم .

قطعا در یک سایت ، صفحه تماس یکی از مهم‌ترین صفحات است که قطعا وجود فرم داخل آن ضروری است . البته شایان ذکر است که از فرم تماس 7 در این بخش استفاده شده است که نکات مربوط به آن نیز در این بخش کاملا تشریح شده است .

کار با page template در وردپرس

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

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

بخش سفارشی سازی و برنامه نویسی تنظیمات اختصاصی برای قالب

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

درحالت کلی می‌توان به دو روش اینگونه بخش‌ها را داینامیک کرده و امکان مدیریت آنها را به ادمین سایت ارائه کرد . روش اول استفاده از فریمورک CMB2 یا نمونه‌های مشابه است که در این دوره به دلیل اینکه هنوز دانشجو آماده کار و درگیر شدن با بخش‌های مختلف آن نیست ، نمی‌توان وارد مباحث آن شد و البته که یک دوره کاملا مجزا و کاربردی و مجزا برای آن داخل سایت درنظر گرفته شده است .

در این دوره از این جهت که مباحث تکمیل‌تر شده و حداقل‌های آموزش طراحی قالب وردپرس را خدمتتان آموزش دهیم ، وارد قسمت کدنویسی تنظیمات قالب به کمک بخش سفارشی سازی یا همان wp_customize خواهیم شد .

بخش wp_customize که در داخل پیشخوان وردپرس ، در قسمت نمایش و بخش سفارشی سازی قرار دارد ، به شما این امکان را خواهد داد که قسمت‌های ریز یا درشت قالب را که در فرمت محتواهایی همچون پست تایپ نیستند و صرفا چند عدد نوشته و تصویر کنار هم هستند را بخوبی داینامیک سازی کنید .

از آنجایی که این قسمت نیاز به دقت بیشتری نسبت به سایر آموزش‌های دوره دارد ، لذا 3 جلسه انتهایی دوره را به این بخش اختصاص داده‌ایم تا در نهایت دقت و با ایجاد یک کار تمیز ، بخش تنظیمات قالب وردپرس  را بدون خطا ایجاد کنیم .

آموزش تبدیل قالب HTML به قالب وردپرس

طبق تفاسیری که در این صفحه تا این بخش مطالعه کردید ، شما به شکل کامل در این دوره نحوه داینامیک سازی و کنترل منو‌های سایت ، ابزارک‌ها ، مطالب ، برگه‌ها ، دسته‌بندی ، نظرات و … را آموزش دیده و توانایی طراحی قالب‌های وردپرسی تا سطح متوسط را بخوبی خواهید داشت ( البته که حجم مباحث این دوره کم نیست و شاید حتی کمتر از سطح متوسط یک طراح قالب وردپرس بنظر برسد ، اما برای یک شخص که تازه وارد این دنیا شده ، واقعا مباحث بسیار کامل و دقیق است )

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

در بخش پیشنیازها مطالعه نمودید این دوره به 2 پیشنیاز اصلی و البته ساده نیاز دارد که برای هردو آنها ، دوره‌های آموزشی داخل سایت قرار دارد . پیشنیاز اول تسلط نسبی به نحوه نصب و استفاده از امکانات وردپرس ( دوره آموزشی قدم اول وردپرس داخل سایت ) و پیشنیاز دوم آشنایی با زبان برنامه نویسی php در حد کار با وردپرس است که البته برای دوره آموزش php برای وردپرس نیز پکیج آموزشی کاملی خدمتتان ارائه شده است که با استفاده از آموزش‌های داخل آن هیچ مشکلی در درک مفاهیم کدنویسی قالب‌های وردپرس نخواهید داشت و سپس می‌توانید به راحتی این دوره را شروع کنید .

طراحی قالب استاندارد برای وردپرس

همانطور که اشاره کردیم این دوره از سطح مبتدی تا متوسط ، آموزش کامل تبدیل قالب HTML به وردپرس را خدمتتان ارائه خواهد کرد ، اما با این تفاوت که ما در این دوره با صداقت تمام سعی کردیم تا هرچیزی که در بخش های برنامه نویسی پایه برای قالب های وردپرس وجود دارند را به شما آموزش دهیم و چیزی را مخفی نکنیم .

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

برخی قسمت‌های آموزش نیز به شکل ویژه در داخل دوره تدریس شدند تا بتوانید حتی کمی هم از سطح متوسط بالاتر روید . تمامی سعی ما در این دوره آشنایی افراد مبتدی با نحوه برنامه نویسی قالب‌های وردپرسی است تا درک کاملی از این سیستم و نحوه طراحی قالب برای آن داشته باشند و در نهایت با تلاش و همت خودشان ، توانایی ورود به بخش برنامه نویسی تخصصی و حرفه‌ای‌تر قالب‌های وردپرس را کسب کنند .

اما مطمئن باشید برای آموزش‌های پایه تا متوسط این دوره برای شما کافی خواهد بود . این دوره کاملا رایگان بوده و آپدیت‌های بعدی هم کاملا رایگان برای شما ارائه خواهند شد پس شما دانشجوی همیشگی این دوره خواهید بود .

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

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

 دستوراتی که در این دوره یاد خواهید گرفت …

در این دوره دستورات زیادی شامل توابع ، هوک‌ها ، فیلترها و … را یاد خواهید گرفت که در بخش زیر به قسمتی از آنها اشاره می‌کنیم :

<?php bloginfo('name'); ?>
<?php bloginfo('description');?>
<?php bloginfo('language'); ?>
<?php bloginfo('template_directory'); ?>
<?php the_title(); ?>
<?php the_content(); ?>
<?php the_excerpt(); ?>
<?php echo get_the_date(); ?>
<?php echo get_the_author() ?>
<?php the_category(); ?>
<?php the_tags(); ?>
<?php the_ID(); ?>
<?php echo get_comments_number(); ?>
<?php comments_template(); ?>
<?php the_post_thumbnail_url(); ?>
<?php get_header(); ?>
<?php get_footer(); ?>
<?php wp_head(); ?>
<?php get_footer(); ?>
<?php get_sidebar(); ?>
<?php get_template_part('url'); ?>
<?php wp_nav_menu(); ?>
<?php dynamic_sidebar("sidewidget"); ?>
wp_enqueue_style();
wp_enqueue_script();

و بسیاری از دستورات دیگر که نمی‌توان تمامی آنها را در این بخش لیست کرد . درداخل فایل functions.php دستورات بسیاری وجود دارد که داخل هوک‌ها استفاده خواهد شد . برای مثال فیلترهای شامل فرم کامنت و … اتربیوت‌های داخل آرایه‌های دستورات مختلف و …
هریک از این دستورات خود شامل موارد بسیاری هستند که در طول دوره به صفر تا صد آنها توجه کرده و خدمتتان آموزش خواهیم داد پس در این دوره فوق العاده کاربردی و جذاب همراه ما باشید تا به قلب قالب‌های وردپرسی رفته و یک پوسته جذاب و کاربردی را در کنار یکدیگر کدنویسی کنیم …..