functions

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

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

امروز کار سایدبار رو تموم میکنیم و مهمترین کار هر سایدبار (یعنی سازگاری با ابزارکها) رو انجام میدیم.

قبل از هر کاری این فایل رو دانلود کنید:

functions

و بعد طبق معمول با فرمت php درشاخه ی amoozesh ذخیره کنید.

اگه یک نگاهی به این فایل بندازیم میفهمیم که کارش ثبت کردن ۱ سایدبار است(البته این عدد میتونه تغییر کنه و حتی از سایدبار با هرجای دیگه مثل فوتر و هدر بره!)

ما چون فعلا میخواهیم یاد بگیریم فقط یک سایدبار میسازیم بعدا نحوه ساخت سایدبار های متعدد هم اگه خواستین یاد میگیریم.

اگه یادتون باشه گفته بودم که یکی از ساده ترین کارها widgetize کردن است:

۱- میریم به index.php

2- div سایدبار رو پیدا میکنیم، بعد از <ul> کد زیر رو مینویسیم:

<?php if ( function_exists(’dynamic_sidebar’) && dynamic_sidebar() ) : else : ?>

این کد ابتدا بررسی میکنه که آیا ما در قسمت ابزارکها در پیشخوان سایت ابزارکی انتخاب کردیم یا خیر!

اگه کرده باشیم که نشونش میده اما اگه نکرده باشیم چی؟!

هیچی ، تمام ابزارکهایی که با همین دستامون نوشتیم! رو در سایدبار خواهیم دید!

اما یک نکته که میمونه اینه که هر if یک endif هم دارد دیگر!

endif رو کجا قرار بدیم؟!
قطعا باید بریم پایین سایدبار و قبل از تموم شدن یعنی <div/> و همچنین <ul> (طبق قانونمون) کد زیر رو بنویسیم:

<?php endif; ?>

همین!

فایل رو ذخیره کنید و نگاهی به سایت بندازین!

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

http://localhost/wordpress/wp-admin/widgets.php

حالا در اینجا میتونین ابزاری که میخواهید رو انتخاب کنید تا اتوماتیک جایگزین ابزارهای سایدبار بشن!

خسته که نیستین

حداقل خوشحال باشین

بابای

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

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

امروز یک فرم جستجو میسازیم و یک تقویم در سایدبار قرار میدیم تا در درس بعد بتونیم کار سایدبار رو تموم کنیم.

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

اما چون اینجا هدفمون بیشتر آموزش طراحی وردپرس هست و کارهایی که باید بعدن بازهم انجام بشه،(که البته ساخت فرم جستجو جزو این دسته نیست!) برای همین نیازی به توضیح زیادی نیست.

(البته میتونین کد رو بررسی کنین و اگه سوالی بود در خدمتم!)

فرم جستجویی که در اختیارتون قرار میدم رو دانلود کرده و بعد با باز کردن و انتخاب save as  اون رو با نام searchform.php در فولدر اصلی تم amoozesh ذخیره کنید.

searchform.txt

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

<li  id=”search”>

<?php include     (TEMPLATEPATH . ‘ /searchform.php  ‘)  ;   ?>

</li>

من در زیر تگ <ul> که در زیر <div > سایدبارقرار داره این کد رو نوشتم.

توضیح اینکه include یک تابع php است که کارش از اسمش معلومه، include یعنی شامل شدن و در برداشتن یعنی اینجا این تابع فایل داخل پرانتز روبروی خودش رو کپی میکنه و میاره جایی که نوشتیم، یعنی ما میتونستیم همه ی محتویات رو همینجا کپی کنیم و include نکنیم اما اینکار ابلهانه است به نظرم!

TEMPLATEPATH هم path یا همون “مسیر” template یا همون “قالب” رو مینویسه، یعنی آدرس فولدر theme مارو پیدا میکنه و فقط میمونه که به فایل searchform.php بریم.

در واقع الان ما فایلی در آدرس زیر رو include کردیم:

http://localhost/wordpress/wp-content/themes/amoozesh/searchform.php

که مثلن اگه من تم سایت خودم (tenet.ir) رو amoozesh قرار بدم آأرس اتوماتیک به آأرس زیر تغییر میکنه:

http://tenet.ir/wp-content/themes/amoozesh/searchform.php

اکی؟

حالا میمونه اون دات یا dot یا . که بعد از TEMPLATEPATH نوشتیم، اون نقطه کارش اینه که آدرس هارو به هم میچسبونه، این نکته هم بد نیست بدونین که .  در موارد بسیاری در php شبیه این کار رو انجام میده.

کار رو ذخیره میکنیم و میریم به صفحه ی اصلی سایتمون ببینیم چیکار کردیم،

برای تغییر اندازه فرم میتونیم در فایل searchform.php سایز (size) رو تغییر بدیم و برای جایگزین کردن کلمه ای به جای find قسمت value رو تغییر بدیم.

اکی؟

پس تا حالا داریم:

توضیح خاصی هم فکر نمیکنم دیگه لازم باشه id هم دادیم چون منحصر به فرده واسمش هم search قرار دادیم که فکر نمیکنم اسم دیگه ای بهتر از این باشه!

حالا اگه بخواهیم یک تقویم (که من علاقه ای بهش ندارم!) در زیر فرم جستجو قرار بدیم میریم زیر<li/> مربوط به فرم search کد زیر رو مینویسیم.

<li  id=” calendar ” >   <h2>    <?php   _e (’Calendar’)  ; ?  >   </ h2 >

<? php    get_calendar() ;  ? >

