قوالب مودكس إيفو. تكامل تصميم ثورة MODX: قالب صفحة واحدة

سنختار اليوم تصميمًا مناسبًا على شكل تخطيط HTML جاهز للمشروع الجاري تنفيذه. سنقوم أيضًا بتكوين عرض محتويات صفحات الويب الفردية.

قليلا عن اختيار التخطيط

لذلك، كمواد مصدرية لإنشاء قوالب صفحة Modex، اخترت تخطيطًا يسمى "simplemagazine-01" من TemplatesDock:

كما ترون أعلاه، فإن هيكل "المجلة البسيطة" يتوافق تمامًا مع المدونة الكلاسيكية: عمودين، القائمة الرئيسية في الأعلى، والعناوين على اليمين وعناصر مساعدة أخرى. بالإضافة إلى ذلك، عمل مصمم الويب ومبرمج HTML أيضًا على القالب داخل الصفحةدون إهمال العناصر الأساسية للطباعة:

في الواقع، هذا هو ما نحتاجه للبدء.

تنزيل تكامل التصميم في ثورة MODX: إعداد ملف قالب الصفحة الواحدة

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

2. ب قائمة السياقفي دليل القوالب التي تم إنشاؤها، حدد "تحميل الملفات" إذا كنت تفضل تحميل الملفات باستخدام الأدوات المدمجة...

حسنًا، لتوفير وقتي، سأقوم فقط بتحميل مجلدات التصميم وجافا سكريبت وcss إلى /assets/templates/simplemagazine. رائع، تم بنجاح وضع الملفات الضرورية لقوالب الصفحات المستقبلية في أماكنها. بعد ذلك، دعنا ننتقل إلى عملية التكامل نفسها.

إنشاء قالب صفحة واحدة

1. انتقل إلى علامة التبويب "الموارد" في شجرة العناصر. أدخل اسم القالب ووصفه، والصق المحتويات الكاملة لملف "subpage.html" في حقل الكود - افعل كل شيء كما هو موضح في لقطة الشاشة أدناه:

2. بين العلامات... أضف رابطًا أساسيًا. يعد ذلك ضروريًا حتى تتمكن من إعادة تعريف المسارات إلى الأنماط والبرامج النصية للعميل باستخدام الروابط النسبية.

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

أتمنى أن يكون المبدأ واضحا. ولكن إذا كان هذا المثال عبارة فارغة للقارئ (!)، فأنا أوصي بشدة بقراءة htmlbook.ru - حول طرق إضافة أنماط إلى الصفحة. أنت تفعل الشيء نفسه مع تضمينات JavaScript.

نتائج

تحياتي أيها القراء الأعزاء! في الدروس السابقة، قمنا بإعدادات MODX الأولية، وقمنا بتثبيت حزم الوظائف الإضافية الرئيسية وقمنا بتكوين MODX CNC. الآن تبدأ المتعة. سنتحدث اليوم عن ماهية قوالب MODX ومكان الحصول عليها (التنزيل والطلب والشراء).

ما هو قالب مودكس

قالب MODx هو في الأساس قالب HTML/CSS/JS عادي مع علامات بناء جملة MODX مكتوبة بداخله للحصول على وظائف ديناميكية أفضل. لذا، إذا لم تكن سيئًا في HTML/CSS، فعليك بالتكامل HTML عاديلن يتسبب قالب /CSS في MODX في حدوث مشكلات. بفضل هذه الميزة، يعد MODX مناسبًا جدًا لمصممي الويب. حسنًا، دعنا ننتقل الآن إلى الجزء الأكثر إثارة للاهتمام.

أين يمكن الحصول على قوالب modx

