الصفحة الرئيسية » وورد » 10 قالب ووردبريس قد لا تعرفه

    10 قالب ووردبريس قد لا تعرفه

    يتم شحن WordPress بوفرة كبيرة من علامات القوالب منذ بدايتها. هذه العلامات قالب في وورد هي وظائف PHP التي يمكن استخدامها ل انتاج طالما استرداد قطعة من البيانات.

    إذا كنت تقوم بتطوير سمة WordPress ، فقد تكون على دراية ببعض من علامات القوالب هذه ، مثل العنوان هذا يظهر عنوان المنشور, المؤلف يعرض اسم مؤلف المنشور ، ورابط المنشور.

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

    Capital P

    وورد, وفقا للمبادئ التوجيهية والمعايير الخاصة بهم, لابد ان أن تكون مكتوبة مع العاصمة ف بمعنى أن WordPress هو لا ؛ الطريق الصحيح هو تهجئة كما وورد.

    العاصمة “P” هي قضية ذات أهمية كبيرة إلى حد أن مات مولينويج (مؤسس WordPress) قد أدرجها في قراره في عام 2009. capital_p_dangit () يتم تقديم الوظيفة كجزء من المبادرة.

    منذ: 3.0.0

    // استخدامه مباشرة $ footer_text = get_theme_mod ("footer_text"، "")؛ $ footer_text = captial_p_dangit ($ footer_text) ؛ // يتم تشغيل أي نص WordPress برأسمال P. // أو استخدامه في تصفية WordPress. add_filter ("the_excerpt" ، دالة ($ text) return captial_p_dangit ($ text)؛)؛
    شعار مخصص

    في 4.5 ، قدم WordPress القدرة على تحميل شعار للموضوعات من خلال Customizer. تتطلب هذه الميزة الجديدة دعم السمة: عن طريق الإضافة add_theme_support ('site-logo'), سوف يظهر الشعار في Customizer.

    تؤدي هذه الميزة إلى استخدام بعض علامات القوالب الجديدة التي يمكنها التعامل مع إخراج صورة الشعار على السمات ، وهي: has_custom_logo (), get_custom_logo (), و the_custom_logo ().

    منذ: 4.5.0

     // 1. يتضمن الإخراج شعار الصورة والرابط إلى المنزل. the_custom_logo ()؛ // 2. الحصول على "سلسلة" إخراج الشعار المخصص. $ logo = get_custom_logo () ؛ // 3. شرطية إذا (has_custom_logo ()) $ logo = get_custom_logo ()؛  // 4. استخدام 'get_custom_logo' لف الشعار بعلامة div ؛ add_filter ("get_custom_logo"، function ($ html) return ''. $ html. ''؛)؛ 
    صورة مصغرة للصور

    يحتوي WordPress على أداة مساعدة مدمجة منذ فترة طويلة لإضافة صورة مصغرة أو صورة مميزة. علامة القالب, the_post_thumbnail (), يظهر علامة الصورة جنبا إلى جنب مع سماتها.

    ولكن ماذا لو أردت عرض الصورة المصغرة للصورة كخلفية من خلال CSS بدلاً من ذلك؟ استخدم علامة القالب, get_the_post_thumbnail_url ().

    منذ: 4.4.0

    مثال:

      
    توليد عدد عشوائي

    ستمنحك علامة القالب هذه رقمًا عشوائيًا استنادًا إلى نطاق محدد. يستخدم WordPress هذه الوظيفة داخليًا لإنشاء كلمة مرور عشوائية. ربما يمكنك استخدامه لإنشاء رقم قسيمة عشوائي لموقع WooCommerce.

    منذ: 2.6.2

    مثال:

     // إنشاء رقم من 1 إلى 200 دولار rand_number = wp_rand (1 ، 200) ؛ // الإخراج لن يكون أقل من 0 أو 201 أعلاه. 
    تعليقات ترقيم الصفحات

    معظم المواضيع تستخدم حاليا the_comments_navigation () والتي سوف تعطي “التالى” و “السابق” نوع ارتباط التنقل. إذا كنت تريد إظهار تنقل رقمي (ترقيم الصفحات) ، استبدل العلامة ب the_comments_pagination () في حين أن.

    ضع في اعتبارك أن علامة القالب متاحة فقط في WordPress 4.4.0 وما بعده. تأكد من تشغيل الاختيار قبل نشره.

    منذ: 4.4.0

    مثال:

       'ol'، 'short_ping' => true، 'avatar_size' => 42،))؛ ؟>   
    تقصير URL

    ستؤدي علامة القالب هذه إلى تقصير طول عنوان url. ولن ينقسم عنوان URL طويل جدًا إلى سطر جديد داخل محتوى النص الأساسي. هناك 2 خيارات يمكنك اتخاذها: إضافة overflow-wrap: break-word؛ في CSS الخاص بك ، أو خفض طول URL مع url_shorten () قالب العلامة.

    منذ: 1.2.0

    مثال:

     $ link = get_the_permalink ()؛ $ url_text = url_shorten ($ link) ؛ // على سبيل المثال www.hongkiat.com/blog/css… صدى". $ url_text. '
    إضافة البرامج النصية المضمنة

    لقد استخدمنا دائما wp_enqueue_script للتسجيل ، تحميل البرنامج النصي وتوابعها. تحميل برنامج نصي داخلي ومع ذلك لم يكن واضحًا تمامًا ، حتى علامة القالب هذه, wp_add_inline_script تم تقديمه.

    تتطلب إضافة برنامج نصي مضمن برنامج نصي معروفًا سيتم إرفاقه به. هذه معالج يتم تمريره باعتباره المعلمة الأولى من البرنامج النصي مماثلة ل wp_localize_script () وظيفة. يجب أن المعلمة الثانية تمرير محتوى البرنامج النصي. تحدد المعلمات الثالثة ما إذا كان يجب أن يكون الإخراج المضمّن "قبل" أو "بعد" .

    منذ: 4.5.0

    مثال:

     function enqueue_script () wp_enqueue_script ('twentysixteen-script'، get_template_directory_uri (). '/js/functions.js'، array ('jquery')، '20160412'، true)؛ wp_add_inline_script ('twentysixteen-script'، 'window.hkdc = '، 'before')؛  add_action ('wp_enqueue_scripts'، 'enqueue_script')؛ // انتاج: //  //  
    اللغة المنسدلة

    ال wp_dropdown_languages ستقوم علامة القالب بإخراج خيار HTML يعرض قائمة اللغات في موقع WordPress الخاص بك. ستجد علامة القالب هذه مفيدة إذا كنت بحاجة إلى ترجمة موقع الويب الخاص بك. يمكنك استخدامه لإظهار خيارات لغتك في محرر المستخدم الشاشة أو في الواجهة الأمامية لموقعك للسماح للمستخدمين بتحديد تفضيلات لغتهم.

    منذ: 4.0.0

    مثال:

     wp_dropdown_languages ​​(array ('id' => 'lang_options'، 'name' => 'lang_options'، 'languages' => get_available_languages ​​()، 'translation' => array ('id_ID'، 'ja')، // Indonesia ، واليابان "المحددة" => 'en_US' ، 'show_available_translations' => false ،)) ؛ 
    احصل على عنوان URL للصورة الرمزية

    كما يوحي الاسم ، هذه العلامة القالب, get_avatar_url (), سيتم استرداد مسار صورة الصورة الرمزية للمستخدم. يتيح لك عرض الصورة الرمزية وتصويرها بالطريقة التي تريدها ، بدلاً من عرضها ببساطة من خلال علامة صورة HTML.

    منذ: 4.2.0

    مثال:

    $ avatar = get_avatar_url ('[email protected]') ؛ 
    الحصول على الموضوع

    تسترجع هذه الوظيفة كائنًا يحتوي على معلومات السمة النشطة حاليًا. تتضمن هذه المعلومات السمة ، الاسم ، الإصدار ، نطاق النص ، المؤلف ، إلخ.

    في مقتطف الشفرة التالي ، نستخدمه لاسترداد الإصدار وتمريره كإصدار نصي.

    منذ: 3.4.0

    مثال:

    $ theme = wp_get_theme ()؛ define ('THEME_SLUG' ، $ theme-> قالب) ؛ // twentysixteen define ('THEME_NAME' ، $ theme-> get ('Name')) ؛ // ستة عشر من تعريف ('THEME_VERSION' ، $ theme-> get ('Version')) ؛ //1.2 function load_scripts () wp_enqueue_script ('script-ie'، $ templateuri .'js / ie.js '، array ("jquery")، THEME_VERSION)؛ wp_script_add_data ('script-ie'، 'conditional'، 'lt IE 9')؛  add_action ('wp_enqueue_scripts'، 'load_scripts')؛