سوق العرب | معهد سكيورتى العرب | وظائف خالية

نسخة كاملة: شرح تحويل ستايل WordPress لـHTML5
أنت حالياً تتصفح نسخة خفيفة من المنتدى . مشاهدة نسخة كاملة مع جميع الأشكال الجمالية.
السلام عليكم ورحمة الله وبركاته :

شرح تحويل ستايل WordPress ل HTML5


1- افتح لوحة التحكم الووردبريس عندك .

2- المظهر ----> المحرر .
Appearance ----> Editor

3- افتح قالب الترويسة أو Header

ابحث عن

كود :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

واستبدلها بـ

كود :
<!DOCTYPE html >

ابحث عن

كود :
<html xmlns="http://www.w3.org/1999/xhtml">

واستبدلها بـ


كود :
<html>

ابحث عن

كود :
<head profile="http://gmpg.org/xfn/11">

استبدله بـ

كود :
<head>

ابحث عن

كود :
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

استبدله بـ

كود :
<meta charset="<?php bloginfo('charset'); ?>" />

ابحث عن

كود :
<!-- header -->
    <div id="header">

واستبدله بـ

كود :
<!-- header -->
    <header>

ابحث عن

كود :
</div>
    <!-- /header -->


استبدله بـ

كود :
</header>
    <!-- /header -->


4- افتح قالب الفوتر Footer

ابحث عن

كود :
<!-- footer -->
<div id="footer">

استبدله بـ

كود :
<!-- footer -->
<footer>

ابحث عن

كود :
</div>
<!-- footer -->

استبدله بـ

كود :
</footer>
<!-- /footer -->

5- افتح قالب Single Post (single.php)

ابحث عن

كود :
<?php the_content(); ?>

استبدله بـ

كود :
<article><?php the_content(); ?></article>



ملاحظة : تم عمل هذا الشرح بناءً على ثيم أتوم ATOM من digitalnature , يوجد تعديلات اخرى يجب ان يتم عملها سواء على هذا الثيم او غيره و كل ثيم يختل عن غيره بالأكواد و 80% ان تجد ثيمات تستخدم نفس اكواد بعضها البعض .


منقول


ادارة سكيورتي العرب
روابط المرجعيات