9 WordPress Codes To Spice Up Blog and Improve UX

المادة التي كتبها:
  • وورد
  • تم التحديث: مايو 08 ، 2019

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

لكن الاعتماد على الخيارات الافتراضية لـ 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.

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

أدرك أن مقتطفات شفرة 9 قد لا تكون كافية لأولئك منكم الذين يحبون تجربة الكثير والكثير من الأكواد المختلفة ، لذلك أنا متأكد من روبرت لودروسكي 25 مقتطفات كود مفيد لمطوري وورد سوف تشبع جوعك (على الأقل لفترة من الوقت). ؛)

كود الدستور

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

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

<؟ php is_sticky ()؛ ؟>

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

<؟ php if is_sticky () {the_title ()؛ the_time ('M، d، Y')؛ the_excerpt ()؛ } آخر {تضمين "post-template.php" ؛ }

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

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

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

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

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

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

<a href="<؟php echo get_page_link()؛؟> "> <؟ php echo get_page_link ()؛ ؟> </A>

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

<؟ php echo get_post_permalink ()؛ ؟>
 <؟ php echo get_page_link(); ؟> 

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

<p> الرابط: <a href="<؟php echo get_page_link()؛؟> "> <؟ php echo get_page_link ()؛ ؟> </A> </ P>

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

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

<?php the_ID(); ?>

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

<p class = "meta"> تم النشر بواسطة اسم المؤلف. معرف المشاركة هو <؟ php the_ID ()؛ ؟> </ P>

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

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

<؟ php get_all_category_ids ()؟>

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

<؟ php $ category_ids = get_all_category_ids ()؛ foreach ($ category_ids as $ cat_id) {$ cat_name = get_cat_name ($ cat_id)؛ $ category_link = get_category_link ($ cat_id)؛ // نحتاج إلى رابط cat لعنوان URL حتى يعمل! echo "<a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>"؛ ؟

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

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

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

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

يحصل الرمز على جميع معرفات الفئة واسم الفئة لكل معرف ، ثم يربط المعرف إلى رابط الفئة ، في حين أنه يعرض اسم الفئة بعد ":" - وبالتالي صدى صوت() التعبير <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

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

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

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

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

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

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

 <؟ php $ result = count_users ()؛ صدى "هناك" ، $ result ['total_users'] ، 'total users'؛ foreach ($ result ['avail_roles'] as $ role => $ count) echo '،'، $ count، 'are'، $ role، 's'؛ صدى صوت '.'؛ ؟> 

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

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

<؟ php printf (__ ('عدد المشاركات المنشورة من قِبل المستخدم "Leaders":٪ d'، 'text-dom-here')، count_user_posts (1))؛ ؟>

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

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

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

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

<؟ php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrator')؛ // صفيف كائنات WP_User. foreach ($ blogusers as user user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ SPAN> <BR/>'؛ }؟>

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

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

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

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

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

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

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

<؟ php functionPostPostDate ($ postId، $ format = '٪ F') {$ post = get_post ($ postId)؛ $ output = strftime ($ format، strtotime ($ post-> post_date))؛ إرجاع إخراج $ ؛ } وظيفة getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1))؛ return $ post-> ID؛ }؟> <p> تحتوي هذه المدونة على مشاركات منذ <؟ php echo formatPostDate (1، '٪ B٪ e،٪ Y')؛ ؟>. <br/> تم نشر آخر مشاركة على <؟ php echo formatPostDate (getLastPostID ()، '٪ B٪ e،٪ Y')؛ ؟>. </ p> <p> هل ترغب في زيارة أرشيف معين؟ </ p> <select name = "archive-dropdown" onchange = "document.location.href = this.options [this.selectedIndex]. القيمة ؛ "> <option value =" "> <؟ php echo esc_attr (__ ('Select Archive'))؛ ؟> </ option> <؟ php wp_get_archives (array ('type' => 'monthly'، 'format' => 'option'، 'show_post_count' => 1))؛ ؟> </ select>

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

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

للحصول على المشاركة الأولى للمدونة - بشكل عام باستخدام المعرف = 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 الرئيسي (أو رأس أو ملف الفهرس ، وفقا لهيكل موضوع الفسفور الابيض الخاص بك) اكتب get_sidebar ("quotes") ؛ لتضمين ملف "sidebar-quotes.php".

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

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

إذا كان لديك إعلانات أو عروض خاصة أو وظائف في الشريط الجانبي ترغب في عرضها على صفحات معينة من مدونتك أو رمزك الذي سيزيد من التحميل على الشريط الجانبي القياسي ، فستجد مقتطف الرمز هذا مقتطفًا للحياة لـ 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 ، وهي تعمل على ثلاث روايات بلغتها الأم (الإيطالية) ، والتي تأمل في إيندي تنشر قريبا.