• 0

مساعدة في تصميم قالب بلوجر

مرحباً بكم إخواني وأخواتي الكرام، 

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

والأسئلة الذي تدور في ذهني هي كالآتي :

  • ما هي البنية العامة لقالب بلوجر ؟
  • ما هو المحرر الأفضل لمعاينة التصميم ؟
  • ما هي المهارات المتطلبة لكي أصمم قالب بلوجر ؟
  • كيف يمكنني استخدام المكتبات في قالب بلوجر مثل : بوتستراب وغيرها ؟
  • كيف أقوم بإضافة القائمة العلوية ؟ وأين أضع تنسيقات css لأن منصة بلوجر لا تقبل ملف مستقل لـ css ؟

بارك الله فيكم وشكراً جزيلاً لكم جميعاً . 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

مرحباً بك عبد الواحد .  
البلوجر بإختصار هو منصة للتدوين الحر و نشر المقالات .  و هو ملك  لشركة جوجل و يمكن من خلال منصة كهذه نشر المقالات و التدوينات و تحقيق الربح  .  

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

يمكن لأي شخص عادي أن يصمم بلوجر خاص به ،  ولكن  من الأفضل أن يكون ملم بأساسيات ال css html لأنه  قد  يحتاج الى التعديل المباشر على الأكواد  .  

أما بالنسبة للمكتبات فيمكنك أستخدام البوتستراب أو  الوردبريس كما تستخدمها مع أي موقع آخر ..  و هذا نموذج لبروجر مصمم بالبوتستراب يمكنك  الإستفادة منه  

 

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

 

في النهاية البلوجر هو منصة ويب و يمكنك أن تعدل عليها كما تعدل على أي موقع آخر بالطرق المعروفة (تنزيل ملفات المشروع .. إضافة الملفات الخاصة بك أو تعديل ملفات المشروع  ..  رفع المشروع على السيرفر و الإستضافة التي تناسبك  ) 

شكراً  لك 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

مرحبًا عبد الواحد.

 يمكنك تعلم كل ما تريده عن تصميم قوالب البلوجر من خلال هذه  السلسلة التعليمية و إذا أردت استخدام bootstrap يمكنك متابعة هذه السلسلة التعليمية.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

ما هو المحرر الأفضل لمعاينة التصميم ؟

أما عن المُحرر. فيمنك استخدام أي محرر تفضله مثل vscode أو bracketcs أو أي محرر أكواد آخر.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

ما هي المهارات المتطلبة لكي أصمم قالب بلوجر ؟

المهارات التي تحتاجها هي نفس مهارات تصميم المواقع مثل html و css و غيرها

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

أرشح لك المقالة التالية بها شروحات لجميع أسئلتك أيضا بها مخطط لتعلم برمجة قوالب بلوجر, أيضا لا تتعب نفسك فى البحث عن دورات تصميم قوالب بلوجر بالعربية على الانترنت، حتى باللغات الأجنبية لن تجد أي دورة كاملة وإحترافية وحتى في الموقع الرسمي لا يوجد أي دعم أو مساعدة للمطورين كل ماستجده هو رؤس أقلام فقط, أما نصيحتى لك فهى أن تتعمق فى تعلم كلا من html&css و/JQUERY/JS/XML ثم تقوم بفهمهم جيدا و تطبق عليهم حتى تصبح محترف بهم بعد إتقانك لك ذلك قم بتحميل دورة اسامة بوردين و شاهدها.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

هذا هو الكود الأساسي للقالب

   

  <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <!-- start meta tag title --> <title> <b:if cond='data:view.isHomepage'> <data:blog.title/> <b:elseif cond='data:view.isError'/> الصفحة غير موجودة <b:else/> <data:blog.pageName/> </b:if> </title> <!-- end meta tag title --> <!-- start meta tag description --> <meta expr:content='data:blog.metaDescription' name='description'/> <!-- end meta tag description --> <b:skin><![CDATA[ /* ضع تنسيقات css هنا */ ]]></b:skin> <b:template-skin><![CDATA[ /* ضع أكواد لتنسيق تخطيط لوحة التحكم */ ]]> </b:template-skin> </head> <body> <b:section class='test' id='test' showaddelement='yes'/> </body> </html>

 

يمكن استعمال محرر نصوص XMLwriter XML Editor

 المهارات المتطلبة XML , HTML , CSS 

 استخدام المكتبات في قالب بلوجر قبل الوسم

</head>

 تنسيقات css هنا

<b:skin><![CDATA[ /* ضع تنسيقات css هنا */ ]]></b:skin>

 

تمّ تعديل بواسطة mohamedewias

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

لتثبيت القائمة العلوية ضع الكود

<script type='text/javascript'> $(document).ready(function() { var stickyWidgetTop = $('#nav').offset().top; var stickyWidget= function() { var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#nav').css({ 'position': 'fixed', 'top': 0, 'z-index': 9999 }); } else { $('#nav').css({ 'position': 'relative', 'width': '100%' }); } }; stickyWidget(); $(window).scroll(function() { stickyWidget(); }); }) </script>

أعلى الوسم 

</body>

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن