قائمة طعام
مجاني
التسجيل
الصفحة الرئيسية  /  الوسائط المتعددة/ معرض وورد مع سحابة الوسم. تحسين WordPress Tag Cloud باستخدام الإضافات

معرض وورد مع علامة سحابة. تحسين WordPress Tag Cloud باستخدام الإضافات

WP-Cumulus: سحابة ثلاثية الأبعاد من العلامات الموضعية على الفلاش (نسخة روسية محسنة). يعد المكون الإضافي WP-Cumulus قديمًا بالفعل وقد سمع عنه الكثيرون ، بل وقد شاهده الكثيرون. يوفر القدرة على عرض سحابة من العلامات على شكل سحابة دوارة ثلاثية الأبعاد ، جميلة جدًا. يجب أن ترى عمله أعلاه. مؤلف البرنامج المساعد روي تانك.

تحميل

دعم الإصدار: WP 2.8+

لقطات

إعدادات

جميع الإعدادات موصوفة في المكون الإضافي ولا ينبغي أن يكون لديك أي أسئلة عنها في لقطات الشاشة. ربما باستثناء خيار معلمات الدالة wp_tag_cloud. في ذلك ، يمكنك تحديد كيف وما هي الروابط التي سيتم عرضها في السحابة. على سبيل المثال ، "number = 20 & استبعاد = 12" ستطبع 20 علامة فقط ، حتى إذا كان هناك المزيد ، وستستبعد العلامة 12 (معرف العلامة).

جميع المعلمات الممكنة لهذه المعلمة:

  • الأصغر - حجم النص للتسميات ذات الإدخالات الأقل. الافتراضي هو 8.
  • أكبر - حجم النص للتسميات ذات كمية كبيرةالسجلات. الافتراضي هو 22.
  • الوحدة - وحدة قياس الحجم للأصغر والأكبر. يمكن أن يكون: pt ، px ، em ،٪. بشكل افتراضي pt.
  • الرقم - أقصى عدد من الملصقات التي سيتم عرضها. إذا تم التعيين على 0 ، فسيتم عرض جميع التصنيفات دون قيود. الافتراضي هو 45.
  • استبعاد - استبعاد التسميات المحددة. تحتاج إلى تحديد المعرف ، مفصولاً بفاصلات.
  • تشمل - إظهار العلامات المحددة فقط. تحتاج إلى تحديد المعرف ، مفصولاً بفاصلات.
  • التصنيف هو اسم التصنيف الذي سيتم إنشاء السحابة منه. بفضل هذا الخيار ، يمكنك استنتاج المصطلحات من أي تصنيف ، وليس فقط العلامات أو الفئات.

يتم ربط المعلمات بـ &: number = 20 & excit = 12.

إخراج سحابة ثلاثية الأبعاد في قالب

إذا كنت بحاجة إلى عرض سحابة wp-cumulus مباشرةً في القالب ، دون استخدام عنصر واجهة مستخدم أو رمز قصير ، فيمكنك استخدام وظيفة wp_cumulus_insert ($ options ، $ links) في رمز القالب. يمكن تخصيص المخرجات بتمرير المعلمات المطلوبة. سيتم مقاطعة الإعدادات من لوحة الإدارة بواسطة هذه المعلمات.

المعلمات التي يمكن تمريرها:

$ options = array ("width" => "550"، // flash "height" width => "375"، // ارتفاع الفلاش "tcolor" => "ffffff" ، // لون الروابط الكبيرة "tcolor2" = > "ffffff" ، // لون الروابط الصغيرة "hicolor" => "ffffff" ، // لون رابط التمرير "bgcolor" => "333333" ، // لون الخلفية "speed" => "150" ، / / سرعة الدوران "عبر" => "خطأ" ، // خلفية شفافة flash "args" => "" ، // الوسائط التي تم تمريرها إلى وظيفة wp_tag_cloud. على سبيل المثال: أكبر = 20 & أصغر = 12 & رقم = 40 "وضع" => "علامات" ، // التي ترتبط بالعرض: العلامات (العلامات) ، القطط (الفئات) ، (العلامات والفئات) "compmode" = > "js" ، // embed code flash: js (javascript) ، فارغ (كائن) "showwptags" => 1 ، // ما إذا كان سيتم إظهار روابط HTML إذا كان الفلاش لا يعمل في المتصفح) ؛ wp_cumulus_insert (خيارات $) ؛

أمثلة على مخرجات السحابة ثلاثية الأبعاد في القالب

# 1 دعنا نعرض كتلة فلاش من العلامات بخلفية بيضاء ، بحجم 300 × 225 بكسل.

للقيام بذلك ، افتح ملف النسق ، على سبيل المثال ، sidebar.php والصق الكود التالي في المكان الصحيح:

"300"، "height" => "225"، "bgcolor" => "ffffff")) ؛ ؟>

# 2 قم بإخراج سحابة من 20 مصطلحًا من "مؤلفون" تصنيف تعسفي ، وحدد سرعة دوران 300:

"التصنيف = المؤلفون وعدد 20" ، "السرعة" => "300")) ؛ ؟>

# 3 اعرض أي روابط

بالإضافة إلى مصطلحات التصنيف ، يمكنك عرض أي روابط في السحابة. يوضح هذا المثال كيفية عرض الصفحات الدائمة ، ولهذا نحدد الوسيط الثاني لوظيفة $ links:

-1 ، "post_type" => "الصفحة" ،)) ؛ // إنشاء سلسلة روابط $ links = ""؛ foreach (منشورات $ كـ $ post) ($ fsize = rand (12،28)؛ $ links. = "ID)." ">". $ post-> post_title. ""؛ ) wp_reset_postdata () ؛ // طباعة wp_cumulus_insert ("" ، روابط $) ؛ ؟>

سحابة ثلاثية الأبعاد بدون مكون إضافي

إذا كنت لا تريد توصيل المكون الإضافي ، فيمكن عرض السحابة بدون تثبيت المكون الإضافي. من أجل هذا:

    قم بتنزيل هذا الأرشيف ووضع المجلد منه (wp-cumulus-not-plugin) في أي دليل ، فليكن دليل السمة ؛

  1. في مكان القالب حيث تريد عرض السحابة ، قم بتوصيل ملف wp-cumulus.php واستخدم وظيفة wp_cumulus_theme_flashcode ($ options ، $ links).
"600" ، // عرض الفلاش "الارتفاع" => "450" ​​، // ارتفاع الفلاش "tcolor" => "3D3644" ، // لون الروابط الكبيرة "tcolor2" => "7E748C" ، // لون صغير الروابط "hicolor" => "DE1E1C" ، // لون رابط التحويم "bgcolor" => "ffffff" ، // لون الخلفية "speed" => "300" ، // سرعة الدوران "mode" => "العلامات "، // علامات العرض (العلامات) ، الفئات (القطط) أو كليهما" args "=>" large = 16 & smallest = 10 & number = 30 "، // وسيطات تم تمريرها إلى وظيفة wp_tag_cloud //" folder_url "=> get_stylesheet_directory_uri (). "/ wp-cumulus-not-plugin /" // url لمجلد ملف php)) ؛ ؟>
لا يعمل؟

عند عرض كائن فلاش ، تتضمن الوظيفة wp_cumulus_theme_flashcode () ملفين: swfobject.js و tagcloud.swf. تحدد الوظيفة عنوان URL لهذه الملفات تلقائيًا (يجب أن تكون في نفس الدليل مثل ملف wp-cumulus.php). إذا تم تحديد عنوان URL بشكل غير صحيح ، فقد لا تعمل السحابة. لذلك ، عند استدعاء الوظيفة ، قد تحتاج إلى تحديد المعامل folder_url ، الذي تحدد فيه عنوان URL للمجلد الذي يوجد به هذان الملفان.

هل تريد وضع العلامات الخاصة بك على السحابة ، أو بالأحرى ، على السحابة الديناميكية ، والتي تكون دائمًا في حالة حركة وتجذب انتباه زوار الموقع؟ أعتقد ذلك ، لأنني تلقيت اليوم عدة رسائل بها سؤال: إلى المدونة. وإذا كان هناك من لا يزالون لا يعرفون ما إذا كان يحتاج إليها أم لا ، أو لا يعرفون ما الذي يتحدثون عنه على الإطلاق ، فما عليك سوى إلقاء نظرة على الصفحة الرئيسية في مدونتي وتقييمها سحابة علامة WordPress.

دعنا نبدأ العمل: إلى قم بتثبيت WordPress tag cloudتحتاج إلى التثبيت والتفعيل توصيل في WP الركام. في نفس الوقت ، يرجى الانتباه إلى أن هذا البرنامج المساعد يجب أن يتم تنزيله بشكل مستقل عن الإنترنت! النسخة الروسية الإلزامية !! خلافًا لذلك ، إذا كنت تستخدم البحث في علامة التبويب Add plugin ، فسيجد البحث النسخة الإنجليزية من هذا المكون الإضافي ، والتي لن تكون قادرة على العمل بشكل صحيح مع العلامات الروسية الخاصة بك.

  1. PUA - البرنامج المساعد - إضافة البرنامج المساعد - تحميل الملف.
  2. تفعيل.
  3. تكوين البرنامج المساعد.

ماذا يعني إعداد البرنامج المساعد؟ دعونا لا نخصص ونرى فقط كيف تبدو السحابة الخاصة بنا على الصفحة!

لإضافة سحابة إلى صفحة ، حدد Tag Cloud Widget واسحبه إلى الشريط الجانبي. مستعد؟ ثم اذهب للعرض الصفحة الرئيسيةموقع.

وكيف؟ الامور جيدة؟

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

لذا ، بعد كل شيء ، دعنا نعود إلى صفحة الإعدادات السحابية ونقوم بتعديل كل ما لا يناسبنا.

لتكوين المكون الإضافي ، لا تتردد في النقر فوق LMB على اسم المكون الإضافي WP Cumulus في علامة التبويب الإعدادات. قم بإجراء التغييرات التي تريدها ، وانتقل إلى الموقع واستمتع بالتغييرات. انتبه فقط ، بعد إجراء التغييرات ، تأكد من التحقق من الشكل الذي تبدو عليه في الواقع ، وإذا كان هناك أي شيء ، فأعد المعلمات إلى مكانها.

بالمناسبة ، يمكن إجراء نفس إعدادات المكون الإضافي إذا قمت بالنقر فوق Cloud of tags في علامة التبويب Widgets.

لا تنسى! أوجه انتباهك إلى حقيقة أنه يجب عليك بالتأكيد تحديد المربع

يرتب العلامات على مسافات متساوية من بعضها البعض بدلاً من ترتيبها عشوائيًا

وإلا فقد تتجمع علاماتك معًا ولن تحصل على المتعة والجمال من السحابة!

بالمناسبة ، نسيت تقريبًا تحذيرك: توصيل فييحتاج فقط إلى الضبط إذا كان هناك علامة واحدة على الأقل !!! إذا لم تكن هناك علامات ، فتأكد من فتح المقالات وإضافة العلامات !!!

دعونا نلخص:

  • اكتشف سبب حاجتك إلى إضافة WP Cumulus
  • تم تنزيل البرنامج المساعد WP Cumulus
  • تعلمت كيفية التثبيت والتفعيل والتكوين توصيل في WP الركام
  • تعلمت، كيفية تثبيت WordPress tag cloudعلى المدونة

لقد اختبرت هذه السحابة لمدة ثلاثة أشهر وقررت أنه في الوقت الحالي سأزيل هذه السحابة من موقعي. اختبار المدونة بدون علامة سحابة.

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

الطريقة الأولى. عرض سحابة الوسم مع كود php
الفائدة: يمكن عرض سحابة العلامات في أي مكان.

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

سحابة العلامة:

الصق الكود في أي مكان في ملف القالب (القالب).

خيارات اضافية :

○ المعلمة "أصغر" - تحدد حجم خط العلامة الأقل شيوعًا.

○ يحدد المعامل "أكبر" حجم خط الوسم الأكثر شيوعًا.

نجمع بين المعلمتين "الأصغر" و "الأكبر":

○ المعامل "رقم" - يحدد عدد العلامات المعروضة على الصفحة

○ معلمة "orderby" - ترتب العلامات حسب الاسم (الاسم) والشعبية (العدد)

أو

○ معلمة "الترتيب" - تعرض سحابة العلامات بالترتيب الأبجدي - ASC (A-Z) و DESC (Z-A) و RAND (ترتيب إخراج عشوائي).

○ ستساعد معلمة "استبعاد" على استبعاد التسميات غير الضرورية من القائمة العامة. اكتب معرف العلامات مفصولة بفواصل.

○ معلمة "include" - ستساعد في تحديد الملصقات التي سيتم الإخراج فيها قائمة مشتركة... اكتب معرف العلامات مفصولة بفواصل.

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

الفوائد: إنه سريع.
العيوب: هناك قيود في الإعدادات ، وليس من الممكن دائمًا ترتيبها بالطريقة التي تريدها.
لذا اذهب إلى لوحة الإدارة => "المظهر" => "الأدوات"... على اليسار ، ابحث عن أداة Tag Cloud. انقر عليه

واختر مكانًا متاحًا لإدراج الأداة.

الطريق الثالث. عرض سحابة من العلامات من خلال المكون الإضافي "wp-cumulus" أو "Tag Cloud Canvas"
يعد "WP-Cumulus" أو "Tag Cloud Canvas" مكونًا إضافيًا لإنشاء سحابة علامات ثلاثية الأبعاد في WordPress وبعد التثبيت تبدو سحابة العلامات كما يلي:

يمكنك تنزيل المكون الإضافي WP-Cumulus ومعرفة كيفية تكوينه على هذا العنوان:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

تنزيل المكون الإضافي "Tag Cloud Canvas":

https://wordpress.org/plugins/tag-cloud-canvas/

المزايا: إخراج جميل وسريع لسحابة العلامة.
العيوب: ليست مناسبة دائمًا لتصميم المدونة ، فضلاً عن تحميل غير ضروري على المدونة.

هذا كل شيء ، أيها الأصدقاء! أتمنى لك الاختيار الصحيح والناجح!

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

تثبيت البرنامج المساعد وتكوينه

1. الخاص بك نسخة ووردبريسيجب أن يكون 2.3 أو أعلى. سحابة العلامات لـدبليوأوبرلن تعمل مع الإصدارات الأقدم.

2. قم بتنزيل النسخة الروسية وقمنا بإسقاط مجلد wp-cumulus في دليل الملحقات ( wp-content / plugins /).

3. تنشيط البرنامج المساعد في منطقة الإدارة.

توجد جميع إعدادات البرنامج المساعد في ( معاملmax \ WP Cumulus)... إذا لم يكن لديك فجأة علامة اختيار في إعدادات البرنامج المساعد ، ( رتب العلامات بالتساوي على الكرة) ثم يجب عليك بالتأكيد وضعها. خلاف ذلك ، سيتم تشغيل العلامات في السحابة على بعضها البعض ولن تكون جميلة.

لعرض سحابة علامات ووردبريس ، لديك ثلاثة خيارات.

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

سيتم استبدال هذه العلامة بـ فلاش علامة سحابةعند مشاهدة الصفحة.

2. للإدراج وورد بطاقة الغيوماستخدم الكود من خلال النموذج:

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

تحتوي الأداة على مجموعة منفصلة من الإعدادات ، حتى نتمكن من تغيير لون الخلفية وحجمها وما إلى ذلك.

قم بتخصيص هذه الأداة بالطريقة التي تريدها وانقر فوق " يحفظ".

لقد تمت ترجمة كل شيء إلى اللغة الروسية ، أعتقد أنه يمكنك معرفة ذلك.

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

مقدمة

هذه هي الوظيفة الرئيسية المضمنة في النواة لعرض العلامات المخصصة لمشاركاتك ، والتي تعرض سحابة العلامات.

8 ، "أكبر" => 22 ، "وحدة" => "pt" ، "رقم" => 45 ، "تنسيق" => "مسطح" ، "فاصل" => "\ n" ، "orderby" => " name "،" order "=>" ASC "،" استبعاد "=> null،" include "=> null،" topic_count_text_callback "=> default_topic_count_text،" link "=>" view "،" taxonomy "=>" post_tag " ، "صدى" => صحيح) ؛ ؟>

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

  • أصغر- تحدد هذه المعلمة الحد الأدنى لحجم النص في سحابة العلامات.
  • 'أكبر'- تحدد هذه المعلمة أكبر مقاسالنص في سحابة العلامة.
  • 'عدد'- تحدد هذه المعلمة العدد الإجمالي للعلامات المعروضة في سحابة العلامات. يمكنك تحديد "0" إذا كنت تريد كل شيء
  • 'صيغة'- تحدد هذه المعلمة تنسيق عرض السحابة. يمكن أن تأخذ على القيم " مسطحة‘, ‘قائمة'، أو ' مجموعة مصفوفة‘
  • "فاصل"- تحدد هذه المعلمة فاصل العلامات في السحابة
  • "Topic_count_text_callback"- تعرض هذه المعلمة عدد الإدخالات المخصصة لكل علامة كتلميح أداة
  • "التصنيف"- تحدد هذه المعلمة نوع تصنيف WordPress الذي يمكن استخدامه في سحابة العلامات. الافتراضي هو post_tagsلكن يمكنك استخدام التصنيفات المخصصة أيضًا

تلعب هذه المعلمات دورًا رئيسيًا في تخصيص سحابة العلامات.

إستعمال

يحتوي WordPress على أداة Tag Cloud القياسية التي يمكن وضعها في المنطقة المناسبة من الصفحة. ومع ذلك ، حتى بدون استخدام عنصر واجهة مستخدم ، يمكنك استخدام الوظيفة wp_tag_cloud ()لعرض وتخصيص سحابة العلامات على مدونتك. يمكنك أيضًا تحديد المعلمات بعدة طرق.

يتم فصل المعلمات بعلامة "&" في سطر واحد بسيط.

تحديد المعلمات في تنسيق المصفوفة.

"10"، "large" => "50"، "unit" => "px"، "number" => "45"، "eparator "=>" :: "،" orderby "=>" count "، "الطلب" => "RAND")) ؛ ؟>

نشير فقط إلى المعلمات المحددة ، ويتم ترك الباقي كما هو افتراضيًا.

نعيد سحابة العلامات كمصفوفة دون عرضها في المدونة. يمكن استخدام النتيجة لاحقًا في كود PHP.

أمثلة عملية

مثال 1: عرض سحابة علامات في الشريط الجانبي أو تذييل السمة الخاصة بك

قم بإنشاء وظيفة في ملفك وظائف. phpوإرجاع الوظيفة wp_tag_cloud ()... بمجرد تحديدها ، يمكنك استدعاء هذه الوظيفة في أي مكان في مدونتك.

الوظيفة my_cloud ($ echo = false) (if (function_exists ("wp_tag_cloud")) تُرجع wp_tag_cloud () ؛)

الآن دعنا نفتح ملفك الشريط الجانبي. phpواستدعاء وظيفة لعرض سحابة العلامة.

الكلمات الشعبية"؛ my_cloud () ؛؟>

دعونا نضيف قليلا أنماط CSSإلى ملفنا style.cssمن أجل جعل سحابة العلامات تبدو أكثر ملائمة.

Mycloud a (background: # FFC414؛ color: # 0000FF؛ display: inline-block؛ margin: 0 4px 8px 0؛ padding: 2px 10px؛ -webkit-border-radius: 20px؛ -moz-border-radius: 20px؛ border -radius: 20px ؛ حجم الخط: 10px ؛) .mycloud h3 (نمط الخط: مائل ؛ وزن الخط: غامق ؛ حجم الخط: 30 بكسل ؛ اللون: # FF00FF ؛ عائلة الخطوط: Comic Sans ؛)

هكذا تبدو الآن:

نفعل نفس الشيء في تذييل. phpموضوعك.

يمكنك جعلها أجمل من خلال إضافة أنماط CSS الخاصة بك.

عن طريق إضافة معلمات مختلفة إلى الوظيفة wp_tag_cloud ()إلى ملف وظائف. phpيمكننا تخصيص سحابة الوسم الخاصة بنا. على سبيل المثال ، إذا كنت تريد تضمين كل من العلامات والفئات في سحابة العلامات أو سحابة التصنيف ، فيجب كتابة الوظيفة على النحو التالي:

Wp_tag_cloud (array ("taxonomy" => array ("post_tag"، "category"))) ؛

مثال 2: إنشاء صفحة Tag Cloud لمدونتك

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

أولاً ، دعنا ننشئ قالب الصفحة الخاص بنا في مجلد السمة الخاص بك باستخدام الوظيفة wp_tag_cloud ()... سوف نسمي هذا الملف tagcloud.php.

أنت الآن بحاجة للذهاب إلى منطقة إدارة WordPress والذهاب إلى الصفحات -> إضافة جديد... عيّن العنوان المطلوب للصفحة ، ثم في القسم سمات الصفحةحدد نموذجًا لها - Tag Cloud ، ثم انقر فوق تحديث. هذا كل شئ. صفحة سحابة العلامة الخاصة بك جاهزة. يمكنك تلوينها باستخدام CSS.

مثال 3: إنشاء كتلة سحابة علامات قابلة للتمرير للشريط الجانبي

يمكنك مطالبة المستخدمين بتحديد العلامات في الشريط الجانبي من كتلة قابلة للتمرير. للقيام بذلك ، تحتاج إلى إنشاء وظيفة في الملف وظائف. php.

الوظيفة cloudbox () (if (function_exists ("wp_tag_cloud")) ($ tags = wp_tag_cloud (array ("smallest" => 10، "large" => 10، "orderby" => "name"، "order" => "ASC"، "format" => "array"))؛ foreach (علامات $ كـ $ tag) (echo $ tag. "
"; } } }

في الوظيفة أعلاه ، استخدمنا تنسيق مصفوفة الوظيفة wp_tag_cloud ()، تم ترك الخط كما هو ، وتم ترتيب القائمة حسب الاسم بترتيب تنازلي.

الآن نفتح ملف الشريط الجانبي. phpواستدعاء هذه الوظيفة.

الرجاء تحديد علامة

دعونا نصممها باستخدام CSS.

#cloud (background: #FFFFCC؛ height: 200px؛ width: 200px؛ margin: 0 auto؛ overflow: scroll؛ border: 4px solid # 000000؛ padding: 2px؛ text-align: justify؛) #cloud a (background: # 400000 ؛ اللون: # FFFF00 ؛ العرض: كتلة مضمنة ؛ الهامش: 0 4 بكسل 8 بكسل 0 ؛ الحشو: 2 بكسل 10 بكسل ؛ -webkit-border-radius: 20px ؛ -moz-border-radius: 20px ؛ نصف قطر الحدود: 20px ؛ الخط -الحجم: 15 بكسل ؛) # النص (نمط الخط: مائل ؛ وزن الخط: غامق ؛ حجم الخط: 20 بكسل ؛ اللون: # FF9900 ؛ عائلة الخطوط: Comic Sans ؛)

نتيجة لذلك ، ستبدو الكتلة على هذا النحو.