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

السؤال

نشر

عايز شرح أكتر لموقع سنديان وطريقة العمل عليه والتخصيص للمبرمجين ، وهل سنديان شبيه ل شوبيفاي يعني اقدر اعمل عليه بوابة دفع ومثل هذه الامور يعني يكون موقع متكامل Full Stack

Recommended Posts

  • 0
نشر

ليست مثل شوبيفاي، منصة سنديان أداة عربية لإنشاء المواقع الإلكترونية تعتمد على مفهوم "بدون كود" لتمكين الأفراد والشركات من بناء مواقع احترافية تدعم اللغة العربية واتجاه النصوص (RTL) بشكل أصلي دون الحاجة إلى خبرة برمجية مسبقة.

 

تعتمد المنصة على واجهة بصرية بسيطة تعتمد على نظام السحب والإفلات يمكنك من خلالها اختيار قوالب جاهزة يتجاوز عددها 100 قالب، أو التصميم من الصفر عبر إضافة أقسام مختلفة مثل النصوص، الفيديوهات، النماذج، والصور. كما توفر المنصة استضافة مدمجة، وإدارة للنطاقات Domains، وأدوات لتحسين محركات البحث.

وبالنسبة لك كمطور تستطيع تخصيص القالب بالكامل كما تريد من خلال كود HTML, CSS, JS ولا تعتمد على محرك قوالب مثل Liquid المستخدم في شوبيفاي، بل لغة ترميز المكونات الخاصة بمنصة سنديان، وإليك مثال لقسم:

<Section class="latest-articles-section" data-section-type="normal" data-animation="scale-in">
  <Block class="container" style="max-width:var(--content-width);margin:0 auto;padding:var(--space-largest) var(--space-medium)">
    
    <Block class="section-header" style="display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-large)">
      <RichText data-animation-role="content">
        <h2 style="margin:0"><span>أحدث الرؤى والمقالات</span></h2>
      </RichText>
    </Block>

    <Grid gap="var(--space-large)" small="1" medium="3" large="3" class="builder-grid">
      
      <!-- المقال الأول -->
      <GridItem class="latest-articles-item">
        <Block class="article-card-wrapper">
          <Image resizable="false" class="article-image" id="Image" data-animation-role="media" src="https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="دليل أتمتة منتجات SaaS" loading="lazy"></Image>
          <Block class="article-content">
            <RichText data-animation-role="content" class="article-tag-wrapper"><p class="."><span>أتمتة وتشغيل SaaS</span></p></RichText>
            <RichText data-animation-role="content">
              <Link type="link" id="رابط" class="builder-link article-title-link" rel="noopener noreferrer" data-animation-role="content" href="/content" data-link-page-id="410644">
                <h3><span>دليلك الشامل لتوظيف وكلاء الذكاء الاصطناعي لتسريع نمو منتجك البرمجي</span></h3>
              </Link>
            </RichText>
            <RichText data-animation-role="content">
              <p class="article-excerpt">بناء المنتج هو الخطوة الأولى فقط؛ فالنجاح الحقيقي يكمن في كيفية إدارة وأتمتة العمليات التشغيلية بعد الإطلاق لضمان نمو متسارع ومستدام...</p>
            </RichText>
          </Block>
        </Block>
      </GridItem>

      <!-- المقال الثاني -->
      <GridItem class="latest-articles-item">
        <Block class="article-card-wrapper">
          <Image resizable="false" class="article-image" id="Image" data-animation-role="media" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="أتمتة العمليات الروتينية" loading="lazy"></Image>
          <Block class="article-content">
            <RichText data-animation-role="content" class="article-tag-wrapper"><p class="."><span>الكفاءة التشغيلية</span></p></RichText>
            <RichText data-animation-role="content">
              <Link type="link" id="رابط" class="builder-link article-title-link" rel="noopener noreferrer" data-animation-role="content" href="/content" data-link-page-id="410644">
                <h3><span>3 مهام روتينية في منتجك البرمجي يمكنك أتمتتها بالكامل هذا الأسبوع</span></h3>
              </Link>
            </RichText>
            <RichText data-animation-role="content">
              <p class="article-excerpt">لا تحتاج إلى مشاريع ضخمة أو ميزانيات معقدة لتبدأ؛ وفر عشرات الساعات أسبوعياً عبر أتمتة أبسط العمليات المتكررة ذات الأثر المباشر...</p>
            </RichText>
          </Block>
        </Block>
      </GridItem>

      <!-- المقال الثالث -->
      <GridItem class="latest-articles-item">
        <Block class="article-card-wrapper">
          <Image resizable="false" class="article-image" id="Image" data-animation-role="media" src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="خدمة العملاء والذكاء الاصطناعي" loading="lazy"></Image>
          <Block class="article-content">
            <RichText data-animation-role="content" class="article-tag-wrapper"><p class="."><span>تجربة ودعم المستخدمين</span></p></RichText>
            <RichText data-animation-role="content">
              <Link type="link" id="رابط" class="builder-link article-title-link" rel="noopener noreferrer" data-animation-role="content" href="/content" data-link-page-id="410644">
                <h3><span>متى تعتمد على وكيل الذكاء الاصطناعي في دعم العملاء ومتى تتدخل بشرياً؟</span></h3>
              </Link>
            </RichText>
            <RichText data-animation-role="content">
              <p class="article-excerpt">الأتمتة ليست الحل دائماً؛ نستعرض الحالات التي يرفع فيها الوكيل الذكي معدل رضا المستخدمين، والسيناريوهات التي تتطلب لمسة إنسانية حاسمة.</p>
            </RichText>
          </Block>
        </Block>
      </GridItem>

    </Grid>
  </Block>
