اذهب إلى المحتوى

السؤال

نشر

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

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

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

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

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

Recommended Posts

  • 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>

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...