< / li >

با تابع e_ یک calender نوشتیم و بین تگ h2 گذاشتیم تا مثل بقیه عناوین بشه و بعد هم با تابع get_calender تقویم رو فراخوانی کردیم!

به همین راحتی و لذیذی یک تقویم زیر فرم جستجو قرار گرفت که میتونیم ببینیمش! سیو کنید و برید ببینید چه کرده اییییددد!!

برای امروز بس میباشد!

در درس بعدی کاری میکنیم که سایدبارمون widgetize بشه و با ابزاک ها سازگار!

این یکی از مهمترین کارهاست و از همه ی کارها هم ساده تر!

مواظبت باشید!

بای بای بای

سلام

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

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

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

وردپرس امکانی داره که نوشته های سایت رو بر اساس تاریخ نوشته شدن و انتشار دسته بندی میکنه!

ما اگه بخواهیم آرشیو زمانی نوشته هامون رو داشته باشیم(مثلن بر اساس ماه انتشار مطلب) میتونیم از یک تابع استفاده کنیم و اون رو در سایدبار قرار بدیم تا بازدید کننده ها بتونن مطالب طبقه بندی شده هم داشته باشن.

برای تیتر یا عنوان از کلمه ی Archives استفاده میکنیم:

<li>

<h2>

<?php _e(’Archives’); ?>

</h2>

من این کد رو در لیست صفحات که دیروز یاد گرفتیم قرار دادم،میدونیم که تنها کار این یک خط اینه که ی با فونتی بزرگ مینویسه: Archives یا در فارسی : بایگانی

میریم به خط بعد و یک تگ ul باز میکنیم و از تابع wp_get_archives استفاده میکنیم و در انتها هم ul رو میبندیم و هم li که در ابتدا باز کرده بودیم:

<ul>

<?php wp_get_archives(); ?>

</ul>

</li>

اکی؟

این تابع بدون آرگومان آرشیو رو به طور پیش فرض ماهانه نمایش میده که میتونین بعد از ذخیره ی فایل و دیدن سایت (با wamp باز) اون رو در پایینترین قسمت سایت ببینید.

اما آرگومان های دیگری هم هست مثل:

type=dailyو type=weeklyو type=monthly و type=postbypost

daily روزانه ، weekly هفته ای ، monthly ماهانه، آرشیو رو نمایش میدن و  postbypost هم نام پستها رو نشون میده.(در واقع لیست نوشته هارو)

مثلا ما میخواهیم آرشیو رو هفتگی کنیم برای این کار، آرگومان مربوط رو به صورت زیر وارد میکنیم:

<?php wp_get_archives(‘type=weekly’); ?>

نکته ی مهم دیگه اینه که ما میتونیم آرگومان های سودمند دیگه ای هم اضافه کنیم و هر کدوم رو با یک & از دیگری جدا کنیم:

<?php wp_get_archives(‘type=weekly&limit=2&before=###&after=***&show_post_count=1′); ?>

توضیح: آرشیو هفته ای است،limit یعنی حد نهایت ، یعنی اینکه فقط ۲ خط آرشیو نوشته میشه، before برای نمایش کاراکتر یا کلمه ای قبل از هر خط و after برای بعد از هر خط است،show_post_count هم اگر برابر با ۱ باشه تعداد مطالب در اون بازه ی زمانی (که در اینجا هفته ای است) رو نشون میده و اگه ۰ هم  باشه که نباشه بهتره!!(یعنی نمایش نمیده تعداد پست ها رو!)

این از این!

حالا یک تابع دیگه میخواهیم بنویسیم که لینکهای ما به سایتهای دیگر رو نشون میده.

میریم پایین <li/> مربوط به archives و کد زیر رو مینویسیم:

<?php get_links_list(); ?>

این از اون توابعی است که نیازی به عنوان و تگ های li و ul نداره و خودش همه کارها رو انجام میده!

بعد از نوشتن و ذخیره کردن میریم و سایت رو میبینیم.

لیست لینکها در انتهای سایت اومدن،ما میتونیم از قسمت links یا پیوند ها در پیشخوان لینکهامون رو ویرایش کنیم.

تابع دیگری هم هست به صورت:

<?php      wp_list_bookmarks();     ?>

این تابع دقیقا همون کار بالایی رو میکنه با این تفاوت که آرگومان های اینو من بلدم اما اون یکیو نه:d یعنی فکر میکنم اون بالایی آرگومانی نداره!

به هر حال بعضی از آرگومان ها اینها هستند:

<?PHP wp_list_bookmarks(’show_images=1&show_description=1&show_rating=1′);?>

در قسمت ویرایش link ها یا همون “پیوندها” قسمت های مختلفی از جمله توضیحات،عکس و غیره هست که میتونیم تغییرشون بدیم مثلا میتونیم به سایتهایی که لینک کردیم امتیاز(rate) بدیم یا عکسی در نظر بگیریم که با (show_image=1) نمایش داده بشه یا توضیحات رو با (show_description=1) نشون بدیم!

البته اینها فقط جنبه آموزشی داشت و من از هیچ آرگومانی برای تابع استفاده نمیکنم، شما هم میل خودتونه!

و در آخر یک نگاهی به منبع (source) سایتمون بندازیم ببینیم که یک خط کد چه کرده!!! :

توضیح: برای دیدن سورس یا منبع هر سایت میتونین از هر مرورگری که استفاده میکنید بر روی صفحه کلیک راست کنید و روی source یا view source یا یه همچین چیزی(:d) کلیک کنید.

تی سی !

بابای!