معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


 
 
صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 10 من 28

الموضوع: كيف تصمم قالبا للوردبريس من نقطة الصفر

  1. #1
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    كيف تصمم قالبا للوردبريس من نقطة الصفر


    كيف تصمم قالبا للوردبريس من نقطة الصفر

    مساهمة مني لجعل هذا الموقع مرجعا مهما للوربريس فسوف أنزل بضعة دروس متقدمة :
    1 – كيف تصمم قالبا للورد بريس من الصفر .
    2 – كيف تكتب اضافة plugin من الصفر .
    3 – كيف تطور مدونتك بأسهل الطرق.
    4 – كيف تتميز بمدونتك بميزة لا يملكها غيرك .


    طبعا الدروس تحتاج الى وقت طويل وانا رجل مشغول فأنا مدرس في الجامعة ومشاغلي كثيرة فالمعذرة .

    الدرس الأول:

    كيف تصمم قالبا للورد بريس من الصفر

    يحتاج تصميم قالب من نقطة الصفر من المصمم إلى التالي :

    1 – معرفة متوسطة بلغة php نسبة 50 %
    2 – معرفة جيدة جدا بلغات xhtml – css نسبة 70%
    3 – معرفة بأكواد وطريقة عمل البرمجة التي كتب بها كود الووردبريس الأصلي نسبة 80 %
    4 – معرفة جيدة بأحد برامج معالجة الصور والألوان. نسبة 70%
    5 – الذوق الخاص ( وهو يتكون من الزيارات المتكررة لمواقع المصممين ورؤية أعمالهم ومتابعتهم ). وتذكروا المثل القائل البساطة تصنع الجمال .
    6 – الفكر الخلاق والقدرة على ابتكار الأفكار الجديدة والمفيدة .

    يحتاج تصميم قالب جديد إلى البرامج التالية :

    1 – اي برنامج لكتابة الأكواد ، ( انا شخصيا استخدم النوت باد ) ولكني انصحكم ببرنامج npp+ وهو موجود على الرابط :

    http://sourceforge.net/project/showf...kage_id=102072

    حملوه وفيه بعض الاضافات المفيدة .

    2 – أي برنامج لتحرير الصور ( أنا استخدم الفوتوشوب ) .. والبرنامج أتركه لاختياركم .
    3 – أي برنامج لاختيار الألوان . لدي برنامج بسيط جدا سأضعه هنا في المرفقات .
    4 – برنامج سيرفر أباتشي لتنصيبه على جهازك ( أنصح ب appderv 2.4.3 )
    5 – طبعا سكريبت الوربريس حتى تنصبه على جهازك وترى نتائج

    يحتاج المصمم إلى مواقع معينة تساعده ..في فحص تصاميمه ودقتها وللتعلم وللاطلاع على ما ينقصه

    1 – أي موقع يعلم css
    2 – أي موقع يعلم xhtml
    3 - موقع وررد بريس الرئيسي ( والدروس فيه ) لكي يتغلب على بعض المشاكل التي تواجهه .



    يتبع

    كيف تصمم قالبا للوردبريس من نقطة الصفر
    كيف تصمم قالبا للوردبريس من نقطة الصفر
    كيف تصمم قالبا للوردبريس من نقطة الصفر
    الملفات المرفقة
    • نوع الملف: zip 3C.zip‏ (189.2 كيلوبايت, 86 مشاهدات)

  2. #2
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    سنقسم الدرس الى عدة أقسام ونسميها خطة العمل :

    خطة العمل :


    أولا
    – علينا أولا أن نتعرف على الأكواد الذي ستلزمنا في التصميم وفي غيره من الأمور . وهذا سيأخد حوالي من أربعة إلى خمس مشاركات .
    ثانيا
    – سنتعرف على ألية عمل الثيم وطريقة كتابته وما هي الفايلات اللازمة وطريقة كتابتها.
    ثالثا
    – نضع المخطط الأولي لشكل الثيم . وطريقة تقطيعه .
    رابعا
    - نبدأ في بناء الفايلات اللازمة .
    خامسا
    – أثناء بناء الفايلات المتضمنه للثيم نبني ملف css خطوة خطوة .
    سادسا
    – سنضيف ما يلزمنا من جافا سيكريبت أثناء البناء.
    سابعا
    – سننشر العمل .

    طبعا سنبني ثيما جديدا بسيطا ونحن نعمل كمثال عملي .


    أولا : الأكواد التي يتبناها مبرمجو الوردبريس :


    قبل ان ندرس ألية تصميم القوالب علينا أولا دراسة الأكواد التي ستلزمنا في تصميم القالب : وهي الأكواد التي يستخدمها الووردبريس : فلنبدأ على بركة الله :


    أنصح بالاحتفاظ بهذه الأكواد على ملف واحد بصيغة اكسل او ورد لتصبح مرجعا للمصممين والمبرمجين الذين يريدون أن يصمموا او يبرمجوا اضافات للوردبريس
    أ - أكواد المؤلف او الكاتب :



    كود HTML:
    الكاتب : 
    <?php the_author(); ?> 
    مثال الاستخدام : 
    <p>هذه المشاركة بواسطة :  <?php the_author(); ?></p>
    
    ***
    
    اسم الدخول للكاتب
    <?php the_author_nickname(); ?> 
    
    ***
    
    الاسم الأول للكاتب
    <?php the_author_firstname(); ?> 
    مثال الاستخدام :
    <p>هذه المشاركة كتبت بواسطة : <?php the_author_firstname(); ?></p>
    
    ***
    
    الأي دي الخاص بالكاتب 
    <?php the_author_ID(); ?> 
    مثال الاستخدام:
    <a href="/blog/index.php?author=<?php the_author_ID(); ?>">
    شاهد جميع مشاركات : <?php the_author_nickname(); ?></a>
    
    ***
    
    الاسم الأخير للكاتب
    <?php the_author_lastname(); ?> 
    مثال الاستخدام
    <p>الكاتب : <?php the_author_firstname(); ?> <?php the_author_lastname(); ?></p>
    سيظهر هذا المثال الاسم الأول والاسم الأخير للكاتب
    
    ***
    
    دخول الكاتب :
    <?php the_author_login(); ?> 
    مثال الاستخدام :
    <p>الاسم: <?php the_author_login(); ?></p>
    
    ***
    
    وصف الكاتب
    <?php the_author_description(); ?>
    مثال الاستخدام :
    <p>معلومات عن الكاتب: <?php the_author_description(); ?></p> 
    
    ***
    
    مشاركات أخرى للكاتب
    <?php the_author_posts_link(); ?> 
    مثال الاستخدام :
    <p>مشاركات الكاتب :<?php the_author_posts_link(); ?></p>
    
    ***
    
    عدد مشاركات الكاتب
    <?php the_author_posts(); ?> 
    مثال الاستخدام :
    <p>الكاتب <?php the_author(); ?> أضاف <?php the_author_posts(); ?> المشاركات</p>
    
    ***
    
    ايميل الكاتب
    <?php the_author_email(); ?> 
    مثال
    <a href="mailto:<?php the_author_email(); ?>">اتصل بالكاتب</a>
    
    ***
    
    موقع الكاتب 
    <?php the_author_url(); ?> 
    مثال الاستخدام
    <p>الموقع: <a href="<?php the_author_url(); ?>"><?php the_author_url(); ?></a></p>
    
    ***
    
    قائمة المشاركين أو الكتاب في قسم ما
    <?php list_authors(); ?>
    
    ***
    
    قائمة المشاركين في المدونة
    <?php wp_list_authors(); ?>
    مثال الاستخدام 
    <?php wp_list_authors('show_fullname=1&optioncount=1'); ?>
    سيظهر هذا المثال كل المدونين وبجانبهم عدد مواضيعهم محاطا بقوسين
    يتبع

  3. #3
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    نأتي الآن إلى أكواد الأقسام او كما يسميها البعض التصنيفات :

    ب - أكواد الأقسام أو التصنيفات :
    كود HTML:
    الأقسام 
    <?php the_category(); ?>
    مثال الاستخدام:
    <p>الأقسام: <?php the_category(); ?></p>
    ***
    قائمة الاقسام
    <?php list_cats(); ?>
    مثال الاستخدام:
    
    ***
    قائمة الأقسام rss
    <?php the_category_rss() ?> 
    مثال الاستخدام:
    <?php the_category_rss() ?>
    <guid><?php the_permalink($id); ?></guid>
    ***
    وصف قسم معين
    <?php category_description(); ?> 
    مثال الاستخدام :
    <?php category_description(3); ?> 
    هذا المثال سوف يعطيك وصف القسم ذو الرقم 3 مثلا
    ***
    قائمة الاقسام ضمن قائمة منسدلة :
    <?php dropdown_cats(); ?> 
    
    ( تستطيع أن تستخدم الأكواد التالية فيه )
    <?php dropdown_cats (optionall, 'all', 'sort_column','sort_order',  optiondates, optioncount, hide_empty, optionnone, selected, hide); ?>  
    
    مثال الاستخدام :
    <li id="categories"><?php _e('Categories:'); ?>
       <ul><li>
        <form action="<?bloginfo('url');?>/index.php" method="get"> 
       <?php dropdown_cats(); ?>
       <input type="submit" name="submit" value="view" />
       </form>
       </li></ul>
    </li>
    
    ____________________________


    يتبع

  4. #4
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    ناتي الآن إلى أكواد التعليقات والمعلقين :

    ج - أكواد التعليقات



    كود HTML:
    
    عدد التعليقات  
    <?php comments_number('صفر', '1', 'المزيد', 'الرقم'); ?> 
    مثال الاستخدام:
    <p>هذه المشاركة تحتوي على : <?php comments_number('ولا تعليق','تعليق واحد','% تعليقات'); ?>.</p>
    
    *** 
    
    التعليق  
    <?php comments_link(); ?>
    مثال
    <a href="<?php comments_link(); ?>">أضف تعليقك</a>
    
    *** 
    
    أي دي التعليق 
    <?php comment_ID(); ?> 
    مثال الاستخدام
    <p>التعليق <?php comment_ID(); ?> لجميع التعليقات.</p>
    
    *** 
    
    المعلق 
    <?php comment_author(); ?> 
    مثال
    <div>كتب التعليق : <?php comment_author(); ?>:</div>
    
    *** 
    
    اي بي المعلق 
    <?php comment_author_IP(); ?> 
    مثال الاستخدام:
    <p>المعلق من: <?php comment_author_IP(); ?></p>
    
    *** 
    
    ايميل المعلق لاستخدامه في الأوت لوك 
    <?php comment_author_email(); ?>
    مثال الاستخدام
    <a href="mailto:<?php comment_author_email(); ?>">اتصل بنا <?php comment_author(); ?></a>
    
    *** 
    
    ايميل المعلق كوصلة 
    <?php comment_author_email_link(); ?>
    مثال الاستخدام :
    البريد الالكتروني: <?php comment_author_email_link(); ?><br />
    
    *** 
    
    موقع المعلق 
    <?php comment_author_url(); ?> 
    مثال الاستخدام
    <a href="<?php comment_author_url(); ?>">زيارة موقع <?php comment_author(); ?></a>
    
    *** 
    
    موقع المعلق ظاهرا كوصلة 
     <?php comment_author_url_link(); ?>
    مثال الاستخدام
    الموقع: <?php comment_author_url_link(); ?><br />
    
    *** 
    ______________________


    يتبع
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

  5. #5
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    ناتي الآن الى أكواد الوقت والتاريخ :

    د - اكواد الوقت والتاريخ

    كود:
    
    أكواد التاريخ والوقت 
    
    التاريخ 
    <?php the_date(); ?> 
    مثال الاستخدام الأول 
    <div><?php the_date(); ?></div> 
    سيظهر التاريخ حسب ترتيب المدونة 
    
    *** 
    
    التاريخ xml 
    <?php the_date_xml(); ?> 
    مثال الاستخدام 
    <p>تاريخ الكتابة: <?php the_date_xml(); ?></p> 
    
    *** 
    الوقت  
    <?php the_time(); ?>  
    مثال الاستخدام 
    <p>وقت المشاركة: <?php the_time(); ?></p> 
    مثال آخر للتحكم : 
    <p>Time posted: <?php the_time('g:i a'); ?></p> 
    سيظهر الوقت بهذا الشكل :  
    10:36 pm 
    مثال ثالث للتحكم : 
    <p>وقت المشاركة: <?php the_time('G:i'); ?></p> 
    سيظهر الوقت بهذا الشكل 
    17:52 
    
    *** 
    
    التاريخ + الوقت 
    مثال الاستخدام 
    <p>كتبت بتاريخ : <?php the_time('F j, Y'); ?>عند الساعة<?php the_time('g:i a'); ?></p> 
    : مثال الاستخدام الثاني للوقت والتاريخ  
    <div><?php the_time('j  F  Y') ?</div> 
    سيظهر التاريخ بالترتيب التالي - اليوم ثم الشهر ثم السنة 
    مثال الاستخدام الثالث 
    <div><?php the_time('F j, Y'); ?></div> 
    
    *** 
    
    ______

  6. #6
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    ناتي الآن الى المصطلحات العامة :

    وهي كثيرة نوعا ما ... سأضع منها ما يفيدنا حاليا

    ملاحظة هامة : أرجو ان تجربوا بعض الأكواد ..حتى تروا فائدتها ....

    ملاحظة هامة أخرى : هذه الأكواد فيها بعض الصعوبة يرجى قراءتها بعناية .

    ه - المصطلحات العامة :



    كود HTML:
    المصطلحات العامة :
    
    ***
    
    معلومات المدونة :
    <?php bloginfo(متغيرات ما); ?> 
    <?php bloginfo('name'); ?>   يعطي اسم المدونة
    <?php bloginfo('charset'); ?>   يعطي ترميز المدونة
    <?php bloginfo('description'); ?> يعطي معلومات المدونة
    <?php bloginfo('url'); ?> يعطي موقع المدونة
    <?php bloginfo('rdf_url'); ?> يعطي موقع RDF/RSS 1.0
    <?php bloginfo('rss_url'); ?> يعطي موقع RSS 0.92 
    <?php bloginfo('rss2_url'); ?> يعطي موقع RSS 2.0
    <?php bloginfo('atom_url'); ?> يعطي موقع الأتوم
    <?php bloginfo('comments_rss2_url'); ?> يعطي موقع rss2 للتعليقات
    <?php bloginfo('admin_email'); ?> يعطي البريد الالكتروني للمشرف العام على المدونة
    <?php bloginfo('version'); ?> يعطي رقم الاصدار
    
    ***
    
    عنوان المدونة 
    <?php wp_title(); ?>
    مثال الاستخدام
    <p>انت تتصفح مدونة : <?php wp_title(); ?>.</p>
    
    مثال مستخدم في هيدر أي مدونة :
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    مثال متقدم مشروط :
    <title>
    <?php wp_title(' '); ?>
    <?php if(wp_title(' ', false)) { echo '--'; } ?> 
    <?php bloginfo('name'); ?>
    </title>
    
    ***
    
    الأرشيف :
    <?php get_archives(); ?>
    طريقة الاستخدام :
    <?php get_archives('type', 'limit', 'format', 'before', 'after', show_post_count); ?>
    أمثلة : 
    <?php get_archives(); ?>          يحضر لك الأرشيف الشهري كما في كل المدونات
    <?php get_archives('monthly', '', '', '', '', TRUE); ?>      سوف يظهر لك الأرشيف الشهري وبجانبه عدد المشاركات في كل شهر  
    <?php get_archives('yearly', '', '', '', '', TRUE); ?>          سوف يظهر لك الأرشيف السنوي وبجانبه عدد المشاركات في كل سنة
    <?php get_archives('postbypost', '10', 'custom', '', '<br />');  ?>  هذا المثال سوف يظهر لك آخر عشر مشاركات مرتبة سطر بسطر
    
    الآن دراسة للمتغيرات 
    المتغير     type 
        تستطيع ان تضع التالي فيه :
    
             'monthly' (Default)     شهري
             'daily'                             يومي
             'weekly'                        اسبوعي
             'postbypost'              مشاركة اثر مشاركة
    
    المتغير   limit 
             تستطيع ان تضع فيه  أو تتركه فارغا
        (integer)                    عدد السطور من الأرشيف . 
    
    
    المتغير :  format 
      
             'html' - ( default) .
             'option'    ( اذا استخدمت قائمة منسدلة ) .
             'link' - داخل رابط
             'custom' - للقائمة العادية. 
    
    before 
        (string) افتراضي اتركه فارغا فسوف يؤدي نفس الغرض  ''. 
    
    after 
        (string) اتركه فارغا دائما ''. 
    
    show_post_count 
        سوف يريك عدد المشاركات اذا وضعت مكانه  (TRUE) 
       لن يريك عدد المشاركات اذا تركته فارغا او كتبت فيه  (FALSE).
    
    تستطيع تحربة كل الخيارات
      
    ***
    
    الأرشيف بطريقة مختلفة ومتقدمة :
    
    أمثلة : 
    <p><?php wp_get_archives('type=monthly&limit=12'); ?></p>
    هذا المثال سوف يحضر لك الارشيف الشهري ولكنه سيحضر لك آخر 12 شهر فقط 
    
    <p><?php wp_get_archives('type=daily&limit=15'); ?></p>
    هذا المثال سوف يحضر لك أرشيف آخر 15 يوم فقط 
    
    <p><?php wp_get_archives('type=postbypost&limit=20&format=c  ustom'); ?></p>
    سوف يحضر آخر عشرين موضوع
    
    ***
    
    الخروج من المدونة :
    <?php wp_loginout(); ?> 
    
    ***
    
    أمر اظهار عناوين ما في المدونة
    <?php _e(); ?>
    
    أمثلة سريعة :
    
    <h2><?php _e('Archives'); ?></h2>    لطباعة كلمة الأرشيف 
    <h2><?php _e('Search'); ?></h2>  لطباعة كلمة بحث 
    <h2><?php _e('Categories'); ?></h2>  لطباعة كلمة الأقسام
    
    طبعا الباحث الآلي في المدونة يذهب ليبحث عن الكلمة في ملف اللغة العربية  ويبدلها بمايماثلها في الملف باللغة العربية أما اذا لم يجد ترجمتها فهو  يكتبها حرفيا 
    
    لذلك فأنت تستطيع أن تكتب ما تشاء ضمنها : مثال بسيط 
    <h2><?php _e('منوعات'); ?></h2>
    
    ***
    
    التسجيل
    <?php wp_register(); ?>
    
    ***
    
    تغيير الثيم
    <?php wp_theme_switcher(); ?>
    
    ***

  7. #7
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    و - أكواد الروابط :





    كود HTML:
    الروابط ضمن المشاركات 
    
    رابط تعديل أو تحرير المشاركة 
    <?php edit_post_link(); ?>
    مثال :
    <?php edit_post_link('تحرير '); ?>
    
    *** 
    
    رابط تحرير التعليق 
    <?php edit_comment_link(); ?>
    مثال 
    <?php edit_comment_link('تحرير التعليق'); ?>
    
    *** 
    جلب روابط قسم معين 
    
    <?php wp_get_links(); ?>  
    مثال : 
    <?php wp_get_links(1); ?>   سوف يحضر قائمة بمواضيع القسم رقم واحد 
    
    مثال متقدم :متعدد الاستخدامات  
    <ul>
     <?php
     $link_cats = $wpdb->get_results("SELECT cat_id, cat_name FROM $wpdb->linkcategories");
     foreach ($link_cats as $link_cat) {
     ?>
      <li id="linkcat-<?php echo $link_cat->cat_id;  ?>"><h2><?php echo $link_cat->cat_name;  ?></h2>
       <ul>
        <?php wp_get_links($link_cat->cat_id); ?>
       </ul>
      </li>
     <?php } ?>
    </ul>
    
    *** 
    




  8. #8
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    ز - أكواد المشاركات



    كود HTML:
    :  
    
    رقم المشاركة 
    <?php the_ID(); ?> 
    مثال الاستخدام
    <p>رقم المشاركة : <?php the_ID(); ?></p>
    
    *** 
    
    عنوان المشاركة 
    <?php the_title(); ?> 
    مثال الاستخدام
    <?php the_title('<h3>', '</h3>'); ?> 
    
    *** 
    
    رابط المزيد أو كامل الموضوع 
    <?php the_content(); ?> 
    مثال الاستخدام :
    <?php the_content('اقرأ تتمة الموضوع'); ?> 
    مثال متقدم :
    <?php the_content("اعادة القراءة " . the_title('', '', false)); ?> 
    
    *** 
    
    رابط ملخص عن الموضوع 
    <?php the_excerpt(); ?>
    
    *** 
    
    رابط ملخص عن الموضوع ب rss 
    <?php the_excerpt_rss(); ?> 
    مثال الاستخدام :
    <description><?php the_excerpt_rss(); ?></description>
    
    *** 
    
    المشاركة السايقة : 
    <?php previous_post_link(); ?>
    
    *** 
    
    المشاركة التالية : 
    <?php next_post_link(); ?>
    
    *** 
    
    روابط الصفحات للمقالات 
    <?php posts_nav_link(); ?>
    مثال :
    <?php posts_nav_link('&nbsp;&nbsp;', __('&laquo; السابق'), __('الآتي &raquo;')); ?>
    مثال آخر
    <div style="text-align:center;">
    <?php posts_nav_link(' · ', 'الصفحة السابقة', 'الصفحة التالية'); ?>
    </div>
    مثال متقدم :
    <?php posts_nav_link(' ', '<img src="images/prev.jpg" />', '<img src="images/next.jpg" />'); ?>
    هذه المثال تستطيع ان تضع صورا بدلا عن الكتابة ما عليك سوى أن تصمم صورتين وتضعهما في مجلد الصور داخل الثيم الخاص بك .
    
    *** 
    
    رابط الميتا 
    <?php the_meta(); ?>
    مثال الاستخدام :
    <p>معلومات هذه المشاركة :</p><?php the_meta(); ?>
    
    *** 
    


    انتهينا من معظم الأكواد تقريبا ....

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



    غدا بإذن الله سنأخذ القسم العملي الأول : وهو اختيار الألوان

  9. #9
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


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

    الورد بريس يعتمد على نظام القوالب حيث يعتمد في عرض الثيم على مجلد يحتوي عدة ملفات تساعده على الاظهار واهمها ملف الستايل .
    style.css وهو الملف المسؤول عن شكل المدونة ككل ...

    عادة ما يتكون مجلد الثيم من عدة ملفات مسؤولة عن اظهار المدونة كما تراها

    وهناك طريقتين رئيسيتين في الاظهار

    الطريقة الأولى : حين يكون ملف الهيدر هو الثابت والوسط هو المتغير والفوتر ثابت أيضا .


    ا – جزء ثابت الهيدر ( ثابت دائما ) يجسده الملف =
    header.php
    ب – جزء متغير في الوسط حسب المحتويات :
    الرئيسية = index.php
    صفحة المقال المفردة = comments.php
    صفحات أخرى حسب الطلب = archive.php - page.php – single.php الخ الخ
    ج – جزء ثابت ( ان وجد ) للطرف الأيمن أو الأيسر = sidebar.php يتحكم بمكانه عن طريق أمر float ب ملف الستايل .
    عادة ما تضمن ضمن ملف footer.php أو ضمن ملف index.php بأمر get
    مثال : في ملف الفوتر في معظم الستايلات ترى أمر تضمين الطرف بالأمر التالي :
    كود PHP:
    <?php get_sidebar(); ?>
    د – جزء ثابت في أسفل الصفحة ويجسده ملف : footer.php
    ه – جزء لايظهر ولكنه يتحكم بشكل المدونة ( ألوانها ألوان الخطوط والمسافات الخ الخ ) ويجسده ملف style.css


    الطريقة الثانية :


    ا – جزء ثابت يجسده ملف =
    index.php
    ب – أجزاء متحركة : في الوسط حسب الصفحة والمهام
    ج – جزء ثابت في الأسفل قد يتم الاستغناء عنه اذا أردنا .

    وتقسيم الستايل إلى عدة ملفات هو أمر يتخذه المصممون لتسهيل عملهم ... ويستخدمون أمر get لضم أجزاء الاستايل ....


    ولكن يمكن ببساطة ان تصمم الستايل معتمدا على 3 ملفات فقط هم

    1 - index.php للصفحة الرئيسية حيث تتضمن الهايدر والسايدبار والفوتر
    2 – comments.php لعرض صفحة المقال الواحد مع فورم اضافة التعليق .
    3- style.css


    وأنا عادة أصمم الستايل من هذه الـ 3 ملفات فقط ... ومن ثم أقسم ملف الاندكس إلى عدة ملفات أصغر .



    أحيانا نحتاج إلى صفحة للبحث
    searchform.php : نضمنها ضمن index.php بالأمر التالي :

    كود PHP:
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>



    أتمنى ان تكون الأمور واضحة حتى الآن : على فكرة نفتح منذ الآن باب الأسئلة .... والاستفسارات ..لكن ارجو من الأخوة أن تكون الأسئلة ضمن سياق ما قلناه .. يعني لن اجيب على أسئلة لاتدخل في الموضوع وليست من روحه .


    المهم : هناك طرق أخرى كثيرة : وهاكم أمثلة :


    Header

    Content
    Footer

    أوامر التضمين اللازمة :
    كود PHP:
    <?php get_header(); ?>
    <?php get_footer
    (); ?>

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

    Header

    Content
    Sidebar
    Footer

    أوامر التضمين اللازمة :
    كود PHP:
    <?php get_header(); ?>
    <?php get_footer
    (); ?>
    <?php get_sidebar
    (); ?>

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

    Header

    Content
    Comment Form
    Sidebar
    Search Form
    Footer


    ترتيب الصفحات



    1- header.php

    2-The Content (index.php)
    - wp-comments.php
    3-sidebar.php
    - searchform.php
    4 - footer.php

  10. #10
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: كيف تصمم قالبا للوردبريس من نقطة الصفر


    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

    وهو الستايل الذي سنصمم مثله في المنتدى ...

    ومن ثم سنصمم صفحات اضافية اذا رغبتم بذلك .

 
صفحة 1 من 3 123 الأخيرةالأخيرة

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •