آموزش بهینه کردن قالب [رفع ارورهای قالب]

[MihanV]

درود
رفع ارور کردن قالب کار چندان سختی نیست و به نظر من هر کس میتونه خودش قالبش رو بدون ارور کنه
حالا توی پست اول این تاپیک ارور های معمول + نحوه رفع رو قرار میدم
شما هم میتونید با کمک این تاپیک خودتون قالبتون رو رفع ارور کنید
هر سوالی که داشتید مطرح کنید , چون تعداد ارور ها زیاد هست شما اروری رو که راجع بهش توضیح ندادیم مطرح کنید که اضافه بشه

اول میریم به این ادرس : validator.w3.org
ادرس سایت رو وارد میکنیم , ارور ها نمایش داده میشه

ارورهای معمول :

1 ) استفاده از id بیش از یکبار در قالب
ارور :

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

نحوه رفع :
اگر در استایل قالب کلاسی به صورت زیر تعریف شده بود , از این کلاس فقط یک بار باید در قالب استفاده کنیم

#class
{

}

اگر نیاز به چند بار استفاده هست باید در استایل به جای # , . قرار دهیم
اینجوری :

.class{


}

2 ) </div> اضافی در قالب

ارور :

Line 1114, Column 31: end tag for element "div" which is not open

رفع ارور :

با توجه به خطی که در ارور نشون داده میشه میریم و اون </div> اضافی رو پاک میکنیم









3 ) عدم تعریف alt برای عکس ها

ارور :

Line 676, Column 61: required attribute "alt" not specified

رفع ارور :

کد عکس بدون alt :
در این حات ارور میگیره

<img src="http://www.aks.jpg" border="0"  />

کد عکس , alt اضافه شده
حالت صحیح

<img src="http://www.aks.jpg" border="0" alt=" text " />

4 ) استفاده نادرست از <br />

ارور :

Line 136, Column 5: end tag for "br" omitted, but OMITTAG NO was specified

رفع ارور : قرار دادن <br /> به جای <br>
همین کار ساده تعداد زیادی از ارور ها رو رفع میکنه








5 ) </a> اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)
مثال :

<p style='text-align: center'>عکس های هنری</font></a>

ارور :

Line 338, Column 53: end tag for element "A" which is not open

رفع ارور :
</a> اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم


6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم
</td>
</tr>
</table>
</ul>
</li>
</p>








7) قرار ندادن / اخر تگ های متا یا استایل

مثال غلط:

/ قرار داده نشده

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >

مثال صحیح :

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

همین ممکن است برای استایل قالب هم اتفاق بیفتد

-----------------------------------------------------------------------------------------------------------------------------------
در راستای مطالب تا اینجای کار این قالب رو قرار دادم تا دوستان بتونن مطالب گفته شده رو عملی انجام بدن
این قالب حدود 90 ارور داره که با مطالب گفته شده میشه +60 ارور رو برطرف کرد
پیشنهادم اینه که این کار رو انجام بدید , با یکبار انجام دادن دیگه با دیدن ارور مشابه هم سریع میتونید رفع ارور کنید
همچنین تا حد زیادی کمک خواهد کرد برای ارور های بعدی که قرار میدم
لینک قالب ضمیمه شد

-----------------------------------------------------------------------------------------------------------------------------------

این ارور توسط ikiosan اموزش داده شده است

8 ) آموزش رفع ارور utf -8 که اکثر قالب ها این مشکل رو دارند

رفع ارور :


برای رفع این ایراد ابتدا این برنامه را دانلود کنید .

برنامه nodpad ++

سپس فایل های قالب یکی یکی باز کنید و از منو بالای برنامه به قسمت encoding برید و گزینه encoding in utf-8 without bom را انتخاب کنید بعد فایل رو save کنید . برای همه فایل های php قالب این کار رو انجام بدید

حالا قالب شما با utf-8 مشکلی نداره .


9) استفاده از تگ <Center>

ارور :

Line 128, Column 8: element "Center" undefined
<Center>✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case

