يمكن أن تؤدي إضافة مكتبة أيقونات إلى موضوع WordPress الخاص بك إلى منحها مظهرًا فريدًا وأنيقًا وإليك دليل حول كيفية القيام بذلك

يمكن أن تكون إضافة مكتبة أيقونات إلى قالب WordPress الخاص بك طريقة رائعة لإضافة بعض الذوق الإضافي إلى موقعك. هناك عدة طرق مختلفة للقيام بذلك ، ولكن الأكثر شيوعًا هو استخدام مكون إضافي. هناك بعض الإضافات المختلفة التي يمكنك استخدامها لإضافة مكتبة أيقونات إلى قالب WordPress الخاص بك. يعد المكون الإضافي Font Awesome أحد أكثر المكوّنات شيوعًا. يوفر لك هذا المكون الإضافي مكتبة كبيرة من الرموز التي يمكنك استخدامها على موقعك. هناك مكون إضافي شائع آخر هو البرنامج المساعد IcoMoon. يوفر لك هذا المكون الإضافي مكتبة كبيرة من الرموز بالإضافة إلى القدرة على إنشاء الرموز المخصصة الخاصة بك. بمجرد تثبيت البرنامج المساعد ، ستحتاج إلى تنشيطه. بعد تنشيطه ، ستحتاج إلى الانتقال إلى صفحة الإعدادات الخاصة بالمكوِّن الإضافي وتحديد مكتبة الرموز التي تريد استخدامها. بمجرد تحديد مكتبة الرموز ، ستحتاج إلى إضافة الرمز إلى قالب WordPress الخاص بك. سيختلف الرمز الدقيق اعتمادًا على المكون الإضافي الذي تستخدمه. ومع ذلك ، ستزودك معظم المكونات الإضافية بتعليمات حول كيفية إضافة الكود إلى قالبك. هناك بعض الإضافات المختلفة التي يمكنك استخدامها لإضافة مكتبة أيقونات إلى قالب WordPress الخاص بك. هناك مكون إضافي شائع آخر هو البرنامج المساعد IcoMoon. بمجرد تثبيت البرنامج المساعد ، ستحتاج إلى تنشيطه. بمجرد تحديد مكتبة الرموز ، ستحتاج إلى إضافة الرمز إلى قالب WordPress الخاص بك.

يمكنك إنشاء رموز مخصصة باستخدام منتقي الرموز الجديد أو الرموز القصيرة أو مقتطفات HTML. في كتلة نص Gutenberg ، يمكن العثور على عنصر قائمة Font Awesome Icon في شريط التنسيق الممتد. يمكنك تحديد أي رمز Pro من قائمة الرموز المتاحة ، بالإضافة إلى أي عائلة أو نمط يتم تحميله. سترى الرمز القصير مدرجًا في المحتوى الخاص بك بعد تحديد رمز. يعد استخدام العناصر الزائفة طريقة لإضافة أو تحرير الرموز قبل أو بعد المحتوى في HTML دون تحرير HTML. يمكن إضافة الرموز بالإضافة إلى تضمينها في الرموز القصيرة أو HTML. تكمن المشكلة في استخدام CDN بالطريقة نفسها المستخدمة في استخدام المجموعة في أن الخيار غير متاح عند استخدام المجموعة. قبل تعطيلها ، تأكد من أن موقع الويب الخاص بك يحتوي على جميع الرموز التي يحتاجها.

مكتبة أيقونات WordPress

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

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

كيف تجد أيقونات على ووردبريس

ليس من الضروري استخدام المكون الإضافي Icon Finder لإضافة رموز من مصدر آخر. هناك عدة طرق للعثور على الرموز في WordPress. يعد استخدام المكون الإضافي Themeisle أحد الخيارات لإنشاء أيقونة قائمة. يوفر هذا المكون الإضافي مجموعة كبيرة من خيارات الرموز من مجموعة Dashicons.

كيفية إضافة أيقونات مخصصة إلى ووردبريس

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

يعد إنشاء وتحميل الرموز المخصصة إلى موقع WordPress الخاص بك أمرًا بسيطًا ومجانيًا. يمكنك استخدام ملف صورة كرمز للصورة في برنامج تحميل الوسائط القياسي. كما هو الحال مع الطريقة الأولى ، سيكون عليك إنشاء دليل للصور في جذر المظهر الخاص بك. يجب أن تكون الرموز ذات ارتفاع وعرض موحدين ، بغض النظر عن حجمها ، وأي شيء أقل من 60 × 64 سيؤدي إلى تدهور الجودة. إذا كان لديك قالب Twenty Seventeen التابع مثبتًا ، فستتمكن من الوصول إلى هيكل الدليل الخاص بك على أنه WP-content / theme / عشرون سبعة عشر / timeline-express / image-icons. إذا قمت بإضافة جميع الرموز الخاصة بك إلى دليل رموز الصور ، فإن الوظيفة الإضافية لرموز الصور ستعرضها تلقائيًا في مستعرض رمز الإعلان. تُنشئ الوظيفة الإضافية أيضًا فئة للرمز عن طريق إدخال اسم الرمز في القائمة المنسدلة المستخدمة لتصفية الرموز.

