9 WordPress Codes To Spice Up Blog and Improve UX

تم التحديث: ٢٦ أكتوبر ٢٠٢٠ / المقالة بقلم: لوانا سبينيتي

من السهل تهيئة و تثبيت ووردبريس ، جاهز للاستخدام بمجرد نشر مدونتك.

لكن الاعتماد على الخيارات الافتراضية لـ WordPress قد يؤدي إلى خسارة نيابة عنك:

  • وظائف أقل
  • المستخدمون الذين يشعرون بالملل (الذين يرون الأشياء نفسها على كل مواقع WP التي يتعثرون عليها)
  • قطرات في تصنيفات محرك البحث.

لديك أداة مرنة في يديك ، والتي يمكنك تعديلها لتحويلها إلى شيء لطيف للاستخدام والفعالية في الاعتماد عليها. لماذا لا التوابل الامور لمستخدميك (ونفسك)؟

هذه المقالة ترغب في مساعدتك على جعل موقع الويب الخاص بك على WordPress ممتعًا ومفيدًا للمستخدمين من خلال إضافة مثيرة للاهتمام مقتطفات الشفرة التي من شأنها أيضا تعزيز SEO الخاص بك.

هل تحتاج إلى مساعدة Spice Up Your WordPress Blog؟
WHSR شريك الآن مع Codeable.io لمساعدة المستخدمين الذين يحتاجون إلى خدمات تطوير / تخصيص الفسفور.

للحصول على عرض مجاني ، يرجى ملء نموذج الطلب هذا.

اعطهم محاولة واسمحوا لي أن أعرف كيف عملوا من أجلك! ؛)

رموز 9 لتعزيز مدونة وورد الخاص بك

سأقدم لك نوعين من مقتطفات الشفرة في هذه المشاركة:

  1. رموز الدستور الغذائي
  2. مقتطفات الشفرة والحاجيات

أكواد Codex هي مقتطفات PHP كتبت نفسي (بمساعدة خطيبي ، Simone) باستخدام WordPress.org Codex كمرجع.

مقتطفات الشفرة والحاجيات عبارة عن أجزاء جاهزة من كود PHP (أو إضافات WordPress) المتاحة مجانًا على مواقع الويب الأخرى وعلى WordPress.org ، ولكنني قمت أيضًا بتضمين مقتطفات خطيبي وكتبت من الصفر باستخدام مراجع مفتوحة ومراجع Codex.

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

كود الدستور

1. تفرق المشاركات الثابتة

لجعل WordPress يتحقق مما إذا كانت مشاركتك الحالية عبارة عن منشور ثابت - وعرضه وفقًا لذلك - يمكنك استخدام وظيفة Codex المنطقية:

<?php is_sticky(); ?>

ستقوم الدالة وحدها بإرجاع قيم TRUE أو FALSE فقط ، لذلك ما يمكنك القيام به هنا إذا قمت بكتابة بناء شرطي (إذا كان / else) لإدارة مشاركاتك الثابتة. مثال:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

في هذا الاستخدام ، عرضت المشاركة اللاصقة على هيئة مربع يحتوي فقط على العنوان وتاريخ النشر ومقتطف (وليس المشاركة بالكامل) ، في حين أن القالب القياسي لمشاركات أخرى موجود في post-template.php.

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

Single.php هو القالب الافتراضي للوظائف الفردية (ستجده مضمنًا مع كل سمة WP افتراضية).

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

2. عرض مشاركة رابط

قد يكون هذا ممتعًا للإضافة إلى القالب الخاص بك. إذا كنت تريد أن يحصل القراء على عنوان URL لكل صفحة (أو مشاركات) ، فاستخدم فقط العلامة التالية في قالب single.php أو page.php أو index.php الخاص بك:

">

بدلاً من استخدام the_permalink ، هذا هو الخيار الأكثر وضوحًا ويعمل لجميع الحالات ، يتيح لك WP استخدام نموذجين بديلين للمشاركات والصفحات:

 <?php echo get_page_link(); ?> 

على سبيل المثال ، يمكن أن يحتوي قالب صفحتك على:

حلقة الوصل:

3. استرجاع وعرض رقم معرف المشاركة

حتى عندما تقوم بإعداد بنية Permalink الخاصة بك لتكون سهلة الاستخدام وصالحة لمحركات البحث ، لا يزال بإمكانك عرض هوية المشاركة الخاصة بك من خلال إضافة هذه الوظيفة البسيطة إلى خط التعريف الخاص بك:

<?php the_ID(); ?>

استخدام العينة:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. قائمة فئات حسب المعرف