این تگ رو نباید داخل قالب استفاده کرد و برای وسط چین کردن باید از سی اس اس استفاده گرد به این صورت :
مثلا میخواهید کلمه وردپرس رو بیارید وسط :
اول داخل استایل قالب یه کلاس تعریف میکنیم :

.vasat {

text-align:center;

}

حالا داخل قالب به اینصورت قرار میدیم

<div class="vasat">وردپرس   </div>

این کار همان عمل تگ center رو انجام میده


10 ) استفاده تگ های h در محل نامناسب

ارور :

element "H3" undefined
… <div class="sidebar-box-right"><H3><div class="title">برچسب‌ها</div></H3>
✉You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case

توی این مورد به اینصورت استفاده شده :

<H3><div class="title">برچسب‌ها</div></H3>

که نحوه صحیح به این صورت هست :

<div class="title"><H3> برچسب‌ها  </H3>   </div>

نباید <div> رو داخل تگ قرار داد

----------------------------------------




از دوستان هم هرکس دوست داشت ارور + نحوه رفع رو قرار بده تا به پست اول اضافه بشه

 

[Ehsan--M]

درود
رفع ارور کردن قالب کار چندان سختی نیست و به نظر من هر کس میتونه خودش قالبش رو بدون ارور کنه
حالا توی پست اول این تاپیک ارور های معمول + نحوه رفع رو قرار میدم
شما هم میتونید با کمک این تاپیک خودتون قالبتون رو رفع ارور کنید
هر سوالی که داشتید مطرح کنید , چون تعداد ارور ها زیاد هست شما اروری رو که راجع بهش توضیح ندادیم مطرح کنید که اضافه بشه

درود
واقعآ عالی کار بسیار خوب و پسندیده ای به نظرم. باعث میشه دیگران هم استفاده کنن. بسیار زیاد Like

 

[agric]

خیلی عالی و مفید بود لطفا ادامه بدید.

 

[MihanV]

خیلی عالی و مفید بود لطفا ادامه بدید.

درود
واقعآ عالی کار بسیار خوب و پسندیده ای به نظرم. باعث میشه دیگران هم استفاده کنن. بسیار زیاد Like

ممنون دوستان
اگر سایر بچه ها هم کمک میکردن خوب میشد




سه مورد دیگر اضافه شد




5 ) </a> اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)
مثال :
<p style='text-align: center'>عکس های هنری</font></a>

ارور :

Line 338, Column 53: end tag for element "A" which is not open

رفع ارور :
</a> اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم


6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم
</td>
</tr>
</table>
</ul>
</li>
</p>








7) قرار ندادن / اخر تگ های متا یا استایل

مثال غلط:

/ قرار داده نشده

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >

مثال صحیح :

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

همین ممکن است برای استایل قالب هم اتفاق بیفتد

 

[Web-Master]

سلام بسیار تا بسیار عالی بود:thumbsup:
انشاالله زود به زود پست بدی و ما هم بیشتر از اطلاعاتت بهره ببریم فقط یک سوال برام پیش اومد خوب این هایی که گفتی ارور هایی بود که توی w3.org میگه اما میخواستم بدونم اخطار ها برای چی هست؟ (warning
)
لطفا یه مثال از هر کدوم بزن
ما همچنان منتظر این فروشگاه وردپرسی هستیم کی 100% کامل میشه؟

 

[M@rteza]

مثل همیشه عالی داداش
فقط این سیستم فروشگات رو هم اوکی کن :دی

اگه زیاد وقت داری

 

[MihanV]

سلام بسیار تا بسیار عالی بود:thumbsup:
انشاالله زود به زود پست بدی و ما هم بیشتر از اطلاعاتت بهره ببریم فقط یک سوال برام پیش اومد خوب این هایی که گفتی ارور هایی بود که توی w3.org میگه اما میخواستم بدونم اخطار ها برای چی هست؟ (warning
)
لطفا یه مثال از هر کدوم بزن
ما همچنان منتظر این فروشگاه وردپرسی هستیم کی 100% کامل میشه؟

خواهش میکنم
برای اخطار ها هم مثال میزنم
فروشگاه هم داره کامل میشه

مثل همیشه عالی داداش
فقط این سیستم فروشگات رو هم اوکی کن :دی

اگه زیاد وقت داری

فروشگاه دوست داری؟ :دی

 

[mercedes62]

like

لطف کردی مرسی

 

[imehrdad]

تاپیک بسیار خوبی هست تنکس فراوان
از فردا شاهد پست های افراد معلوم حال ( که تا دیروز نمی تونستن لینک بسازن روزی صد تا تاپیک واسه سوالاشون باز میکردن و امروز ادعا می کنن که همه مشکلات رو می تونن حل کنن) با عنوان : " من می تونم ارور های قالبت رو رفع کنم ولی هزینه داره خواستی اینم آی دیم " خواهیم بود :happy:

 

[chinatown]

آی قربون آدم خوش ذات !

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

 

[...Rahim...]

آورین آورین !
خوشمان آمد
موفق باشی

 

[...Rahim...]

سایت من کلا 5 تا ارور داره که اینان : http://www.up.vatandownload.com/images/3uvj6abq57vee624p865.jpg
چیکارشون کنم ؟
ممنون

 

[MihanV]

like

لطف کردی مرسی

تاپیک بسیار خوبی هست تنکس فراوان
از فردا شاهد پست های افراد معلوم حال ( که تا دیروز نمی تونستن لینک بسازن روزی صد تا تاپیک واسه سوالاشون باز میکردن و امروز ادعا می کنن که همه مشکلات رو می تونن حل کنن) با عنوان : " من می تونم ارور های قالبت رو رفع کنم ولی هزینه داره خواستی اینم آی دیم " خواهیم بود :happy:

:دی

آی قربون آدم خوش ذات !

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

امورغیر دنیوی رو مطرح نکنید :دی

آورین آورین !
خوشمان آمد
موفق باشی

سایت من کلا 5 تا ارور داره که اینان : http://www.up.vatandownload.com/images/3uvj6abq57vee624p865.jpg
چیکارشون کنم ؟
ممنون

قالبت html5 هست فکرکنم
احتمالا تو هدر قالبت خط اول و دوم این دو خط کد باشه :

<!DOCTYPE html>
<html dir="rtl" lang="fa-IR">

این ها رو با کد های زیر تعویض کن

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">

این متا ها رو هم چک کن درست باشه :

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-language" content="fa-IR" />

 

[Ehsan--M]

تاپیک بسیار خوبی هست تنکس فراوان
از فردا شاهد پست های افراد معلوم حال ( که تا دیروز نمی تونستن لینک بسازن روزی صد تا تاپیک واسه سوالاشون باز میکردن و امروز ادعا می کنن که همه مشکلات رو می تونن حل کنن) با عنوان : " من می تونم ارور های قالبت رو رفع کنم ولی هزینه داره خواستی اینم آی دیم " خواهیم بود :happy:

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

 

[ikiosan]

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

احسان ول کن بیکاریا !!!!! . بزار هرچی دوست داره بگه .

اتفاقا هر روز مشتری ها دارن بیشتر میشن چون تا حالا نمیدونستن ولید چیه . حالا دارن آشنا میشن .

خیلی تاپیک خوبیه .

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

 

[Javacl]

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

احسان ول کن بیکاریا !!!!! . بزار هرچی دوست داره بگه .

اتفاقا هر روز مشتری ها دارن بیشتر میشن چون تا حالا نمیدونستن ولید چیه . حالا دارن آشنا میشن .

خیلی تاپیک خوبیه .

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

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

//

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

 

[hibest]

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

یه ارور های مشابهی هست که من متوجه نشدم از چی هست .

مثال :

public_html/site.com/wp-content/themes/C112/guide.php</b> on line <b>2</b><br />

ارور :

Line 2, Column 165: document type does not allow element "BR" here

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

ممنون

 

[MihanV]

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