كيفية إضافة أيقونة في زر في وورد

يمكنك البدء بالانتقال إلى قسم الإضافات في لوحة معلومات WordPress على اليسار. يمكنك العثور على "Better Font Awesome" بالنقر فوق الزر "إضافة جديد" في الزاوية اليسرى العليا. الخطوة الثالثة هي تثبيت هذا البرنامج المساعد وتنشيطه. سيضمن ذلك تطابق إعدادات WordPress الخاصة بك مع إعدادات WordPress الخاصة بك.

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

يمكنك استبدال f138 برقم unicode الخاص بالرمز عن طريق القيام بذلك في الكود أعلاه. يمكنك أيضًا تعيين الخط والمساحة المتروكة لتناسب متطلباتك. لديك خيار تغيير اللون إذا كنت تريد.

فئة الزر = btn Btn-basic Href => الزر الخاص بي

أرغب في إضافة فئة * btn btn-basic * href = My Button.

WordPress Icon Font

خط أيقونة WordPress عبارة عن مجموعة من الرموز التي يمكن استخدامها على مواقع WordPress. تستند الرموز إلى مجموعة أيقونات Font Awesome ويمكن استخدامها بعدة طرق ، بما في ذلك في منطقة إدارة WordPress وفي الأدوات وفي السمات.

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

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

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

كيفية إضافة رموز رائعة للخطوط إلى موقع WordPress الخاص بك

عندما تضيف رموزًا إلى منشوراتك وصفحاتك ، فإنها تظهر في مكتبة الوسائط ، تمامًا كما لو كانت صورًا أو مقاطع فيديو. يمكن إضافة أيقونات إلى المنشورات والصفحات باستخدام الزر "إضافة وسائط" في مكتبة الوسائط أو سحب وإفلات الرموز من مكتبة أيقونات Font Awesome في المنشورات والصفحات بطرق أخرى.
كيفية إعداد رموز رائعة للخطوط لموقع WordPress الخاص بك [/ br] الأمر بسيط مثل وضع الرموز على موقع WordPress الخاص بك. لإضافة رمز إلى مدونتك ، ما عليك سوى إدخال * i class = ”fab fa-wordpress”> * / i> أينما تريد أن تظهر. تحقق من مكتبة الرموز لمعرفة الاسم الذي يجب إضافته. لا تعمل الرموز القصيرة في المكون الإضافي دائمًا.
إذا كنت تبحث عن خط به رموز ، فلا يوجد خيار أفضل من Font Awesome. عندما تستخدم كتلة نصية من Gutenberg أو محرر WordPress Classic ، يمكنك العثور عليه إما في مكتبة الرموز أو في شريط التنسيق الموسع. بعد إضافته ، يمكنك استخدام منتقي الرموز للعثور على الرموز حسب الاسم أو الفئة أو الكلمة الأساسية. تحتوي مكتبة الوسائط على رموز يمكنك إضافتها إلى المنشورات والصفحات باستخدام الزر "إضافة وسائط" أو عن طريق سحب الرموز وإفلاتها من المكتبة.

Font Awesome Icon Menu Option (خيار قائمة Font Awesome Icon)

يعد خيار قائمة رمز الخط الرائع طريقة رائعة لإضافة رموز إلى موقع الويب أو التطبيق الخاص بك. يتيح لك هذا الخيار الاختيار من بين مجموعة متنوعة من الرموز المتوفرة في مجموعة أيقونات Font Awesome. يمكنك أيضًا تحديد الحجم واللون والخيارات الأخرى لكل رمز. يعد هذا الخيار طريقة رائعة لإضافة اهتمام بصري إلى موقع الويب أو التطبيق الخاص بك.

كيفية تضمين رموز Font Awesome على موقع الويب أو التطبيق الخاص بك

إذا كنت تستخدم موقعًا أو تطبيقًا موجودًا مسبقًا ، فقد تحتاج إلى تعديل الكود الخاص بك ليشمل مكتبة Font Awesome بالإضافة إلى فئة fa fa-bars. يمكن إضافة السطر التالي إلى ملف header.php لمدونة WordPress إذا كنت تستخدمه.
يجب أن يكون للموضوع أيضًا دعم add_theme. يرمز الحرف "f" إلى ما يتم نطقه بشكل مشابه لحرف "القضبان".
إذا كنت تستخدم سمة أو مكونًا إضافيًا مخصصًا ، فيجب عليك أولاً تنزيل مكتبة Font Awesome وتثبيتها. قم بتثبيت المكتبة ثم قم بإضافة فئة fa fa-bars css إلى أي عنصر تريد تضمين رموز Font Awesome به.