تغيير الخطوط سكربت اللوردبريس - شبكة همس الشوق
التسجيل مجاني
سجلاتنا تفيد بأنك غير مسجّل ,, يرجى التسجيل
اسم العضو
كلمة السر تأكيد كلمة السر
البريد الإلكتروني تأكيد البريد الإلكتروني

تاريخ الميلاد:    
هل انت موافق على قوانين المنتدى؟

 

 

         :: قصيدةالسهم المنطلق ( الكاتب : حمدفهد )       :: "واقعة السفينة".. جدل في اليونان حول معاداة السامية وحرب غزة ( الكاتب : ناطق العبيدي )       :: ألمانيا تعارض جهود الاتحاد الأوروبي لفرض عقوبات على إسرائيل ( الكاتب : سجات التهاويل )       :: 15 دول غربية وازنة تحشد للاعتراف بدولة فلسطينية.. من هي؟ ( الكاتب : ناطق العبيدي )       :: سفير نمساوي يستقيل على خلفية إدارة مدونة جنسية باسم أنثوي ( الكاتب : ناطق العبيدي )       :: مصدر دبلوماسي: لقاء سوري إسرائيلي جديد في أذربيجان حول "أمن سوريا" ( الكاتب : ناطق العبيدي )       :: عقوبات أمريكية واسعة على كيانات وأسطول سفن إيرانية "متحايلة" ( الكاتب : سجات التهاويل )       :: الرئيس المصري الاسبق محمد انور السادات ( الكاتب : ناطق العبيدي )       :: علماء وعباقرة العرب 14 ابو بكر الباقلاني من كبار علماء عصره ( الكاتب : ناطق العبيدي )       :: سلسلة احداث السيرة النبوية الحلقة الحادية عشر ( الكاتب : ناطق العبيدي )      

 

 
   
{ اعلانات شبكة همس الشوق ) ~
 
 
 
   
فَعاليِات شبَكة همَس الشُوقِ
 
 
Elegant Rose - Double Heart
 غير مسجل  : بصفتك أحد ركائز المنتدى وأعضائه الفاعلين ، يسر الإدارة أن تتقدم لك بالشكر الجزيل على جهودك الرائعه .. وتأمل منك فضلاً لا أمراً المشاركة في أغلب الأقسام وتشجيع كافة الأعضاء بالردود عليهم والتفاعل معهم بقدر المستطاع . ( بكم نرتقي . غير مسجل  . وبكم نتطور ) همس الشوق

اخي الزائر لديك رسالة خاصة من شبكة همس الشوق للقراءة ! اضغط هنا !


همس تطوير المواقع والمنتديات مخصص للهاكات التي يتم برمجتها أو تطويرها أو تعريبها أو ترقيتها من قبل المبرمجين ( المنقوله)

-==(( الأفضل خلال اليوم ))==-
أفضل مشارك : أفضل كاتب :
بيانات ناطق العبيدي
اللقب
المشاركات 7213
النقاط 5536
بيانات همس الشوق
اللقب
المشاركات 7862
النقاط 16814

إنشاء موضوع جديد   

بحث حول الموضوع انشر علي FaceBook انشر علي twitter
العوده للصفحه الرئيسيه للمنتدى انشاء موضوع جديد ردود اليوم هاك منع تسجيل السبام في المنتدى شرح كيفية تقيم الاعضاء
 
LinkBack أدوات الموضوع انواع عرض الموضوع
#1  
قديم 19 - 12 - 2016, 07:51 AM
همسه الشوق غير متواجد حالياً
 عضويتي » 6
 جيت فيذا » 12 - 11 - 2010
 آخر حضور » 7 - 10 - 2023 (05:53 AM)
 فترةالاقامة » 5376يوم
 المستوى » $124 [♥ Bأ©-Yأھu ♥♥ Bأ©-Yأھu ♥♥ Bأ©-Yأھu ♥♥ Bأ©-Yأھu ♥♥ Bأ©-Yأھu ♥]
  النشاط اليومي » 17.96
مواضيعي » 19227
الردود » 77316
عددمشاركاتي » 96,543
نقاطي التقييم » 19544
 ابحث عن » مواضيعي ردودي
تلقيت إعجاب » 1102
الاعجابات المرسلة » 1250
 الاقامه »
 حاليآ في »
دولتي الحبيبه » دولتى الحبيبهSaudi Arabia
جنسي  »  Female
العمر  » سنة
الحالة الاجتماعية  » مرتبطه
 التقييم » همسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond reputeهمسه الشوق has a reputation beyond repute
