logo, ali, hamdi

بسم الله الرحمن الرحيم

الحلقة الثانية : تهيئة التصميم الخاص بك

بعد ان تحدثنا في الحلقة الاولى مقدمه عن الوورد بريس
الجميل في حلقاتنا اننا سنطبق على ثيم قد قمتم جميعا او بشكل عام قمتم بتصميمه فهو تصميم المستوى الاول awebarts
awebarts
في البداية اخواني بعد التاكد من تنصيب الوورد برس ندخل للوحة التحكم الخاصه بالوورد برس ويكون من خلال اضافة الكلمه wp-admin بعد رابط الموقع الاساسي مثلا :
لو دخلنا من السيرفر الشخصي نضع في الرابط اولا كلمة localhost ونختار ملف المشروع الذي نود عرضه اما في حلقتنا لليوم نضع لنفرض ملف المشروع الموجود عندي اسمو wordpress فيكون الرابط :
http://localhost/wordpress/
وللدخول للوحة التحكم نضيف للرابط كما قلنا wp-admin
فيصبح الرابط :
http://localhost/wordpress/wp-admin/

اضافة مجلد التصميم للووردبريس

كما قلنا في السابق انني استخدمت السيرفر الشخصي wamp لذلك ساذهب الى مجلد الووردبريس الذي تم تنصيبه من خلال الدخول للقرص c او المكان الذي يوجد فيه مجلد wamp ومن ثم ندخل للملف www وندخل لمجلد المشروع والذي اتفقنا بان اسمه wordpress وبعد ذلك ندخل للمجلد wp-content ومن ثم للمجلد themes
WD
لو تلاحظ بانه يوجد قوالب موجوده فعليا بشكل افتراضي مع الوورد بريس ولتفعيلهم يمكنك بعد الدخول للوحة التحكم ان لApperance الموجوده بالقائمة الجانبية للوحة التحكم وبامكانك تفعيل ما تريد منها
appearnce وطريقة تفعيل القالب يكون عند وضع الماوس على القالب يعني hover يظهر زر تفعيل او عدم تفعيل كما في الصورة بالاسفل يظهر زر التفعيل
active-theme
الان نقوم بالخطوات التاليه
  • ننشئ مجلد باسم القالب وليكن اسم المجلد awebarts
  • ننسخ هذه الملفات من التصميم الذي قمنا بتصميمه css,images,js
  • بعد ذلك ننشئ ملف باسم style.css ونعمل بداخله عملية استدعاء وتضمين لملف التصميم الخاص بالقالب ,كما نعلم باننا عندما قمنا بتصميم القالب قمنا بتصميمه بمعزل عن الوورد بريس فكانت ملفات القالب تتكون من css,images,js
    لذالك نقوم بتضمين ملف التصميم الخاص بالقالب بداخل الملف الجديد من خلال import
    @import(“css/style.css”);
  • نضيف المعلومات الخاصة بالقالب عن اسمه ومصممه والنسخه والاصدار والترخيص طبعا تضاف كتعليق وتوضع في رأس الصفحة
/******************************************************** Theme Name:AWEBARTS
Theme URI:
Description:A clean Awebarts theme made
Author:Muhammd Al-Ashqar
Author URI:http://www.mbacis.com
license:GNU General Public License version 3.0
Licence URI:http://www.gnu.com/licenses/gpl-3.0.html
Tags:custom-header, custom-menu, editor-style,
********************************************************/
 
  • ننشئ ملف جديد ونسميه index.php ونتركه حاليا فارغ . نذهب للوحة التحكم ونذهب لappearance فنجد بان القالب قد اضيف ولكن ينقصه صورة دلالية تدل عليه screenshot
 
 
  • نصمم صورة لكي تكون صورة تدل على القالب وتكون ابعادها 300 للعرض * 225 للطول ونضيفها بعد ذلك screenshot.png داخل مجلد القالب ويكون اسمها طبعا
 
screenshot
 
  • ننشئ ملف اسمه functions.php وهو ملف مهم جدا جدا في كل قالب لاضافة دوال خاصه خاصة
 
سنكمل بالحلقة القادمه باذن الله تحياتي لكم

محمدالاشقر

This post has 5414 Views

6 responses to “الحلقة الثانية : تهيئة التصميم الخاص بك”

  1. ali7amdi says:

    ماشاء الله بالتوفيق

  2. ahmed awad says:

    والله للاسف انا بدخل فى التصميم شوية وببعد شوية بس للاسف ده لظروف شغل عندى تانى بس ان شاء الله استمر معكم
    جزاكم الله خيراااا

  3. khaled says:

    when add plugin this error appear “Fatal error: Maximum execution time of 30 seconds exceeded in C:\xampp\htdocs\wordpress\wp-includes\class-http.php on line 1498” please help me

  4. احمد says:

    جزاكم الله خيرا على هذة الفيديوهات
    الفيديو رقم 9 غير موجود
    https://alihamdi.com/category/web-development/flat-responsive-bootstrap-3-wordpress/page/4/

Leave a Reply

Your email address will not be published. Required fields are marked *