دروس تعريب قوالب بلوجر (4)

1 - تعريب قوالب بلوجر:

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

2 - تعريب نص العنوان والمشاركة:

للقيام بذلك سنقوم بفتح أداة تغيير كود القالب من واجهة المدونة نختار قالب ثم تحرير HTML. ومن لوحة المفاتيح ننقر Ctrl+F للبحث عن: .post
ستجدون كود بهذا الشكل:

.post{margin-bottom:15px;border:1px solid #7B360C;background:#3D0703;padding:10px;}

قوموا بتغييره وإضافة text-align: right; ليصبح:

.post{margin-bottom:15px;border:1px solid #7B360C;background:#3D0703;padding:10px;text-align: right;}

3- تعريب زر قراءة المزيد وتحويله لليسار مع رابط التعليقات:

لنمر لزر قراءة المزيد لتحويله إلى جهة اليسار بالبحث عن: .readmore

ستجدون كود بهذا الشكل:

.readmore{margin-bottom:5px;float:right}

لكي يصبح زر قراءة المزيد في جهة اليسار يكفي تعويض float:right ب float:left

ليصبح:

.readmore{margin-bottom:5px;float:left}

سنقوم بعد ذلك بالبحث عن الكلمات الإنجليزية لتعويضها وهي No comments التي تظهر أسفل العنوان ثم Read more:

سنبحث عن No comments ليظهر لنا هذا الكود:

<span class='meta_comments'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span>

لدينا ثلاث كلمات لتغييرها هنا:

No comments إذا لم تكن هناك تعليقات، 1 comment إذا كان هناك تعليق واحد، comments إذا كان هناك أكثر من تعليق واحد أي إثنان فما فوق.

ليصبح:

<span class='meta_comments'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>كن أول من يعلق</b:if><b:if cond='data:post.numComments == 1'>تعليق واحد</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليقات</b:if></a></b:if></span>

سنبحث الآن عن Read more حتى يظهر الكود التالي:

<a expr:href='data:post.url'>Read More</a>
يكفي تعويض Read more  بالجملة أو اللمة التي ترغبون بها ليصبح مثلا:

<a expr:href='data:post.url'>تابع القراءة</a>

الآن بإمكانكم مشاهدة التغييرات والتي تبدو بهذا الشكل:

انتهينا من دروس تعريب قوالب بلوجر، وبطبيعة الحال ستكونون قد استوعبتم تقنيات ومبادئ أولية للقيام بذلك. إذا واجهتكم أية مشكلة لا تترددوا في التعليق.