وهنا لدينا ثلاث طرق:

  • ارسم نفسك من الصفر والتخطيط، حصريًا
  • اطلب من مستقل أو شريك، صديق
  • اصنعها بنفسك من القوالب المتاحة
  • الخيار الأول مناسب لمصممي الويب، أو على الأقل أولئك الذين يتقنون Adobe Photoshop ولديهم معرفة جيدة بـ HTML وCSS.

    الخيار الثاني مناسب لك إذا كنت تواجه صعوبة في استخدام Adobe Photoshop وCSS، ميزة هذا الخيار هي أنك لن تضطر إلى إضاعة وقتك (في الرسم والتخطيط وما إلى ذلك)، ولكن سيتعين عليك ذلك ادفع مقابل ذلك، وليس حقيقة أنهم سوف يرسمونك ثم يصنعون قالبًا عالي الجودة. فيما يلي المواقع التي من المحتمل أن تجد فيها مؤديًا، يمكنك أيضًا الاتصال بي بخصوص هذا السؤال.

    حسنًا، الخيار الثالث مناسب لك إذا كان لديك على الأقل القليل من الفهم لـ HTML وCSS. يتطلب الحد الأدنى من الاستثمار ولا يستغرق الكثير من الوقت (صمم قليلاً بطريقتك الخاصة، وقم بإجراء تعديلات صغيرة، وما إلى ذلك. بالنسبة للعملاء ذوي الميزانية الصغيرة، عادةً ما أستخدم هذا الخيار.

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

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

    قائمة بالمواقع حيث يمكنك بسهولة العثور على قالب بتصميم ممتاز لأي موضوع موقع.

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

    الأمر السيئ هو عندما يتم ضخ الكثير من "المال" في الموقع (تصميم فريد من نوعه للمؤلف، أغلى خادم مخصص في ألمانيا أو هولندا، محرك مدفوع، مثل "1C-Bitrix: Site Management - Business" مقابل 60.000 روبل، وتم تعيين أروع "متخصص في تحسين محركات البحث" مع الفواتير في الثانية، وتم إطلاق Yandex.Direct مقابل 100000 روبل. في وضع التشغيل السهل، وما إلى ذلك)، ولكن النتيجة هي صفر! هذا أمر سيء حقا! أود أن أقول أنه سيء ​​للغاية!

    يرجى ملاحظة أنه يجب اختيار قالب الموقع المستقبلي بأقصى قدر من الاحتياطي للمستقبل. ماذا يعني ذلك؟ لن يعمل الموقع بهذا التصميم لمدة عام أو عامين، لكن الوقت لا يتوقف - فالتقنيات تتغير. لذلك، من الغباء اختيار قوالب أصغر من 2014.

    التخطيط الجدولي هو مفارقة تاريخية!

    يجب أن يفي القالب الذي تختاره بالمتطلبات الأساسية:

  • HTML5؛
  • CSS3؛
  • قابلة للتكيف بنسبة 100%.
  • لتحقيق النقطة الأخيرة، عادةً ما يتم استخدام إطار عمل CSS الأكثر شيوعًا وشعبية ومرونة Twitter Bootstrap. الإصدارات ويفضل أن تكون أعلى من 3.5. الآن هو الإصدار 4.

    تقدم المواقع قوالب HTML خالصة وقوالب (موضوعات) لـ أنظمة إدارة المحتوى المختلفة(ووردبريس، جوملا، دروبال). علاوة على ذلك، فإن سعر الأخير أغلى بعدة مرات. كما كنت قد خمنت، فإن القوالب ذات السمات غير منطقية بالنسبة لـ CMS MODX. إذا كنت تفكر في شراء أحد القوالب، فلماذا تدفع مبالغ زائدة مقابل قالب خاص إذا كان بإمكانك شرائه من HTML بسيطرخيص جدًا (على سبيل المثال، 15 دولارًا، أي حوالي 550 روبل). بالإضافة إلى ذلك، يقدم البائع بعض القوالب المتطابقة تمامًا، سواء كانت موجهة إلى CMS أو HTML عادية. على سبيل المثال، كموضوع منفصل ل قالب ووردبريسيكلف 75 دولارًا، ولكن في شكل HTML العادي يكلف 15 دولارًا.

    تعتبر القوالب ذات السمات مناسبة فقط إذا لم تجد قالب HTML عاديًا يلبي احتياجاتك أو احتياجات العميل.

    أعتقد أنك سوف معرفة هذا.

  • مودكس
  • بي أتش بي
  • ما هي الوحدات التي تقدمها MODX EVO؟ الأنواع التاليةقوالب الموارد والأجزاء والمقتطفات والمكونات الإضافية والوحدات النمطية. إذا كنت تعمل في النظام، فأنت تعرف بالضبط ما هو المسؤول عن الثلاثة الأوائل، ولكن ربما لم تعمل شخصيًا مع الآخرين. المكونات الإضافية هي تعليمات برمجية مدمجة في MODX تسمح لك بتغيير آليات التفاعل مع واجهة الإدارة. باستخدام المكونات الإضافية، يمكنك تغيير طريقة عرض البيانات لتحرير أي موارد وتحديد مراحل التفاعل التي يجب تنفيذها. ببساطة، بمساعدة المكونات الإضافية، يمكنك تعليق المعالجات الخاصة بك.

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

    الوحدة عبارة عن تطبيق يعتمد على بنية MODX ويعمل على توسيع قدرات نظام التحكم. يمكن للوحدة تجميع مجموعة من العناصر (مقتطفات، أجزاء، بيانات)، وتنفيذ مبدأ التغليف من خلال فصل الواجهة والتنفيذ.
    وبشكل أكثر تحديدًا، بمساعدة الوحدات النمطية، يمكنك إنشاء وظائف إضافية باستخدام واجهاتك الخاصة، على سبيل المثال للتحرير الجماعي للمستندات أو لإدارة متجر عبر الإنترنت، الأمر الذي سيكون مناسبًا للمستخدم. إنشاء وحدة نمطية جديدة يعد إنشاء وحدة نمطية أمرًا رائعًا بديهي. ما عليك سوى الانتقال إلى علامة تبويب الوحدات النمطية->إدارة الوحدات النمطية وعلى اليمين الزاوية العلياانقر فوق الزر وحدة جديدة، ثم املأ جميع الحقول التي تحتاجها وانقر فوق "حفظ"، وأنا متأكد من أنه لن يواجه أي شخص أي مشكلة في هذا الأمر. بعد حفظ الوحدة، ستظهر في علامة تبويب الوحدات. رمز الوحدة يعد إنشاء الوحدات أمرًا رائعًا، لكن في بعض الأحيان تكون لدينا رغبة غريبة في أن تفعل هذه الوحدة شيئًا ما... مجال رمز الوحدة هو المسؤول عن كل ما تفعله الوحدة. ؛ إنه مكتوب فيه ببساطة كود php الذي سيتم تنفيذه بمجرد دخولك إلى الوحدة الخاصة بك. يرجى ملاحظة أنه لا يمكنك استخدام علامة الفتح والإغلاق هنا، لذلك إذا كنت تريد عرض بعضها كود أتش تي أم أل، كن مستعدًا لكتابة الإخراج عبر تدفق الصدى القياسي أو إجراء طلب على ملف حيث سيكون هذا الرمز في شكل أكثر ملاءمة. أنا، بالطبع، أوصي بالالتزام بالكود الموجود ملفات منفصلة. تقليديًا، توجد ملفات الوحدة النمطية في الدليل "/assets/modules/(اسم الوحدة النمطية)"، لذا قم بإنشاء مجلد مقابل في هذا الدليل والإشارة إليه في رمز الوحدة النمطية.

    // نظرًا لأن جميع ثوابت وفئات modx متاحة لك، استخدم MODX_BASE_PATH require_once(MODX_BASE_PATH."assets/modules/newmodule/index.php");
    سيتم الآن تنفيذ هذا الرمز عند بدء تشغيل الوحدة النمطية الخاصة بك.

    الآن دعونا نحاول القيام بشيء مفيد، على سبيل المثال، عرض جميع المستندات باستخدام قالب معين في مكان واحد، وهذا مناسب، على سبيل المثال، في الحالات التي يكون فيها لديك الكثير من المنتجات على موقعك، وهي منتشرة عبر الفئات. للقيام بذلك، يمكننا استخدام وظائف modx نفسها أو، على سبيل المثال، من خلال طريقة $modx->runSnippet، الحصول على جميع المستندات من خلال Ditto المحبوب من قبل جميع المطورين، باختصار، حرية العمل الكاملة. ولكننا سنركز أولاً على شيء بسيط للغاية، وهو الحصول على هذه المستندات من خلال الغلاف للعمل مع قاعدة البيانات المعطاة $modx->db.

    // ليست الطريقة الصحيحة، ولكنها سريعة وواضحة لعرض المستندات مع رابط خاص بها $docs = $modx->db->query("SELECT id, pagetitle FROM modx_site_content WHERE template="8"")->fetch_all () ؛ foreach($docs as $doc)( $docId = $doc; $docTitle = $doc; echo "

    $docTitle

    "; }
    الآن، إذا انتقلنا إلى الوحدة، فلن نرى أجملها، ولكننا سنظل نشاهد روابط لجميع المستندات ذات المعرف = 8.

    ولكن ماذا يجب أن نفعل إذا لم نرغب في الدخول إلى الكود وكتابة معرف القالب هناك؟

    التكوينات في MODX لإعداد المتغيرات لتطبيقنا، يوجد ما يسمى بالتكوينات في المكونات الإضافية والوحدات النمطية، حيث يمكنك تعيين أي عدد تريده من المتغيرات باستخدام أنواع إدخال مختلفة، والتي ستكون متاحة كمتغيرات محددة في الكود. يتم تكوين التكوينات في علامة تبويب الخصائص في النموذج مصفوفة JSONوبعد الحفظ، يتم تحويلها تلقائيًا إلى لوحة جميلة على صفحة التكوين. فيما يلي مثال لملء علامة التبويب "خصائص".

    ( "card_template": [ ( "label": "بطاقة المنتج"، "type": "string"، "default": ""، "desc": "معرف قالب بطاقة المنتج") ]، "price_tv": [ ( "label": "Price"، "type": "string"، "default": ""، "desc": "معرف التلفزيون للمعلمة المسؤولة عن السعر") ] )
    لا ينبغي أن يكون هناك أي أسئلة هنا أيضًا. بعد ذلك يمكننا إعادة بناء الكود الخاص بنا بحيث يتم أخذ معرف القالب من هذا المتغير المسمى $card_template.

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

    انديشوب اسم الوحدة tpResources = new WebFXTabPane(document.getElementById("andyShopPane"), true); المنتجات tpResources.addTabPage(document.getElementById("المنتجات")); الطلبات tpResources.addTabPage(document.getElementById("Orders"));

    حسنًا، لدينا الآن صفحة مختصرة جدًا يمكن عرضها للعميل.

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

    أولاً، نظرًا لبنيتها الأكثر وضوحًا وغياب العديد من الأدوات التي تزيد من التحميل على الواجهة. ثانيًا، نظرًا لحقيقة أنه مع إصدار الإصدار 1.2 في ديسمبر 2016، أصبح مزودًا بموضوع سهل الاستخدام. وثالثًا، تبدو لوحة إدارة Evolution أسرع حقًا من Revo. أما بالنسبة للمجتمع وواسعة النطاق حلول جاهزة، المقاتل الشاب يفوز هنا بالتأكيد.

    الاستنتاج: هناك عدد كبير جدًا من الوحدات المفيدة لـ MODX Evolution، مثل صاحب المتجر أو Doc Manager، ولكن معظمها إما يتطلب تحسينًا كبيرًا أو غير مناسب على الإطلاق لحل مشكلتك، آمل أن يوضح هذا المقال عملية العمل مع الوحدات النمطية قليلا بالنسبة لك. لقد فاتني حقًا شيء كهذا عندما بدأت للتو العمل مع CMF. إذا كان لديك أي أسئلة، سأكون سعيدًا بالإجابة عليها.

    قبل شهرين تعرفت على محرك modx. في البداية كان الأمر صعبًا للغاية، على الرغم من وجود ما يكفي من البرامج التعليمية حول هذا الموضوع. ولكن بعضها عفا عليها الزمن، وبعضها كان لإصدارات أخرى. لكن بشكل عام، اكتشفت عمل وإمكانيات المحرك، وأردت أيضًا تثبيت قالب modx جميل، ولكن بعد ذلك واجهت مشكلة - لا توجد قوالب لـ modx على هذا النحو. في البداية كنت منزعجًا، ولكن بعد ذلك أدركت كم هو رائع، لأنه يمكنك إرفاق أي قالب html بـ modh، وفي نفس الوقت تقسيمه إلى أجزاء (تفاصيل القالب) كيفما تشاء! سأخبرك في هذه المقالة بكيفية تثبيت قالب modx بسهولة وتقسيمه إلى أجزاء وكيفية تحرير قوالب modx.

    الشيء الأكثر أهمية هو العثور على قالب HTML بسيط. يُفضل أن يكون متكيفًا - بحيث يتم فتحه على أجهزة مختلفة ذات عروض شاشة مختلفة. سنفترض أنك عثرت على واحد (على الرغم من أن أي قالب HTML سيفي بالغرض في حالتنا). بعد ذلك، تحتاج إما إلى تحميل الملفات إلى الاستضافة، أو إنشاء صفحات هناك ونسخ المحتويات. ولكن دعونا نأخذ الأمر خطوة بخطوة وكيف أفعل ذلك.

    إرشادات خطوة بخطوة لإنشاء وتخصيص قالب modx الخاص بك

    لذلك، لدينا قالب - مجموعة من ملفات HTML و CSS، وربما البرامج النصية أيضا.

    1. انتقل إلى لوحة إدارة modx، علامة التبويب Elements-Templates وانقر فوق علامة الزائد.


    3. انقر فوق حفظ. هذا كل شيء، قالبنا جاهز. ولكن للتحقق من عملها، تحتاج إلى إنشاء صفحة اختبار. للقيام بذلك، قم بإنشاء مورد جديد (صفحة)، وحدد القالب الذي تم إنشاؤه حديثًا وانقر فوق حفظ. لا تنس تحديد المربع "منشور".


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


    قالب modx الخاص بك: لا يتم عرض الصور وأنماط CSS

    على الرغم من أنه على الأرجح، قد لا يتم فتح القالب كما ينبغي في المرة الأولى. كن حذرا مع موقع الملفات. عادة قد "يطفو" القالب ويظهر بدون صور. كل هذا يرجع إلى حقيقة أنه تم إدخال المسار إلى الملفات بشكل غير صحيح. يجب الاطلاع عليها في ملف القالب نفسه ووضعه في المكان الذي قمت بتحميله فيه على الاستضافة. على سبيل المثال، قمت بتحميل الملفات إلى الأصول/القالب/test_shab / المجلد، لذلك كتبت في القالب شيئًا مثل الأصول/القالب/test_shab/img/favicon.ico، وما إلى ذلك. يجب تغيير جميع مسارات الملفات، حيث توجد جميع الملفات بشكل افتراضي في المجلد الذي يحتوي على القالب، ولكن في modx من الأفضل تحميلها في مكان ما (ولكن هذا أكثر راحة، حتى لا تسد النظام).

    كيفية عرض محتوى modx على القالب الخاص بك

    إذا تم فتح القالب الخاص بك وتم عرض جميع الصور، فهذا أمر جيد. ولكن هذا ليس كل شيء. لا يتم عرض المحتوى نفسه المسجل من خلال لوحة إدارة modx. و لماذا؟ لأنه لم يذكر في القالب! لقد قمنا للتو بنسخ كافة التعليمات البرمجية من قالب html. بدلاً من المحتوى الموجود في القالب، أضف المقطع [[*content]]، المسؤول عن عرض كل شيء محتوى مودكس. في محرر القالب سيبدو كما يلي:


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

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

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

    MDx Adorn عبارة عن سمة MODX نظيفة وبسيطة وحديثة مصممة خصيصًا للشركات. إنه تصميم سريع الاستجابة بنسبة 100% ومشفر باستخدام HTML5 وCSS ومبني باستخدام إطار عمل Bootstrap. إنه يحمل ميزات مثل خيارات التخصيص السهلة جدًا، وتحسين محركات البحث والمقتطفات الغنية، وتخطيط RTL، وألوان غير محدودة، وصفحة خطأ 404، وألوان غير محدودة والمزيد.

    يعد Club Cube سمة MODX رائعة أخرى وسريعة الاستجابة مصممة للنوادي الليلية ومنسقي الأغاني. يأتي بتصميم جذاب وحديث مع ميزات مثل twitter Bootstrap، وشريط تمرير الوسائط، وجاهز لتحسين محركات البحث، و20 صفحة فريدة، وتصميم سريع الاستجابة، ورسوم متحركة مخصصة، ورمز HTML5 وCSS3 صالح والمزيد. قم بتنزيل سمة MODX هذه اليوم.

    MDx Sharp عبارة عن سمة MODX ذكية ونظيفة وحديثة وأنيقة ومرنة توفر حلول مواقع الويب الشاملة للشركات. هذا الموضوع مثالي لجميع أنواع مجالات الأعمال. تشمل ميزاته الرئيسية HTML5 وCSS3 وصفحة الخطأ 404 وألوان غير محدودة وشرائح تمرير متعددة وتصميم سريع الاستجابة وتخطيط RTL والمزيد.

    امنح أعمالك أو محفظتك الاستثمارية منصة احترافية وجذابة مع سمة MODX الأنيقة والمتقدمة المسماة STYZO. تشمل الميزات الرئيسية لهذا الموضوع كود HTML5 وCSS3، ورسوم متحركة مخصصة قابلة للتخصيص بالكامل، ومحفظة المكعب، وقسم المدونة، والمحفظة القابلة للتصفية، ونموذج Ajax والمزيد. قم بتنزيله عبر الإنترنت الآن!

    جرّب Superawesome، وهو قالب MODX متعدد الأغراض مع صفحة شحن حديثة ونظيفة مصممة لعرض التطبيقات أو المنتجات. يحتوي هذا المظهر سهل الإعداد والإدارة على ميزات مثل التصميم سريع الاستجابة، والخلفية عالية الدقة، وأكثر من 500 نموذج، ووثائق جيدة، استنادًا إلى Bootstrap 3، والتخطيط المخصص، ولوحة إدارة قوية.

    يعد MDx Uber موضوع MODX المثالي للشركات والمؤسسات القائمة على المنتجات أو الخدمات. ويمكن استخدامه أيضًا للمدونات والمحافظ والتصوير الفوتوغرافي و. تعد HTML5 وCSS3 وSEO الجاهزة، والتي تم إنشاؤها باستخدام Bootstrap 2.3 وخيارات الألوان غير المحدودة وخطوط Google وشريط التمرير المرن وشريط تمرير BX والتخطيط سريع الاستجابة، بعضًا من الميزات الرئيسية لهذا المظهر.

    يعد MDx Apostle أحد أفضل سمات MODX مع تصميم سريع الاستجابة ودعم Bootstrap 2.3. إنه مثالي للشركات والمحافظ والشركات والمواقع الإبداعية والمدونات والمزيد. لأنه يأتي مع جوجل ويبالخطوط، وشريط التمرير المرن، وشريط تمرير BX، وjQuery، والتخصيص السهل، والشريط الجانبي القابل للطي، ومعرض به صندوق ضوئي والمزيد من الميزات.

    يعد Tredd Studio خيارًا آخر لك إذا كنت تبحث عن قالب MODX احترافي ونظيف وحديث لموقعك على الويب. يعد هذا المظهر مثاليًا للمحافظ والتصوير الفوتوغرافي والمدونات الشخصية وعرض المنتجات أو التطبيقات والمزيد. يأتي هذا المظهر القابل للتخصيص بالكامل بتصميم سريع الاستجابة مع ميزات مثل كود HTML5 وCSS3 والمحفظة القابلة للتصفية والمزيد.

    MDx Cygne هو برنامج احترافي وأنيق مصمم للمصورين لعرض أعمالهم الفوتوغرافية الإبداعية ومحفظتهم والمزيد. يأتي هذا المظهر مع تصميم سريع الاستجابة وخيارات ألوان مخصصة وشرائح تمرير قابلة للطي وjQuery وشريط تمرير مرن وشريط تمرير BX وخطوط Google والمزيد من الميزات المثيرة. لذا جربها واعرض مهاراتك في التصوير الفوتوغرافي بشكل احترافي.

    Duality عبارة عن سمة MODX مكونة من صفحة واحدة مثالية لعرض التطبيقات أو المنتجات أو المحفظة أو الصفحة المقصودةق، الشركات وأكثر من ذلك. يتميز هذا الموضوع مثل التصميم سريع الاستجابة، وإطار عمل Bootstrap3 CSS، والتصميم الحديث لصفحة واحدة، والمكونات الإضافية المتميزة للنظائر، وتأثيرات المنظر، وتوثيق البئر والمزيد. قم بتنزيل هذا الموضوع المكون من صفحة واحدة وابدأ في إنشاء صفحة مقصودة احترافية لعملك.

    Neat عبارة عن سمة MODX معيارية رائعة وسريعة الاستجابة مصممة للتصوير الفوتوغرافي ومواقع السفر والشركات والمزيد. إنه يوفر لك ميزات مثيرة مثل التصميم سريع الاستجابة وخيارات السمات المتقدمة وتنسيقات المنشورات المتعددة ودائرة البومة التي تعمل باللمس وتخطيط التمرير السلس من صفحة واحدة والمزيد. جرب سمة MODX المعيارية هذه وقم بإنشاء موقع ويب احترافي ونظيف وحديث لعملك.

    الألوان عبارة عن سمة MODX من صفحة واحدة مصممة لعرض التطبيقات أو المنتجات والشركات والشركات والمزيد. يأتي هذا المظهر مزودًا بميزات مثل التصميم سريع الاستجابة و3 قوالب وخيارات ألوان متعددة وقائمة التمرير ومقتطف التنسيق وقائمتين وتلفزيون للصور وملفات الصور CSS/JS والمزيد. قم بتنزيل هذا المظهر الرائع وقم بإنشاء موقع ويب جميل لعملك.

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