آموزش طراحی قالب وردپرس #۸(معتبرسازی)

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

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

امروز کار خاصی نداریم (مثل چند روز اخیر!!) اما از جلسه ی بعدی مهمترین کارمون شروع میشه!

تا حالا سایتمون مثل بقیه که نیست خیلی هم مذخرف (یا مزخرف،مظخرف،مضخرف و…) است!

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

و با هم شکل و شمایل سایتی رو شروع به ساختن میکنیم که هیچ کسی ندیده و مخصوص ماست!

امروز فقط میخواهیم یک کار انجام بدیم و اون اینه که ببینیم تا حالا اشکالی توی کدهایی که نوشتیم بوده یا خیر!

دیدن تک تک خط ها کار ابلهانه ایست!

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

اول باید بدونیم که چه طوری میشه سورس یا منبع سایتمون رو ببینیم.

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

internet explorer یا همون IE رو باز میکنیم و به localhost میریم و بعد wordpress

روی صفحه ی سایت کلیک راست کرده و view source رو انتخاب میکنیم.

به همین راحتی کدی که توسط سایت ما به مرورگر فرستاده شده رو میبینیم.

کلید Ctrl رو نگه میداریم و A رو فشار میدیم تا کل کد به حالت انتخاب در بیاد و بعد کپی میکنیم همه رو!

حالا میریم به سایت زیر که معتبر تر از این رو پیدا نخواهید کرد!

http://validator.w3.org/

بعد کدی که کپی کردین رو در قسمتی که مشخص شده (Validate by direct input)  با Ctrl و v یا کلیک راست paste میکنید.

به همین راحتی یا سبز میشوید یا قرمز!!

من قرمز شدم!

یعنی کدم اشکال داشته اما این همه کد رو چطور چک کنم!؟

خود validator این کار رو انجام میده کمی میریم پایین تر تا اشکالات رو ببینیم.

مشکل من اینطور بیان شده:

line 159   ID  “search” already definded

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

در index.php که یک شناسه با نام search بیشتر نداریم.

پس میریم سراغ searchform.php تا ببینیم چه خبره!

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

همچین چیزی کاملا غلط است!

پس میریم و در searchform.php آن div ای که شناسه اش search است پاک میکنیم تا از شرش خلاص شیم!

اما قانون یادتون نره!

باید <div/> مربوط به اون هم پاک کنیم که همون دومی از پایین است!(هرچند اولی با دومی در اینجا فرقی ندارد!:d )

خوب حالا دوباره میریم سراغ validator تا ببینیم سبز میشیم یا نه!

من که سبز سبزم ریشه دارم.

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

پیشنهاد اول: برنامه ی Adobe Dreamweaver نسخه ی آخرش رو تهیه کنید.

پیشنهاد دوم: اگه نتونستین پیشنهاد اول رو انجام بدین Microsoft Expression Web رو تهیه کنید!

پیشنهاد سوم:اگه هیچ کدوم رو گیر نیاوردین (که خیلی اشتباه کردین!) برین و ++notepad رو دانلود کنید که حتما این یکی گیر میاد، از گوگل بپرسید!!

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

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

هرچند میتونید همچنان با notepad کارها رو انجام بدین، اما با درد!

بابای پس…

‏7 دیدگاه برای ”آموزش طراحی قالب وردپرس #۸(معتبرسازی)

  1. سلام
    ممنون بابت آموزش هاتون
    من ۱۱ تا error دارم که خیلی هاشو متوجه نمیشم باید چه بلایی سرشون بیارم
    میشه منو راهنمایی کنین
    http://validator.w3.org/check?uri=www.njmh.ir&charset=%28detect+automatically%29&doctype=Inline&group=0
    خیلی از error ها اصلا وجود ندارند یعنی اون نکته ای که قرار بوده رعایت بشه تو کد ها رعایت شده من نمیدونم چرا باز بهش گیر میده

    1. نگران نباشین بعضی وقتها ارور ها مربوط به ادیتور مطالب وردپرس هستن نه قالب شما برای اینکه مطمئن بشین مشکل از شماست یا نه میتونین تمام مطالب رو پاک کنین، و همه ی افزونه ها رو هم غیرفعال کنید و بعد ببینید که ارور میده یا نه

  2. سلام خسته نباشید
    آقا بابت این آموزشها دست گلت درد نکنه واقعاً استفاده کردیم

    اون این ولیدیت کردن من هم مشکل دارم
    یه راهنمایی کن ممنون میشم

    1. همه مطالبی که نوشتین رو پاک کنین و باز ولیدیت کنین، ارورها بیشتر مربوط به ادیتور متن وردپرس هستن / من از adobe dreamweaver و notpad++ استفاده میکنم معمولن

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.