[سلسلة wpA] الدرس الأول : تجهيز بيئة العمل و التعامل مع index.php

SL0wZEr · #1 10-05-2009, 07:09 PM

في البداية الأمر يجب أن تعلم أنه يجب قبل البدء في هذه السلسلة أن تكون قد قمت بتحميل برنامج يدعم الـ ‏php ‎‏ و ‏تجهيز جهازك للعمل ( ‏localhost‏ ) ..‏

برامج مفيدة : ‏
Wamp ‎
Camel server
و هناك المزيد من البرنامج و يمكنك البحث عنها في قوقل . ‏

برنامج محرر نصوص :

EditPlus

تنصيب الـ ‏wordpress ‎‏ : ‏
هناك الكثير من الدروس المفيدة و لا أحتاج للتكرار الذي لا فائدة منه ( لا أحب التكرار ) يمكنك البحث في موقع ‏عرب ورد برس أو البحث عنها في محرك البحث الشهير قوقل . ‏

بدأ العمل : ‏
بعد تنصيب الوردبرس أدخل على ملفات النسخة و أدخل إلى : ‏
C:\camel\www\wordpress\wp-content\themes
حيث أني أعمل بـ سيرفر الجمل و أستخدم القرص ‏C ‎‏ كقرص أساسي و ملف الورد برس إسمه ( ‏wordpress‏ ) . ‏
ستجد هناك ملفان هُـما ( ‏classic‏ – ‏default‏ ‏‎( ‎‏ و هُـما ملفات القوالب الإفتراضية التي تكون مدرجة مع ‏الوردبرس . ‏
الأن يجب عليك إنشاء ملف جديد ولنسميه مثلا ‏mytheme‏ و بعد الدخول على الملف سيكون فارغا بالتأكيد ( بلا ‏غباء :D ‏‎(‎‏ . ‏
نقوم أولا بإنشاء ملفين و هُما ‏index.php ‎‏ و الأخر ‏style.css‏ . ‏

نبدأ بملف الـ ‏style.css ‎‏ : ‏
أفتح الملف و قم بنسخ المحتوى التالي إلى الملف و قم بحفظه فقط ‏

‎
‎

كود:

/*  ‎
Theme Name: mytheme
Theme URI: http://a7med.ws
Description: Hello world this is my FIRST Theme
Version: 1.0‎
Author: Ahmed Darnis ‎
Author URI: http://a7med.ws
*/‎
‎

حيث أن هذه هي معلومات القالب

.
‎
بعد ذلك جرب الدخول إلى لوحة تحكم المدونة و إضغط على قوالب ستجد أن ‏القالب ظاهر بين القوالب الأخرى بنفس التسمية . ‏

الأن لننتقل إلى ملف ‏index.php‏ : ‏
في بداية الأمر ستحتاج إلى إضافة المحتوى التالي إلى الملف ، سأشرح ‏معناه بالتفصيل : ‏

‎

كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

	<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

	****** http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	****** name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

	<?php wp_get_archives('type=monthly&format=link'); ?>
	<?php //comments_popup_script(); // off by default ?>
	<?php wp_head(); ?>
</head>
<body>

</body>
</html>
‎

حيث : ‏

كود:

    <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>

هي دالة عنوان المدونة ( في الشريط العلوي ) .

كود:

<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” media=”screen” />

وهي دالة إستدعاء ملف التنسيق الـ ( CSS ) و تنبيه المدونة بوجود ملف تنسيق .

. . . . . . . . . . . . . . . . . . . .

أدخل إلى ‏localhost/wordpress/wp-admin‏ ثم إلى القوالب و قم بتفعيل القالب ‏الجديد و أرجع إلى ‏localhost/wordpress ‎‏ و ستجد أن الصفحة بيضاء مع عنوان ‏المدونة بالأعلى ( في الشريط ) فقط .. ‏

إلى هنا سنكون قد انتهينا من تجهيز بيئة العمل و تنصيب الورد برس و تجهيز ‏ملف ‏index.php ‎‏ و ‏style.css ‎‏ للعمل .. ‏

صور من داخل الدرس : ‏

* داخل ملف ‏mytheme .
* محتوى الـ ‏index.php‏ و ‏style.css‏ ‏ .
* صورة من داخل لوحة التحكم ‏ .

|| صدى الصمت || · #2 10-06-2009, 11:32 AM

{ الله يعطيك ألف عافيه

شرح كافي و وافي ,,, باللإنتظار }

اسكي · #3 10-07-2009, 02:18 PM

واصل بارك الله فيك
دمت بود

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
ماذا بعد تجهيز المدونه ؟	aseer	مناقشة عامة	7	07-18-2009 08:52 PM
اصنع قالب ورد بريس من الصفر -- فيديو -- الدرس الأول	lionhurt	قوالب ووردبريس - عام	3	07-05-2009 06:40 PM
[استفسار] المساعدة في تجهيز المدونة	almorsh	الدعم الفني المتقدّم	4	06-18-2009 02:00 PM
دورة استكشف أداة Pen Tool - الدرس الأول	almobde3	مقتطفات تدوينية	0	11-14-2008 06:33 PM

هؤولاء الاعضاء يشكرونك يا SL0wZEr على هذه المشاركة:
اسكي (10-07-2009), SUBSWISS (10-06-2009), TheSilent000 (10-07-2009)

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)