كيفية استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress
نشرت: 2021-08-31تتمثل إحدى الطرق المثمرة لزيادة عدد مشاهدات صفحات موقع الويب الخاص بك في معدل ارتداد مثالي في استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress.
في هذا البرنامج التعليمي ، سنوجهك عبر دليل سهل المتابعة لإضافة حلقة WordPress مخصصة مع ترقيم الصفحات.
ما هو WP_Query؟
يعد WP_Query أحد أهم الفئات في WordPress لأنه يمنحك الوصول إلى السجلات والمنشورات والصفحات وأنواع المنشورات المخصصة في قاعدة البيانات.
وفي الوقت نفسه ، لا يحتاج المطورون إلى كتابة استعلامات SQL معقدة مقابل قاعدة البيانات لتلقي المعلومات المطلوبة حول المنشورات أو الصفحات أو أنواع المنشورات المخصصة ، لأن WP_Query سيفعل ذلك كله من أجلنا.
ما هو ترقيم الصفحات في ووردبريس ولماذا تحتاجه؟
ترقيم الصفحات هي إحدى الميزات الأساسية التي يمكن لأي مستخدم WordPress استخدامها لمجموعة متنوعة من الأغراض. إنها ممارسة جيدة لتقسيم المنشورات الطويلة إلى عدة أجزاء وعرض كل منها بصفحة جديدة.
إذا كنت تستخدم سمة WordPress مشفرة جيدًا تحت تصرفك ، في جميع الاحتمالات ، فإن استخدام العلامة في المنشور الذي تمت إضافته في أي مكان تريد إنهاء المنشور والبدء في الصفحة التالية سيؤدي المهمة نيابةً عنك.
ليس من الصعب تخمين أن المشاركات الطويلة ستستغرق وقتًا طويلاً للتحميل وستكون غير مريحة لضيوف الموقع أو متابعي المدونة لقراءتها.
إن تقسيم مقالتك أو الأوصاف الطويلة إلى العديد من الصفحات التي تبدو مناسبة ستجعل من السهل على القراء استيعاب جميع المعلومات دون أن ينزعجوا.
إذا كنت مشرف موقع WordPress أو مالك موقع WordPress ، فنحن على يقين من أنك تعرف بوظيفة ترقيم الصفحات المضمنة في WP التي يمكنك استخدامها بسهولة مع الروابط أو ترقيم الصفحات الرقمي لتقسيم المنشورات الطويلة إلى العديد من الأجزاء المختلفة حسب الحاجة وعرضها بالصفحات السابقة والتالية وفقا لذلك.
بصرف النظر عن جعل متابعة مقالاتك ومنشوراتك أسهل وأكثر وضوحًا ، فإن ترقيم الصفحات له فوائد أخرى أيضًا.
سيؤدي ذلك إلى جعل الشكل والمظهر العام لموقعك أكثر دقة وإحكامًا ، وإضافة مشاهدات صفحات موقعك ، والمساعدة في تقليل معدل الارتداد ، والمساهمة في ترتيب تحسين محركات البحث ، وتزويدك بمزيد من الصفحات لوضع الإعلانات والمزيد.
ومع ذلك ، فإن هذه الطريقة لا تعمل دائمًا بسهولة مع قوالب ووردبريس المعاصرة. لذلك ، نقدم لك استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress.
قبل أن نتعمق في العملية التي توضح بالتفصيل كيفية استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress ، نوصيك بالتعرف على مرجع فئة WP Query في WordPress Codex: https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
الآن ، عندما يكون لديك فكرة عامة عن WP_Query واستخداماته ، دعنا نشارك عينة من الاستعلام معك.
العلامة & lt؛؟ php / ** * اسم النموذج: صفحة مخصصة * / get_header () ، ؟ & GT؛ العلامة & lt؛؟ php $ paged = (get_query_var ('paged'))؟ get_query_var ("paged"): 1 ، $ args = مجموعة ( 'posts_per_page' = & GT ؛ 4 ، 'paged' = & GT. $ paged ) ؛ $ custom_query = WP_Query جديد ($ args) ؛ ؟ & GT؛ العلامة & lt ؛! ---- ابدأ -------- & GT. العلامة & lt؛ div class = "لف" & gt؛ العلامة & lt؛ div class = "content-area" & gt؛ & lt؛ main class = "site-main" role = "main" & gt؛ العلامة & lt؛؟ php while (custom_query- & gt؛ have_posts ()): $ custom_query- & GT ؛ the_post () ؛ ؟ & GT؛ & lt؛ div & gt؛ & lt؛ ul & GT؛ & lt؛ li & gt؛ & lt؛ h3 & gt؛ & lt؛ a href = "& lt؛؟ php the_permalink ()؛؟ & gt؛" & gt؛ & lt؛؟ php the_title ()؛ ؟ & gt؛ & lt؛ / a & gt؛ & lt؛ / h3 & gt؛ & lt؛ div & gt؛ & lt؛ ul & GT؛ & lt؛ div & gt؛ & lt؛ a href = "& lt؛؟ php the_permalink ()؛؟ & gt؛" & gt؛ & lt؛؟ php the_post_thumbnail ('صورة مصغرة')؛ ؟ & gt؛ & lt؛ / a & gt؛ & lt؛ / div & gt؛ & lt؛ / ul & GT؛ & lt؛ ul & GT؛ & lt؛ p & gt؛ & lt؛؟ php echo the_content () ؛ ؟ & gt؛ & lt؛ / p & gt؛ & lt؛ / ul & GT؛ & lt؛ / div & gt؛ & lt؛ div & gt؛ & lt؛ / li & gt؛ & lt؛ / ul & GT؛ & lt؛ / div & gt؛ & lt؛! - مشاركات المدونة النهائية - & GT؛ العلامة & lt؛؟ php في النهاية؛ ؟ & GT؛ & lt؛؟ php if (function_exists ("ترقيم الصفحات")) { ترقيم الصفحات (custom_query- & gt؛ max_num_pages) ؛ }؟ & GT؛ & lt؛ / main & gt؛ & lt؛! - # main - & gt؛ & lt؛ / div & gt؛ & lt؛! - # أساسي - & GT؛ & lt؛ / div & gt؛ & lt؛! - .wrap - & gt؛ العلامة & lt؛! ---- end -------- & GT؛ & lt؛؟ php get_footer () ؛
كيفية استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress
رمز لتقديم ترقيم الصفحات
قم بإنشاء ملف قالب باسم CustomPage.php في مجلد السمة وأضف الجزء المذكور أدناه من التعليمات البرمجية في صفحة ثابتة مخصصة.
& lt؛؟ php if (function_exists ("ترقيم الصفحات")) { ترقيم الصفحات (custom_query- & gt؛ max_num_pages) ؛ }؟ & GT؛
انتقل إلى لوحة تحكم المسؤول لإنشاء صفحة واختيار صفحة مخصصة كقالب.
علاوة على ذلك ، ستحتاج إلى استخدام الكود التالي لعمل ترقيم الصفحات المخصص: ستحتاج إلى إضافة هذا الرمز في jobs.php (يمكن العثور عليه في مجلد القالب الخاص بك).
ترقيم الصفحات ($ pages = ”، $ range = 4)
{ عناصر العرض بالدولار = (النطاق بالدولار الأمريكي * 2) +1 ؛ العالمية $ paged؛ if (فارغ ($ paged)) $ paged = 1؛ إذا (الصفحات == '') { wp_query $ العالمية ؛ الصفحات بالدولار = wp_query $- & gt؛ max_num_pages ؛ إذا (! $ صفحات) { الصفحات بالدولار = 1 ؛ } }
إذا (1! = صفحات بالدولار) { صدى "& lt؛ div class = \" pagination \ "& gt؛ & lt؛ span & gt؛ Page". $ paged. "of". $ pages. "& lt؛ / span & gt؛"؛
if ($ paged> 2 && $ paged> $ range + 1 && $ showitems <$ pages) صدى “<a href = '”. get_pagenum_link (1). ”'>« First </a> ”؛

if ($ paged> 1 && $ showitems <$ pages) صدى “<a href = '”. get_pagenum_link ($ paged - 1). ”'>‹ السابق </a> ”؛
لـ ($ i = 1؛ $ i <= $ pages؛ $ i ++)
{ if (1! = $ pages & amp؛ & amp؛ (! ($ i & gt؛ = $ paged + $ range + 1 || $ i & lt؛ = $ paged- $ range-1) || $ pages & lt؛ = $ showitems) ) { صدى ($ paged == $ i)؟ "& lt؛ span class = \" current \ "& gt؛". $ i. "& lt؛ / span & gt؛": "& lt؛ a href = '". get_pagenum_link ($ i). "' class = \" inactive \ " & GT؛ ". $ i." & lt؛ / a & gt؛ "؛ } }
إذا ($ paged & lt؛ $ pages & amp؛ & amp؛ $ showitems & lt؛ $ pages) صدى "& lt؛ a href = \" ". get_pagenum_link ($ paged + 1)." \ "& gt؛ التالي› & lt؛ / a & gt؛ "؛ إذا ($ paged & lt؛ $ pages-1 & amp؛ & amp؛ $ paged + $ range-1 & lt؛ $ pages & amp؛ & amp؛ $ showitems & lt؛ $ pages) صدى "& lt؛ a href = '". get_pagenum_link ($ pages) . "'& gt؛ Last» & lt؛ / a & gt؛ "؛ صدى "& lt؛ / div & gt؛ \ n"؛ } }
الآن وقد تمكنا من استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress ، دعنا ننتقل إلى جزء التصميم. بطبيعة الحال ، سيكون علينا الآن التعامل مع ملف style.css بدلاً من function.php.
ابحث عن style.css في مجلد السمة وأضف الكود أدناه إليه.
/ * ترقيم الصفحات * / .pagination { واضحة على حد سواء؛ الموقف: نسبي ؛ حجم الخط: 11 بكسل ؛ / * حجم نص ترقيم الصفحات * / ارتفاع الخط: 13 بكسل ؛ تعويم: صحيح ؛ / * اتجاه تعويم ترقيم الصفحات * / }
.pagination span ، .pagination a { العرض محجوب؛ تعويم: اليسار؛ الهامش: 2 بكسل 2 بكسل 2 بكسل 0 ؛ الحشو: 6 بكسل 9 بكسل 5 بكسل 9 بكسل ؛ زخرفة النص: لا شيء ؛ العرض: تلقائي ؛ اللون: #fff ؛ / * لون نص ترقيم الصفحات * / الخلفية: # 555 ؛ / * ترقيم الصفحات لون خلفية غير نشط * / -webkit- الانتقالية: الخلفية .15s سهولة في الخروج ؛ -موز الانتقال: الخلفية .15s سهولة في الخروج ؛ -ms- الانتقال: الخلفية .15s سهولة في الخروج ؛ -o-Transition: الخلفية .15s سهولة في الخروج ؛ الانتقال: الخلفية .15s سهولة في الخروج ؛ }
.pagination a: hover { اللون: #fff ؛ الخلفية: # 6AAC70 ؛ / * خلفية ترقيم الصفحات عند التمرير * / } .pagination .current { الحشو: 6 بكسل 9 بكسل 5 بكسل 9 بكسل ؛ الخلفية: # 6AAC70 ؛ / * خلفية الصفحة الحالية * / اللون: #fff ؛ }
هذا هو. نأمل حقًا أن تساعدك مقالتنا في استخدام WP_Query لإنشاء ترقيم الصفحات في WordPress دون أي عوائق. في حالة وجود أي سؤال حول هذا البرنامج التعليمي أو الرموز المشتركة فيه ، فلا تتردد في طلب مساعدتنا!
عندما تقوم بإعداد موقع الويب الخاص بك على WordPress ، فإن أحد الأشياء التي قد ترغب في وضعها في الاعتبار هو استخدام wp_query لإنشاء ترقيم الصفحات في WordPress .
بالطبع ، لا بد أن تتساءل لماذا يجب أن تهتم بالترقيم ، ولكن هذا هو السبب في أن ترقيم الصفحات هو جانب مهم في أي موقع ويب.
ترقيم الصفحات هو العملية التي يمكنك من خلالها تقسيم منشور طويل إلى منشورات أقصر مع نشر أقسام من المنشور الأصلي على صفحات أخرى مع رابط للعودة إلى المنشور الأصلي.
يساعد هذا في زيادة مشاهدات الصفحة على موقع الويب الخاص بك ويمكن أن يثبت أنه لا يقدر بثمن فيما يتعلق بتحسين محركات البحث والتصنيفات.
هذا هو السبب في أنك تحتاج إلى استخدام wp_query لإنشاء ترقيم الصفحات في WordPress بحيث يمكنك تخصيص المنشور ، وإبقائه أقصر ، وفي هذه العملية ، تساعد في تحسين تجربة المستخدم. فيما يلي بعض الأسباب التي تفسر أهمية ترقيم الصفحات وسبب أهميتها لموقع الويب الخاص بك.
- مظهر نظيف وواضح: نتيجة لترقيم الصفحات ، يجب أن تكون قادرًا على إبقاء مشاركاتك أقصر وأثناء ذلك ، اترك صفحتك الأولى منظمة. يجب أن يمكّنك هذا من تقديم مظهر نظيف ونقي إلى عملائك.
علاوة على ذلك ، مع اقتطاع المنشورات بشكل أقصر ، يجب أن تكون قادرًا على الاستفادة الكاملة من المساحة البيضاء بشكل استراتيجي وتوجيه انتباه المستخدم إلى الأجزاء ذات الصلة من موقع الويب الخاص بك ، ربما إلى دعوة للعمل حتى يتمكنوا من النقر فوقها.
- التسويق: باستخدام ترقيم الصفحات ، يجب أن تكون قادرًا على تقليص طول المنشورات وتحسينها في العملية أيضًا.
باستخدام هذا المكون الإضافي ، يمكنك تحديد المنشورات التي تريد قصها بشكل أقصر وحتى تخصيص المنشور ، بحيث يبدو أكثر جاذبية للمستخدم النهائي.
نتيجة لذلك ، يجب أن تنتعش حركة المرور الخاصة بك وفي هذه العملية ، يجب أن تكون أيضًا قادرًا على التفاعل مع المستخدمين أكثر من ذي قبل.
- تفاعل المستخدم: لا يرغب أي مستخدم في قراءة منشور طويل في الصفحة الأولى مباشرةً ؛ هذا هو السبب في أنه من الضروري بالنسبة لك استخدام ترقيم الصفحات لإبقاء المشاركات قصيرة.
سيقدر المستخدمون المظهر المرتب وصفحات التحميل السريع ونتيجة لذلك ، يجب أن تكون قادرًا على التفاعل معهم بشكل أكبر.
مع بدء ترقيم الصفحات ، يجب أن تكون قادرًا على الحفاظ على معدلات الارتداد عند المستويات المثلى ، وإبقاء جمهورك مهتمًا بما فيه الكفاية والأهم من ذلك ، زيادة مشاهدات الصفحة على موقع الويب الخاص بك.
نتيجة لذلك ، أنت ملزم بزيادة تصنيفاتك بالإضافة إلى تعزيز معدل التحويل عبر الإنترنت.
هذه بعض الأسباب التي تجعلك تحتاج إلى ترقيم الصفحات على موقع الويب الخاص بك حيث يمكن أن يساعد موقع الويب الخاص بك على أداء أفضل من ذي قبل.
يمكنك أن تقرر إلى أي مدى تريد أن تكون المنشورات قصيرة ، ومع ترقيم الصفحات ، يجب أن تكون قادرًا على تحديد طول المنشورات ، وحتى شكلها. باستخدام هذه الميزة ، يجب أن تكون قادرًا على منح المستخدمين تجربة مستخدم أفضل.