</Section>

في شوبيفاي  أنت تستخدم وسوم مثل {% for product in collections.all.products %} لجلب البيانات من قاعدة بيانات شوبيفاي ودمجها مع HTML.

في سنديان البيانات والمحتوى يتم إدارتهما من خلال واجهة المنصة، والكود الذي تراه مسؤول عن الهيكل البصري،ولجعله موقعاً متكاملاً Full Stack أو ديناميكياً، ستعتمد على إضافة أكواد مخصصة لربط الوسوم بقواعد بيانات أو خدمات Backend خارجية عبر واجهات برمجية (APIs).

والمنصة تدعم ربط بوابات الدفع مثل سترايب وباي بال.

  • 0
نشر

إن منصة سنديان هي أداة لبناء المواقع السريعة (Website Builder) وهي موجهة لشكل أكبر لأصحاب الأعمال والمستقلين، وتعتم في جوهرها على مبدأ السحب والإفلات (Drag & Drop) بدون كود فمنصة سنديان (Sendian) ليست منصة تجارة إلكترونية سحابية مثل شوبيفاي (Shopify) أو سلة وزد بل هي تعتبر بشكل أكبر كمنظومة لإدارة المحتوى والحلول المؤسسية و التعليمية السحابية أو بيئة لتجهيز المواقع والمتاجر بنظام الخدمات المدارة وليست متجر إلكتروني مفتوح بالكامل لتطوير ال Full Stack من الصفر كما تفعل في أطر العمل مثل Laravel أو React.

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

فيمكنك تعديل أكواد HTML و CSS و JavaScritp كما تريد . وأيضا توفر لك المنصة طريقة لإضافة API خارجي وربطه بواجهة الموقع الأمامية الخاصة بك فقط ولكن ليس تعديل كود الخادم كما وضحت لك.

  • 0
نشر

رغم أن منصة سنديان هي منشئ مواقع  مصمم بالأساس لبناء مواقع تعريفية، صفحات هبوط، ومدونات بسرعة وبدون تعقيدات في الإعداد. ولكن يمكنك إضافة أكواد مخصصة (HTML, CSS, JavaScript) لتغيير سلوك أو تصميم العناصر بدقة. كما يمكنك كتابة سكربتات JS لاستدعاء بيانات خارجية وعرضها ديناميكياً داخل صفحات الموقع.

وأيضاً يمكنك تحويل الموقع الثابت إلى تطبيق تفاعلي تقريباً بربطه بخدمات خلفية كخدمة (مثل Firebase أو Supabase) عبر الواجهة الأمامية، لتنفيذ عمليات حفظ البيانات أو جلبها دون الحاجة لامتلاك خادم خاص.

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...