وظيفة معيار ووردبرس هي:

<?php get_all_category_ids() ?>

إليك مثال استخدمته في إحدى مدوناتي ، مكتوبة باستخدام شفرة من مجموعة مخطوطات و موضوع على StackOverflow:

{$ cat_id}: {$ cat_name} "؛}؟>

... وكيف يتم عرضها:

فئة الفسفور الابيض رمز

ملاحظة: أصبحت get_all_category_ids () الآن وظيفة تم إيقافها ، ولكن لا يزال بإمكانك استخدامها دون مشاكل ، مثلما أفعل في مدونتي (الصورة أعلاه). ومع ذلك ، إذا كنت ترغب في استخدام الوظيفة الجديدة لهذا المقتطف ، فقم بزيارة get_terms () صفحة من الدستور.

ماذا يفعل هذا الرمز؟

يحصل الرمز على جميع معرفات الفئة واسم الفئة لكل معرف ، ثم يربط المعرف برابط الفئة ، بينما يعرض اسم الفئة بعد ":" - ومن هنا صدى صوت() التعبير {$ cat_id} : {$ cat_name}.

5. صفحة مفصلة للمستخدمين / المؤلفين لمدونتك

هل سبق لك أن أردت إنشاء صفحة مخصصة تعرض كل مؤلفي مدونتك أو مستخدميك دون الحاجة إلى الاعتماد على مكوّن إضافي؟

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

بادئ ذي بدء ، تحتاج إلى إنشاء نسخة من ملف page.php الخاص بك. أعد تسمية نسختك بأي اسم - قمت بتسمية المستخدمين.

أضف جرعات علامة القالب إلى أعلى هذا القالب لـ WordPress للتعرف عليه كقالب ، ثم انتقل إلى لوحة المعلومات -> الصفحات -> إضافة جديد وإنشاء صفحة لقائمة المستخدمين / المؤلفين. ارجع إلى قائمة الصفحات ، وانقر على تعديل سريع أسفل عنوان الصفحة الجديدة وحدد القالب الجديد من القائمة المنسدلة "القالب". احفظ التغييرات.

الآن افتح ملف users.php الخاص بك (أو أي ما سميته) وقم بتطبيق الكود التالي:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

يستخدم هذا الرمز count_users وظيفة "الاستخدام الافتراضي" في الدستور الغذائي. يمكنك عرض مثال حي لهذا الرمز في http://robocity.in/users/.

بعد هذا الرمز ، دعونا نضيف شيئًا عن مشرف المدونة:

لقد استخدمت count_user_posts تعمل هنا ، بعد تنسيق الاستخدام الذي اقترحته هيئة الدستور الغذائي.

وظيفة get_userdata من الجيد إظهار العلاقة بين اسم مستخدم معين والاسم الحقيقي للشخص الذي يستخدمه. انظر أدناه:

user_login ؛ $ first_name = $ user_info-> first_name ؛ $ last_name = $ user_info-> last_name ؛ صدى "$ first_name $ last_name يسجل الدخول إلى موقع WordPress الخاص بهم باستخدام اسم المستخدم $ username."؛ ؟>

الآن ، هذه هي الوظيفة الأكثر إثارة للاهتمام التي يمكنك استخدامها في صفحة المؤلفين / المستخدمين - ملف get_users وظيفة:

". esc_html ($ user-> user_login). "-". esc_html ($ user-> user_email). " "؛ }؟>

ستقوم هذه الوظيفة باسترداد قائمة المستخدمين وفقًا لمعايير معينة يمكنك تكوينها في الكود. في المثال أعلاه (مأخوذ من صفحة Codex وتحريرها لتلائم صفحة المستخدمين الخاصة بي على Robocity.in) ، أريد الحصول على قائمة بالمسؤولين لمعرف المدونة 1 (المدونة الحالية) مرتبة حسب "nicename" ولكل مستخدم ، أرغب في عرض اسم المستخدم والبريد الإلكتروني في جملة من النوع "اسم المستخدم - [البريد الإلكتروني محمي]".

إذا كنت ترغب في إظهار تسجيل دخول المستخدمين شيئا عن أنفسهم ، فيمكنك استخدام get_currentuserinfo وظيفة لاسترداد ، مثلا ، اسم المستخدم وعنوانه. لم أستخدم هذه الوظيفة في مثالي ، لكن الإبداع لا يعرف الحدود ، أليس كذلك؟ ؛)

مقتطفات الشفرة والحاجيات

6. البديل ... المحفوظات!

