روز به خیر …
در اینکه استفاده از فریم ورک jQuery این چند وقته زیاد شده و اینکه توی خیلی از پوسته ها انواع استفاده از اونو میشه دید شکی نیست…در واقع من مقعتقدم jQuery یکی از بهترین هاست.
کاری که ما توی این مقاله میخوایم انجام بدیم اینه که با استفاده از jQuery میایم و قابلیتی رو به پوسته ی وردپرسی شما اضافه میکنیم که به بیننده ی سایت شما این امکان رو میده که نوشته ای رو که دوست نداره از برگه اول سایت (همونجا که نوشته ها نمایش پیدا میکنند) حذف کنه بره پی کارش!
این کار بسیار ساده است و میشه گفت همه ی کسانی که کپی پیست بلد باشند میتونن این قابلیت رو به پوسته شون اضافه کنند. من این آموزش رو روی پوسته ی پیش فرض وردپرس برای شما انجام و توضیح میدم و در نهایت کار انجام شده رو هم برای دانلود براتون میزارم تا خودتون تست کنید و به زیبایی کار پی ببرید.
1_خب اول از همه یه پوشه به نام js در پوشه ی پوسته تون ایجاد کنید و فایل های effect.js و jquery.js رو توی اون بریزید.
2_قابلیت خذف نوشته میتونه به فایل های index.php و home.php و category.php و … اضافه بشه… در واقع اون جاهایی که ما میایم و یک بلوک نوشته رو اضافه میکنیم. و از اونجایی که پوسته ی پیش فرض (کوبریک) فقط index.php رو داره ما هم باید روی اون کار بکنیم . مراحلی که در زیر میاد برای همه ی فایل هایی که در بالا گفتم صادقه و هیچ تفاوتی نداره. فایل header.php رو باز کنید و کد زیر رو :
بعد از کد زیر قرار بدید :
3_فایل index.php رو باز کنید. محتوای اون به شکل زیره :
به کد های خط 9 تا 25 فایل index.php که من در بالا آوردم نگاه کنید. اگر دقت کنید می بینید که توی این بلوکی که من مطرح کردم کد هایی هست که به طور مداوم در هر نوشته ی شما تکرار میشه . بعد از کد لوپ وردپرس کد های عنوان ، تاریخ و متن توشته رو داریم و بعد از اون هم کد برچسب ، دسته بندی ، ویرایش و تعداد دیدگاه ها.
یک بار دیگه به هدفی که میخوایم بهش برسیم اشاره میکنم که ما میخوایم با این بازی ها قابلیتی رو به پوسته بدیم که بشه با کلیک بر روی یک دکمه در کنار هر نوشته اون نوشته از برگه ی اصلی حذف بشه (مطالب شما حذف نمیشه ، فقط برای اون کاربر خاص نمایش پیدا نمیکنه!) پس ما باید هر نوشته مون رو توی یک بلوک داشته باشیم ، اما توی این بلوکی که من به شما گفتم ( خط 9 تا 25 فایل index.php) این کد لوپ کمی داره اذیت میکنه ، چون ما نمی تویم کد حذف نوشته مون رو روی کل بلوکی که لوپ توی اون قرار داره اعمال کنیم پس میایم زرنگ بازی در میاریم و خودمون یک class به جایی که میخوایم اضافه میکنیم. من اسم کلاس دلخواهم رو گذاشتم post-wrap ، شما میتونید هر چیزی دوست داشتید بزارید. پس فایل index.php ما شد :
4_داریم به مراحل پایانی نزدیک میشیم! وقت اضافه کردن دکمه است! من یک فایل تصویری به شکل ضربدر (همون close یا بستن) درست کردم و توی این آموزش استفاده کردم شما میتونید هر فایل دیگه ای استفاده کنید . خیلی راحت عکستون رو توی پوشه ی images پوسته تون بریزید و کد زیر رو یه جایی توی بلوک نوشته تون (مثلاً کنار عنوان) قرار بدید و با استفاده از css جای اون رو تنظیم کنید :
که در نهایت فایل index.php من به شکل زیر تبدیل شد :
5_فقط یک مرحله ی ساده مونده! برید و فایل effect.js رو با یک ویرایشگر متن باز کنید و نام کلاس بلوک نوشته تون رو در جاهایی که در اومده وارد کنید ( اسم کلاس بلوک من post-wrap بود) :
تمام! حالا برید و پوسته تون رو ، از نو ، لود کنید ( کنترل + اف پنج) و … نوشته هایی که دوست ندارید ببینید رو حذف کنید.
فایل هایی که نیاز دارید :
فایل های effect و jquery
فایل تصویر ، میتویند هر تصویر دلخواهی با همین نام رو استفاده کنید
و در نهایت کار نهایی که من انجام دادم
با سلام
بنده مطالب خوب وبلاگ شما را از طریق فید پیگیری میکنم , انتظاری که از شما دارم اینست که فید خود را بصورت کامل ارائه دهید .
ممنون میشویم اگر این لطف را انجام دهید
از طرفند های کشاندن افراد به سایت این است که گاهی اوقات خوراک را خلاصه ارائه داد!
تا شاید دلشون به رحم بیاد و به خاطر خوش شدن دل نویسنده هم که شده پاسخی بدهند! اما…در مورد شما ، باشه روش فکر میکنم ، اما قول نمیدم… 
لینک دو فایل اولی کار نمیکنه
خیلی کارتون خوبه ولی کاش به جایی که فایل آپلود میکنید دقت بیشتری میکردید