مشروبى المفضل  » مشروبى المفضل star-box
الشوكولاته المفضله  » الشوكولاته المفضله twix
قناتك المفضلة  » قناتك المفضلةmbc
ناديك المفضل  » ناديك المفضلahli
سبارتي المفضله  » سبارتي المفضلهLexus
 
تغيير الخطوط سكربت اللوردبريس

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

 








تغيير الخطوط سكربت اللوردبريس

December 9th, 2016
11:48
يرغب الكثير في تغيير خطوط الموقع بالترميز فيما بينها، وفصل العنوان بخطٍ والمحتوى بخطٍ آخر لتحسين التنسيق ولإتحاف العين بجمالِ المظهر، وقوالب ووردبريس كغيرها من القوالب تدعمُ الكثير من الخطوط والتنسيقات الغير محدودة وتعتمد في ذلك على ابداع المستخدم أو المصمم لهذا القالب.
سأشرح في هذه التدوينة طريقتين لتغيير الخطوط في قوالب ووردبريس بالتطبيق على القالب الإفتراضي Twenty Fifteen .

الخطوط المحلية وكيفية استخدامها

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


WOFF / WOFF2
: اختصاراً لـ ( Web Open Font Format ) مخصصة للإستخدام عبر الإنترنت، قامت بإنشاؤها موزيلا بالتعاون مع شركات أخرى، وتعتبر هذه الصيغة الأكثر استخدمًا عبر الإنترنت لسرعة تحمليها .
SVG / SVGZ: اختصاراً لـ (Scalable Vector Graphics )، حيثُ يعتبر هذا النوع من الخطوط الأكثر سهولةً ومرونةً في الإستخدام ومدعوم بالدرجة الأولى على متصفح سفاري للأيفون وغير مدعوم للمتصفحات الباقية كالكروم وفايرفوكس الخ …
EOT : اختصاراً لـ ( Embedded Open Type )، تمّ تصميمه بواسطة شركة مايكروسوفت بإستخدام خصائص الـ @font-face ولا يعمل إلا على متصفح إكسبلور وما دون ذلك .
OTF / TTF: اختصاراً لـ ( OpenType Font &TrueType Font )، يهتمّ العديد من المصممين بهذا النوع من الخطوط حيثُ يقومون بتكوين النوع WOFF من خلاله بكل يُسر وسهولة من أجل الإستخدام عبر الويب .
والأن وبعد أنْ تعرفنا على الصيغ الهامّة في تكوين الخطوط التي نريد استخدامها سنتوجّه للتطبيق والبدء بإختيار الخطوط وتطبيقها على قالب Twenty Fifteen.

قم بإنشاء مُجلّد جديد بإسم fonts ضمن مجلدات القالب.

ضع الخطوط التي تُريدها داخل هذا المُجلّد.

الخطوط المُدخلة للإختبار فقط .
قم بفتح ملف style.css الخاص بالقالب.

الأن سنعمل على الخطوط التي قمنا بوضعها يدويًا داخل مُجلّد fonts بإستخدام الصيغ الموجودة بالأعلى، وسنوّظف الخط DroidKufi-Regular.woff ضمن ملف القالب style.css ونقوم بإستخدامه على ” عنوان التدوينة ” للقالب.
@font-face { font-family: 'MyFontDroidKufi'; src: url('fonts/DroidKufi-Regular.woff') format('woff'); }
التسمية MyFontDroidKufi ما بين علامة التنصيص لك الحرية في تغييره، ولكن يجب عليك الإحتفاظ به لإستخدمه في النقاط المرغوب إضافة الخط إليها أو تحريرها، وأيضًا هذا الكود والنوع من الخطوط يعمل على متصفحات فايرفوكس، كروم، اكسبلور، و سفاري.
الآن وبعد وأن أضفنا الكود سنقوم بتعديل “خط ” عنوان التدوينة في القالب الموجود بهذه الصورة
بالبحث داخل ملف style.css عن :
.entry-title { font-size: 39px; font-size: 3.9rem; line-height: 1.2308; margin-bottom: 1.2308em; }

ثمّ اضافة السطر التالي :
font-family:'MyFontDroidKufi';
لتصبح النتيجة :
.entry-title { font-size: 39px; font-size: 3.9rem; line-height: 1.2308; margin-bottom: 1.2308em; font-family:'MyFontDroidKufi'; }

قم بحفظ الملف الآن ثمّ توجّه للمتصفح وشاهد ” عنوان التدوينة ” بعد الإضافة
والتحرير على الكود السابق سترى النتيجة بهذا الشكل

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

@font-face { font-family: 'MyFontDroidKufi'; src: url('fonts/DroidKufi-Regular.eot'); src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/DroidKufi-Regular.woff2') format('woff2'), url('fonts/DroidKufi-Regular.woff') format('woff'), url('fonts/DroidKufi-Regular.ttf') format('truetype'), url('fonts/DroidKufi-Regular.svg#svgFontName') format('svg'); }
واستخدام الطريقة السابقة تمامًا بإضافة الكود الموجود بالأعلى واستخدامه مع العناوين والرؤس الخ…، وللتحويل من ttf إلى woff استخدم ttf to woff converter.
الخطوط المُخزنة على الويب كجوجل

هذه الطريقة تُعتبر الأسرع والأسهل في الإستخدام، ضمان وسرعة فائقة .. سنعتمد في هذه الطريقة استخدام Google Fonts | Early Access والتي ستُعطينا كوداً جاهزاً لإضافته داخل ملف style.css واستداعاء دالة الخط، فعلى سبيل المثال سنقوم بإختيار الخط التالي :
في الصورة يُبين لنا رابط الإستدعاء ( Link ) وطريقة الإستخدام للخط، وسننفذ ذلك بفتح ملف style.css الخاص بالقالب:
ثمّ وضع الـ Link الخاص بالخط فمنطقة المستطيل الأحمر، الآن يمكنك استخدام كود Example الموجود في الصورة السابقة بأيّ مكانٍ تريد وعلى سبيل المثال “عنوان التدوينة” بنفس الطريقة الأولى ليكون الكود كالتالي :

.entry-title { font-size: 39px; font-size: 3.9rem; line-height: 1.2308; margin-bottom: 1.2308em; font-family: 'Amiri', serif; }
ستحصل على النتيجة التالية :

يمكنك استخدام الطريقة التي تناسبك وتُلبي مُتطلّباتك



الموضوع الأصلي : تغيير الخطوط سكربت اللوردبريس || الكاتب : همسه الشوق || المصدر : شبكة همس الشوق


 





رد مع اقتباس

رسالة لكل زوار منتديات شبكة همس الشوق

عزيزي الزائر أتمنى انك استفدت من الموضوع ولكن من اجل  منتديات شبكة همس الشوق  يرجاء ذكر المصدرعند نقلك لموضوع ويمكنك التسجيل معنا والمشاركة معنا والنقاش في كافه المواضيع الجاده اذا رغبت في ذالك فانا لا ادعوك للتسجيل بل ادعوك للإبداع معنا . للتسجيل اضغظ هنا .

إنشاء موضوع جديد   

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
اللوردبريس, الخطوط, تغيير, سكربت

جديد منتدى همس تطوير المواقع والمنتديات

تغيير الخطوط سكربت اللوردبريس


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

الأعضاء الذين قاموا بتقييم هذا الموضوع : 0
لم يقوم أحد بتقييم هذا الموضوع


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه لموضوع: تغيير الخطوط سكربت اللوردبريس لموضوع: تغيير الخطوط سكربت اللوردبريس
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سكربت تعديل أرقام الأقسام همس الشوق همس تطوير المواقع والمنتديات 4 8 - 5 - 2025 09:20 AM
سكربت تعديل رقام ال قسام الــســاهر همس تطوير المواقع والمنتديات 2 1 - 10 - 2023 12:22 AM
سكربت تعديل رقام ال قسام همس الشوق همس تطوير المواقع والمنتديات 3 21 - 7 - 2023 08:05 PM
سكربت تصاميم للماسنجر همس الشوق همس برامج المسنجر و الاسكايبي والبرامج المشروحه 15 7 - 8 - 2019 07:48 PM
الخطوط السعودية تعلن تغيير اتجاه رحلاتها إلى مسارات بعيدة شيخة الزين همس للاخبار العالمية و العربيه والمحليه 4 30 - 6 - 2019 05:53 PM

Google Pagerank mérés, keresőoptimalizálás

 

{ إلا صلاتي   )
   
||

الساعة الآن 11:31 PM



جميع الحقوق محفوظه للمنتدى
HêĽм √ 3.1 BY: ! ωαнαм ! © 2010

SEO by vBSEO