أرشيف مدونة أجملتخيل لو كان بإمكانك استبدال قائمة أرشيفات الشريط الجانبي القديمة - التي تستمر في النمو مع نمو مدونتك وتجبر المستخدمين على التمرير - باستخدام مقتطف مثل الذي يمكنك رؤيته هنا على اليمين.

ألا يسهل الأمر على القراء قراءة عمر مدونتك وعمق الأرشيفات في لمحة؟ :)

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

تاريخ آخر))؛ إرجاع الناتج $؛ } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)) ؛ العودة $ post-> ID؛ }؟> هذه المدونة لديها وظائف منذ ذلك الحين . تم نشر آخر مشاركة في . هل ترغب في زيارة أرشيف معين؟ 'شهرية'، 'format' => 'option'، 'show_post_count' => 1)) ؛ ؟>

ماذا يفعل هذا الرمز؟

وظيفة formatPostDate تأخذ هوية المنشور وتاريخه وتعيد التاريخ في شكل من اختيارك. الوظيفة الثانية ، getLastPostID ، تأخذ مجموعة من المنشورات التي تحتوي على منشور واحد فقط وتُرجع معرفها.

للحصول على المنشور الأول من المدونة - بشكل عام مع ID = 1 ، نكتب echo formatPostDate (1، '٪ B٪ e،٪ Y') في الفقرة الأولى: يستخدم هذا الرمز وظيفة formatPostDate ويأخذ معرّف المنشور كمعلمات # 1 وتنسيق قياسي باللغة الإنجليزية للتاريخ ، وإرجاع التاريخ.

للحصول على آخر مشاركة في المدونة ، نستخدم formatPostDate (getLastPostID () ، '٪ B٪ e ،٪ Y') للحصول على معرف المنشور الأخير وتنسيق التاريخ (مرة أخرى ، باللغة الإنجليزية) وطباعة التاريخ في شاشة.

7. تحقق مما إذا كان الزائر يستخدم جهازًا جوّالًا

شارك موقع Muneeb at WP-Snippets.com مقتطفًا جذابًا من التعليمات البرمجية (إحدى الوظائف) للتحقق مما إذا كان زائر على موقعك يستخدم جهازًا جوّالًا أم لا.

الرمز متاح هنا.

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

8. استخدم البنية if / else لمعالجة محتوى الشريط الجانبي للصفحة

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

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

يأتي لك Codex الانقاذ مع get_sidebar (اسم $) وظيفة. الاستخدام بسيط:

  1. أنشئ (لنقل) شريطًا جانبيًا لمقتطفات الأسعار الخاصة بك. قم بتسمية الشريط الجانبي- quotes.php
  2. في ملف sidebar.php الرئيسي (أو ملف الرأس أو الفهرس ، وفقًا لهيكل سمة WP الخاص بك) اكتب get_sidebar ("علامات الاقتباس") ؛ لتضمين ملف "sidebar-quotes.php".

سوف تحصل على شريط جانبي أكثر سلاسة مع مكالمات إلى أشرطة جانبية فرعية أخرى ، والتي يمكنك تحسينها في حالة إنشاء / else إذا كنت تعرف القليل من ترميز PHP لـ WordPress.

قد لا تعرف هذا ، ولكن عند استخدام رمز get_sidebar () العام ، سيتضمن ذلك "sidebar.php" لأنك لم تضف وسيطة اسم $. هذا هو الاستخدام الافتراضي. عند إضافة "-name" بعد "sidebar * .php" ، يمكنك استدعاء ملحق الاسم هذا باستخدام $ name arg.

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

9. أداة لدمج مقتطفات الشفرة في موقع WordPress الخاص بك

codesnippets لقطة للشاشة

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

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

Tom Ewer at WPMUDev.org كتب مقدمة مثيرة للاهتمام لهذا البرنامج المساعد ، ولكن المورد الأكثر فائدة وجدت حتى الآن ل Code Snippets هو منتدى الدعم المساعد على WordPress.org.

إنتهى إليك

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

حول لوانا سبينيتي

Luana Spinetti كاتبة مستقلة وفنانة مقرّها في إيطاليا ، وطالبة عاطفية في علوم الكمبيوتر. حصلت على شهادة الثانوية العامة في علم النفس والتربية وحضرت دورة سنة 3 في فن الكتاب الهزلي ، وتخرجت منه على 2008. وباعتبارها متعددة الأوجه لشخص ، فقد طورت اهتمامًا كبيرًا بـ SEO / SEM و Web Marketing ، مع ميل خاص إلى Social Media ، وهي تعمل على ثلاث روايات بلغتها الأم (الإيطالية) ، والتي تأمل في إيندي تنشر قريبا.