یه ارور های مشابهی هست که من متوجه نشدم از چی هست .

مثال :



ارور :



ممنون

خواهش میکنم عزیز
کد قسمتی که ارور به اون اشاره مکنه هم بزار تا بشه راهنمایی کرد (و اینکه داخل body هست یا داخل header)
ولی با توجه به ارور از <br / > جای درستی استفاده نشده

 

[hibest]

ممنون میهن وی بابت پاسخگویی

این هم کد :

<?php
add_action('admin_menu', 'Framed_guide');

function Framed_guide() {
	add_theme_page('پشتیبان پوسته', 'پشتیبان', 8, 'user_guide', 'framed_guide_options');
	
}

function framed_guide_options() {
?>
<div class="wrap">
<div class="opwrap" style="background:#fff; margin:20px auto; width:80%; padding:30px; border:1px solid #ddd;" >
<h2 class="wraphead2" style="margin:10px 0px; padding:15px 10px; color:#3976a5; font-family:arial black; text-transform:uppercase; font-style:normal; background:#B3D5EF;"><b>M-Graphic.IR Support</b></h2>
</table><br /> 

<table width="100%" border="0" style="background-color:#dceefc; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-size:18px;font-family:Georgia,'Times New Roman',Times,serif;">تماس با پشتیبان پوسته</h3></td>
</tr>

<table width="100%" border="0" style="background-color:#eef5fb; padding:10px;">
<tr>
    <td>

		<p style="text-align:center;">
			<iframe src="http://" width="400" height="530" frameborder="0"></iframe>
		</p>
	</td>
</tr>
</table><br /> 


<table width="100%" border="0" style="background-color:#dceefc; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-size:18px;font-family:Georgia,'Times New Roman',Times,serif;">بروز رسانی پوسته</h3></td>
</tr>
<table width="100%" border="0" style="background-color:#eef5fb; padding:10px;">
<tr>
    <td>

		<p style="text-align:center;">
		
			<iframe src="http://" width="700" height="200" frameborder="0"></iframe>

		</p>
	</td>
</tr>
</table><br /> 

</div>

<?php }; ?>

 

[MihanV]

ممنون میهن وی بابت پاسخگویی

این هم کد :

<?php
add_action('admin_menu', 'Framed_guide');

function Framed_guide() {
	add_theme_page('پشتیبان پوسته', 'پشتیبان', 8, 'user_guide', 'framed_guide_options');
	
}

function framed_guide_options() {
?>
<div class="wrap">
<div class="opwrap" style="background:#fff; margin:20px auto; width:80%; padding:30px; border:1px solid #ddd;" >
<h2 class="wraphead2" style="margin:10px 0px; padding:15px 10px; color:#3976a5; font-family:arial black; text-transform:uppercase; font-style:normal; background:#B3D5EF;"><b>M-Graphic.IR Support</b></h2>
</table><br /> 

<table width="100%" border="0" style="background-color:#dceefc; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-size:18px;font-family:Georgia,'Times New Roman',Times,serif;">تماس با پشتیبان پوسته</h3></td>
</tr>

<table width="100%" border="0" style="background-color:#eef5fb; padding:10px;">
<tr>
    <td>

		<p style="text-align:center;">
			<iframe src="http://" width="400" height="530" frameborder="0"></iframe>
		</p>
	</td>
</tr>
</table><br /> 


<table width="100%" border="0" style="background-color:#dceefc; padding:5px 10px;"><tr>
    <td colspan="2"><h3 style="font-size:18px;font-family:Georgia,'Times New Roman',Times,serif;">بروز رسانی پوسته</h3></td>
</tr>
<table width="100%" border="0" style="background-color:#eef5fb; padding:10px;">
<tr>
    <td>

		<p style="text-align:center;">
		
			<iframe src="http://" width="700" height="200" frameborder="0"></iframe>

		</p>
	</td>
</tr>
</table><br /> 

</div>

<?php }; ?>

سه تا <br /> تو کد هست که باید حذف کنی و ارور ها هم رفع میشه