وضع خلفية لعناوين المشاركات او المواضيع كما يقول البعض الأخر طريقة جديدة ومميزة وقد يحتاجهة اصحاب المدونات لتزين المدونة فكل ما كان شكل المدونة مميز وجذاب كل ما ينجذب الية الزوار فبذلك قررت بأن اضع لكم هذه الطريقة الذى نشاهدها بالمدونات الأجنبية او المجلات الاخرى انا اعلم بأن كثرة الصور بالمدونة تعطى بطى للمدونة اثناء التصفح ولكن عندما ظهرت خاصية او لغة الــ css قضت على هذه المشكلة المشكلة الذى كان يعانى منها كثيرا قديما فعندما تتصفح موقع ما وتجد به صور كثيرة فننتظر عندما يظهر جميع محتوى الموقع لكن لغة css حلت لنا هذه المشاكل وعدم الانتظار بظهور الصور بالمواقع فالصور الأن تظهر وكأنها محتوى وليست صور اسف بخروجى عن اطار الموضوع الذى نتحدث عنة وهو وضع صورة لعناوين المواضيع او المشاركات وكما افعل عندما اضع لكم اى تدوينة اقوم بالبحث اولا عن هذه الخاصية ولكن لن ارى هذه الخاصية وهى اضافة صورة لعناوين المواضيع الان اليكم هذه الطريقة الرائعة فى البداية تواجهة الى لوحة تحكم مدونتك ومنها قم بالضغط على القالب وكما تعدونا سواء مبتدئين او محترفين يجب ان نأخذ نسخة احتياطية لقالب المدونة لتفادى اى مشكلة تحدث وبالنسبة لمن لا يعرف طريقة اخذ نسخة احتياطية لقالب المدونة ادخل هنا لتعرف الطريقة الان تم اخذ نسخة احتياطية لقالب المدونة الان نأتى الى الطريقة الرائعة قم بالضغط على زر تحرير HTML كما واضح لنا بالصورة التالية :
وبالتالى اضغط على زر متابعة
من بعدها قم بوضع علامة على خاصية توسيع القالب
الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث
الان قم بالبحث عن هذا الكود
اذا كان هذا الكود متواجد بالفعل ومكرر فالكود الصحيح يكون على النحو التالى :
فالان سنضع هذا الكود اسفل الكود الذى بحثنا عنة وهو post h3
الكود الذى سنضعه
بمعنى يكون بهذه الطريقة :
ملحوظة : قم بتغير رابط الصورة الى اى صورة تريدها .
ملحوظة اخرى ماذا تفعل اذا كان هذا الكود الذى بحثنا عنة غير متواجد وانت تريد هذه الخاصية
لا تقلق بالامكان ان نفعل هذه الخاصية بالبحث عن هذا الكود اولا :
الأن سنضع هذا الكود التالى فوقة مباشرة :
بمعنى ان يكون التركيب بهذه الطريقة :
فى النهاية قم بالضغط على حفظ القالب وتوجهة الى رئيسية المدونة ستجد الصورة بعناوين المشاركة
صورة موضحة بعد تركيب هذه الخاصية طبعا هذا مثال بأمكانك انت تضع اى صورة تريدها انت لتتناسب مع قالبك
كما تلاحظون بالصورة السابقة يوجد شريط احمر بعنوان المشاركة هى فى الاصل صورة وكما قولت هذا مثال لكم بامكانكم ان تضعو صورة اخرى جميلة المهم ان تتناسب مع شكل استايلك
فى النهاية سأقول بالتوفيق لكم جميعا ونتمنى ان نرى المدونات العربية فى احسن صورة
وبالتالى اضغط على زر متابعة
من بعدها قم بوضع علامة على خاصية توسيع القالب
الان اضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث
الان قم بالبحث عن هذا الكود
post h3من الممكن تشاهد هذا الكود مكرر ومن الممكن غير متواجد
اذا كان هذا الكود متواجد بالفعل ومكرر فالكود الصحيح يكون على النحو التالى :
post h3 {
color:#3E3533;
font-size:20px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 0
فالان سنضع هذا الكود اسفل الكود الذى بحثنا عنة وهو post h3
الكود الذى سنضعه
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
بمعنى يكون بهذه الطريقة :
.post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
ملحوظة : قم بتغير رابط الصورة الى اى صورة تريدها .
ملحوظة اخرى ماذا تفعل اذا كان هذا الكود الذى بحثنا عنة غير متواجد وانت تريد هذه الخاصية
لا تقلق بالامكان ان نفعل هذه الخاصية بالبحث عن هذا الكود اولا :
]]></b:skin>
الأن سنضع هذا الكود التالى فوقة مباشرة :
.post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
بمعنى ان يكون التركيب بهذه الطريقة :
.post h3 {
background: url( https://lh4.googleusercontent.com/-4BmOMPvtzA0/T9pp54qeM9I/AAAAAAAAAXY/T61WonbwCXk/h120/menu-primary-shadow.png ) top repeat-x;
color:#3E3533;
font-size:20px
]]></b:skin>
فى النهاية قم بالضغط على حفظ القالب وتوجهة الى رئيسية المدونة ستجد الصورة بعناوين المشاركة
صورة موضحة بعد تركيب هذه الخاصية طبعا هذا مثال بأمكانك انت تضع اى صورة تريدها انت لتتناسب مع قالبك
كما تلاحظون بالصورة السابقة يوجد شريط احمر بعنوان المشاركة هى فى الاصل صورة وكما قولت هذا مثال لكم بامكانكم ان تضعو صورة اخرى جميلة المهم ان تتناسب مع شكل استايلك
فى النهاية سأقول بالتوفيق لكم جميعا ونتمنى ان نرى المدونات العربية فى احسن صورة
بارك الله فيك
ردحذففكرة جميلة شكرا لك
ردحذف