لحسن الحظ، توجد حلول كثيرة تساعدك على إنهاء هذه الخطوة بأسرع طريقة ممكنة.

1. استخدام موقع browsershots.org وهي خدمة تعطيك صورة من موقعك بإستخدام عدة متصفحات.  ليس الخيار المثالي، لكنه لا يحتاج إلى تنصيب أي برامج.  شخصياً لا أفضّله.
2. إستخدام البرنامج الخاص بكل متصفح، وهذا يعني أن تقوم بتنصيب:
   • فايرفوكس
   • قوقل كروم أو سفاري
   • أوبرا
   • إنترنت إكسبلورر 6
   • إنترنت إكسبلورر 7
   • إنترنت إكسبلورر 8

إستخدام الخيار الثاني هو الأفضل بالنسبة لي، وبما أن فايرفوكس، كروم وسفاري، وأوبرا، متصفحات مستقلة فلن أعاني من مسألة تنصيبها مع بعضها البعض. وبما أنها تدعم المعايير القياسية بشكل أفضل من إنترنت إكسبلورر، فهذا يعني بأن الترقيعات لهذه المتصفحات لن تكون كثيرة، أو مؤذية.

أما بالنسبة لإصدارات إنترنت إكسبلورر، 6 و 7 و 8، فلا حظ لك بإستخدامهم “رسمياً” مع بعضهم البعض في أي نظام تشغيل… ولا حتى الوندوز.  والسبب أن سياسة مايكروسوفت ترى بأن “إستبدال” المتصفح عند ترقيته، أفضل من إضافة نسخة مستقلة.  وغرورها العجيب لا يرضيها بأن تستغني عن بناء نظامها البدائي على أكتاف هذا المتصفح الفقير.

لا تيأس، فقد قلت لا يوجد حل “رسمي”.. لكن دائماً هناك حلول مبتكرة

لحسن حظ (أو لسوء حظهم.. لا أعلم) مستخدمي الوندوز، هناك مطوّر “بطل” قام بإنشاء أداة مجانية رائعة تمكنك من تشغيل جميع إصدارات إنترنت إكسبلورر في برنامج واحد، من 5.5 إلى 8.

الأداة اسمها IETester، وبإمكانك تحميلها من هنا:

http://www.my-debugbar.com/wiki/IETester/HomePage

ولحسن حظ الجميع، فقد قمت بتعريب هذه الأداة، فاللغة العربية مضمنة أثناء التنصيب.

وبالنسبة للمصممين الذين يستخدمون لينكس أو ماك، لديكم عدة خيارات:

1. تجاهل متصفحي إنترنت إكسبلورر إلى أن يقومون بإستخدام متصفح محترم.
2. قم بتركيب VM داخلها وندوز إكس بي.. تفي بالغرض.
3. مصممي لينكس، بإمكانكم إستخدام ies4linux من (هنا).  شكراً ماجد السهلي :]

بودي الخيار الأول، لكني احترافياً قمت بإختيار الخيار الثاني

أتمنى لكم ترقيعاً سعيداً.

ربما يكون عنوان الموضوع غير واضح،
لكني حاولت تبسيطه بأكبر قدر ممكن

لذلك..
الفكرة العامة من الموضوع هي رغبتي بمشاركة جزء من قوالب قمت بتصميمها، أو بالتعديل عليها، غالباً ما تكون هذه الأجزاء من “إنتاج خاص”، ويعني أنه تم تأليفها وكتابت أكوادها لغرض يخدم وظيفة غير معتادة، لكنها مألوفة، وغالباً لن تجد هذه الأجزاء في الإنترنت بسهولة.

أحد أهم الأجزاء، والتي يطلبها الكثير مني أثناء تعديلي على قالب مدوناتهم، هي سرد قائمة الصفحات الفرعية بداخل صفحة ما.
يعني لنفترض أنه لديك شجرة الصفحات كالتالي:

• عن أحمد (الصفحة الأب)
  • الإهتمامات (صفحة إبن)
  • تصاميمي (صفحة إبن)
  • مواقعي (صفحة إبن)
  • إلخ (صفحة إبن)
• صفحة أب أخرى
  • صفحة إبن للأب الآخر
  • صفحة إبن أخرى للأب الآخر

بإستخدام قالب الوورد بريس الأساسي، ستجد الصفحات بنظام الشجرة في القائمة الجانبية، ولكن لن تجدها في نص الصفحة الأب.

كيف تقوم بإظهارها؟  إتبع الطريقة التالية..

طريقة إظهار الصفحات الفرعية

حتى تقوم بإظهار روابط الصفحات الفرعية، في نص الصفحة الأب، بإمكانك إستخدام الطريقة التالية:

إفتح ملف القالب (page.php)، وإبحث عن (<?php endwhile; endif; ?>):

أسفلها مباشرة، قم بإضافة الشفرة التالية:

<h2>صفحات القسم</h2>
<ol class="childpages">
	<?php
		global $id;
		wp_list_pages("title_li=&child_of=$id&show_date=modified&date_format=$date_format&depth=1");
	?>
</ol>

الآن، لو قمت بزيارة الصفحة الأب (عن أحمد)، ستجد قائمة (الصفحات الأبناء) بعد نهاية نص (الصفحة الأب) مباشرة.
ولتنسيق القائمة، بإمكانك إستخدام الكلاس (childpages) وهو معرّف في قائمة مرقّمة بإستخدام الوسم <ol>.

بإمكانك إستخدام التنسيق التالي والمستخدم في الصورة في بداية الموضوع، لتبني عليه تنسيقك الخاص،

.childpages {
	padding: 10px;
	border: 3px solid #eee;
	-moz-border-radius: 10px;
}
 
.childpages li {
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #f5f5f5;
	margin-right: 20px;
}

أتمنى لك وقت تصميم ممتع!

إحترت كثيراً كيف أبدأ أشارك زوار مدونتي العزيزة، بعض معلوماتي عن تصميم المواقع.  لأن فيه مواضيع كثيرة، أحس ودي أتكلم عنها، بحيث أكون أرضيت جميع الأذواق، لكن تجري الرياح بما لا تشتهيه السفن.

بصراحة، ما ودي أبدأ كورس تعليم CSS أو HTML .. لأن فيه غيري كثير شرحوهم شروحات وافية… أولهم موقع http://www.w3schools.com.

علشان كذا، راح أتبع المقولة اللي تقول، “إبدأ من حيث إنتهى الآخرين”

لأنك بعد ما تنتهي من تعلّم الـ CSS والـ HTML، غالباً ما راح تقدر تبدأ تصمم صفحات إنترنت ذات عناصر معقدة، لأنك تفتقر إلى الخبرة في تطبيق النظرية.

تماماً مثل أول مرة تعلمت تكتب فيها، خط يدك كان الله بالخير…
لكن بعد ممارسة الكتابة، وتطبيق نظريات الحروف اللي فوق السطر واللي تحته.. واللي عليه.. خط يدك تحسّن كثير عن أول مرة كتبت فيها.
وترى مو شرط بعد ما تتمرس الكتابة بيدك، تقدر تكتب قصائد أو روايات.. لأن الإبداع موهبة، ما هي شي يقدر أحد يدرسك إياه، أو يكتب خطوات تعلمه في كتاب أو مقالة.  هذا هو حال تصميم المواقع، لأنك لو تمكنت من تقنيات التصميم، يبقى عليك تنمي أهم عنصر، ألا وهو الإبداع الشخصي.

ما راح أتطرق لكيفية تحسين أو صقل تفكيرك لتصبح من المبدعين، لأني لست منهم.

لكني قررت أن أبدأ في كتابة سلسلة نصائح CSS، بحيث لو أنت ملم بغالبية الوسوم المعروفة، راح تفيدك هذه النصائح بلا شك.

بسم الله نبدأ، بإفتتاح هذا القسم

مرحباً

هذا التصميم سويته من فترة طويلة حق أحد العملاء.. لكن ما عجبه، لذلك حطيناه في كرتون وحذفناه في المخزن.
وأنا جالس أشيل اللي ابي واللي ما ابي، لقيت لكم إياه، هو مع كم تصميم بحطهم شوي شوي.

طبعا لا تتحمسون كثير، لأن التصميم ملف PSD فقط.. يعني ما فيه ملفات قالب.
لكن التصميم مفتوح المصدر!!

كيف يعني؟

يعني يا حبيب قلبي، تقدر تاخذه وتعفس فيه زي ما تبي… وتعطيه اللي تبي… بدون إلتزامات.. بشرط واحد..
هذا التصميم مرخص للإستخدام الحر فيما لا يغضب الله سبحانه وتعالى!

وإذا عدلت على التصميم، لا تبخل علينا… ورينا إبداعاتك، وشاركنا متعة المصدر المفتوح

ملاحظة: إن كنت ترغب في دعمي ودعم مدونتي، لك أن تكتب أو تضع رابط لنا.. فذلك يفي بالغرض

الكعبة المشرّفة

القُبّةُ الخَضْرَاءُ

رائع يا بندر