رد الفعل - الدليل الكامل (بما في ذلك الخطافات ، جهاز التوجيه التفاعلي ، الإعادة). أطر عمل ووردبريس (الإضافات) لإعدادات القالب إعداد البرنامج المساعد لإطار عمل الخيارات لـ WordPress

تعمق وتعلم React.js من البداية! تعرف على Reactjs و Redux و React Routing و Animations و Next.js Basics والمزيد! تعلم رد الفعل أو تعمق فيها. تعلم النظرية وحل المشكلات وتدرب على المشاريع التجريبية وأنشئ تطبيقًا كبيرًا واحدًا يتحسن خلال الدورة: Burger Builder!


JavaScript هي اللغة الرئيسية لتطبيقات الويب الحديثة لأنها لغة البرمجة الوحيدة التي يتم تشغيلها في المتصفح وبالتالي تسمح بتوصيل التطبيقات عالية الاستجابة.

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

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

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

ستبدأ هذه الدورة التدريبية من الأساسيات وتشرح بالضبط ماهية React وكيف يمكنك استخدامها (ولأي تطبيقات). بعد ذلك ، سننتقل من الأساسي إلى المتقدم باستخدام React. لن نخدش قمة جبل الجليد فحسب ، بل سنغوص بعمق في React وكذلك المكتبات الشهيرة مثل React Router و Redux.

بحلول نهاية الدورة ، ستكون قادرًا على إنشاء تطبيقات تفاعلية SPA (تطبيق صفحة واحدة) مذهلة.

اسمي Maximilian - أنا مطور ويب مستقل وعملت مع React في العديد من المشاريع. أنا أيضًا مدرس 5 نجوم في Udemy. أغطي البدائل الأكثر شيوعًا لـ React - Vue و Angular - بالإضافة إلى العديد من الموضوعات الأخرى. أعرف ما أتحدث عنه وأعرف أين يمكن العثور على الأخطاء.

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

هذه الدورة مخصصة لك إذا:

  • لقد بدأت للتو في تطوير الواجهة الأمامية / JavaScript وتعرف فقط أساسيات JS (لا حاجة للتفاعل أو تجربة إطار عمل أخرى)
  • لديك خبرة في Angular أو Vue ولكنك تريد الغوص في React
  • أنت تعرف بالفعل أساسيات React ولكنك تريد الترقية أو الغوص بشكل أعمق
  • لقد أجريت بالفعل القليل من React ولكنك تريد الغوص بشكل أعمق ومعرفة كيف يتم تجميعها جميعًا في تطبيق أكبر.

ما تحتاج إلى معرفته قبل بدء الدورة!

  • يتطلب معرفة HTML + CSS + JavaScript. ليس عليك أن تكون خبيرًا ، لكن عليك أن تعرف الأساسيات على الأقل
  • إضافي معرفة جافا سكريبتليس مطلوبًا ، على الرغم من أنك ستتمكن من التحرك بشكل أسرع إذا كنت تعرف الجيل التالي من وظائف JavaScript ، مثل وظائف ES6 Arrow. ومع ذلك ، فإن الدورة تحتوي على مراجعة قصيرةمعظم وظائف مهمةالجيل القادم.

ماذا يوجد داخل الدورة؟

  • "ماذا ولماذا وكيف"
  • أساسيات التفاعل (الوظائف الأساسية ، بناء الجملة والمفاهيم)
  • كيفية عرض القوائم والمحتوى الشرطي
  • تصميم المكون
  • تعمق في تفاصيل React الداخلية وميزات المكونات المتقدمة
  • كيفية الوصول إلى محتوى Http من تطبيقات React (AJAX)
  • Redux و Redux و Redux ... من البداية إلى النهاية!
  • النماذج والتحقق من الصحة في React Apps
  • المصادقة
  • مقدمة في اختبار الوحدة
  • مقدمة إلى Next.js
  • تعليمات نشر التطبيق
  • ...وأكثر بكثير!

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

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

لإنشاء لوحة إعدادات قالب WordPress ، يجب أن تكون على دراية جيدة بواجهة برمجة تطبيقات النظام (الإعدادات وتخصيص السمة) ، ومعرفة PHP وتخصيص الكثير من الوقت لهذه العملية. هناك بعض الوصف والأمثلة للعمل مع واجهة برمجة التطبيقات على codex.wordpress.org ، على وجه الخصوص ، كان من المثير للاهتمام أن تقرأ عن أداة تخصيص السمات ، ولكن بدون المعرفة والخبرة الجيدة في تطوير الويب ، لن يكون من السهل جدًا تنفيذها لوحة إعدادات قالب WordPress الخاصة بك.

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

أطر عمل للإعدادات في قالب WordPress

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

إطار الخيارات

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

يحتوي موقع المطورين على مقطع فيديو حول استخدام المكون الإضافي + وصف تفصيلي. يدعم Options Framework إصدار النظام بدءًا من 3.6. ، ويحتوي على أكثر من 100 ألف عملية تنزيل وتقييم 4.8.

وفقًا للمؤلفين ، هذا هو أسهل إطار عمل لـ WordPress يسمح لك بإنشاء صفحات المسؤول وصفحات الإعدادات بالإضافة إلى خيارات لـ Theme Customizer. وكل هذا عن طريق إضافة بضعة أسطر من التعليمات البرمجية. وصف مفصل للميزات والإمكانيات التي تبحث عنها تقليديًا على موقع Titan Framework. الحد الأدنى من المتطلبات هو WP 4.1. ، التنزيلات أقل بكثير مما كانت عليه في الإصدار السابق - 6 آلاف ، درجة - 4.5.

أتذكر أنني وجدت معلومات حول الوقت الذي كنت أبحث فيه عن إطار عمل لإنشاء قوالب WordPress من البداية. هذا المنتج من ThemeFuse عملي للغاية - فهو يحتوي على العديد من الميزات المفيدة ، على سبيل المثال ، عناصر تحكم السحب والإفلات ، والمتزلجون ، وعناصر الحافظة والأحداث ، والقدرة على النسخ الاحتياطي ، وما إلى ذلك. ستجد على موقع الويب الخاص بالوحدة عرضًا مصورًا صغيرًا لإمكانياتها. يحتوي المشروع على 20 ألف تنزيل و 4.7 نقطة من المستخدمين. إصدار النظام 4.3 والإصدارات الأحدث مدعوم.

OptionTree

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

في العمل ، يمكنك استخدام واجهة السحب والإفلات ، وهناك دعم لترجمات i18n. من بين الوظائف ، هناك عناصر قياسية (حقول نصية ، اختيارات ، صور) وحلول معقدة: مربعات اختيار للمشاركات / الصفحات ، منتقي التاريخ ، دعم أنواع المنشورات المخصصة ، إدخال الكود ، إلخ. أنت بحاجة إلى WP 3.8 أو إصدار لاحق للعمل. التنزيلات أقل من 70 ألفًا ، النتيجة - 4.8.

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

أخيرًا ، سأذكر حلين آخرين لم يتم توزيعهما من خلال موقع WP الرسمي ، ولكن من خلال خدمة Github. تم إنشاء إطار عمل UpThemes بواسطة الشركة التي تحمل نفس الاسم والتي تقوم بتطوير سمات WP. يستخدم Settings API ويحتوي على جميع خيارات النظام القياسية: تحميل الصور ، واختيار اللون ، وإعدادات السمة ، والخلفيات ، وما إلى ذلك. الحل قابل للتوسيع ويدعم أداة تخصيص السمة. لسوء الحظ ، لا توجد معلومات حول إصدارات النظام المطلوبة + التعديلات الأخيرة هناك ، على ما يبدو ، كانت منذ أكثر من عام.

- أحدث تطوير لهذا اليوم من مجال أطر عمل WordPress لتخصيص القالب ، والذي يمكن العثور عليه على Github. بالإضافة إلى الوصف ، يحتوي موقع المشروع على نسخة تجريبية مع إمكانية الانتقال إلى لوحة الإدارة والاطلاع على الخيارات المتاحة على مثال حقيقي. يستخدم WordPress 3.5.1. من حيث المبدأ ، إطار عمل جيد ، لأن. نجتمع هنا رقائق مثيرة للاهتمام، على سبيل المثال: اختيار أدوار المستخدم ، وشرائح التمرير لـ تتغير القيمة, ، كتل لرمز JS / CSS ، الحقول الشرطية ، إلخ. بالتأكيد سيكون المطورون مهتمين بدراسة هذا الحل.

بشكل عام ، تحول هذا الاختيار المثير للاهتمام. أنا متأكد من أنك ستجد الحل الذي تحتاجه من بين هذه المكونات الإضافية للوحة تخصيص سمة WordPress. أول ما لفت انتباهي هو إطار عمل الخيارات ، لذا سأبدأ به. لاحقًا سأكتب عن نتائج العمل. أيضًا في القائمة أعجبني إطار عمل Redux. OptionTree ليس سيئًا ، استنادًا إلى الوصف ، وقد أحببت Vafpress Framework. باختصار ، كل الحلول الواردة في المقال جيدة.

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

من المؤلف:كان SitePoint مليئًا بالفعل بالمقالات على أطر عمل WordPress ، ولكن كما سترى أدناه ، هناك العديد من الأطر: جميعها لها مزاياها وعيوبها ، ولكل موضوع أسلوبه الخاص في التطوير.

مقدمة في قوالب قوالب ووردبريس

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

متشابكا تماما في أفكاري ، أتت نظرة ثاقبة لي. لقد خطر لي أنه عندما يكتب الناس عن أطر عمل WordPress ، فإنهم يميلون فقط إلى تغطية الأساسيات ... الأساسيات التي يتخصص فيها مطورو مجتمع WordPress Meetup: أطر مثل Genesis أو Thesis أو WooCommerce.

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

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

لماذا "كاملة"؟ تعريف الكلمة الإنجليزية يعني الانتهاء من شيء ما. يمكن أن يكون المرادف بمثابة "نهائي" ، "نهائي".

ما هي أطر ثيمات WordPress؟

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

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

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

في مستودع WordPress ، هناك ثلاثة مفاهيم مرتبطة بقيمة Themes-framework: القائمة المنسدلة ، والقائمة بذاتها ، والقالب الرئيسي. أعتقد أنه من المستحيل أن أشرح ببساطة أكثر من ذلك. لذا أنصحك بقراءة هذا المقال في وقت ما.

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

أنواع مختلفة من أطر الموضوع

تختلف الأطر عن غيرها وتحل مشاكل مختلفة في الأعمال والتصميم. بعضها مجاني ، والبعض الآخر مدفوع.

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

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

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

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

لماذا نستخدم الأطر؟

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

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

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

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

تمكن المستخدمون من إنشاء تصميم خاص بهم بسهولة بناءً على التصميم الحالي عن طريق تحرير ملفات style.css و function.php الجديدة. احتاج المطور إلى اللجوء إلى Sass ، وتحول إطاره لاحقًا إلى خدمة Happy Tables.

المميزات والعيوب

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

ميزة الكود المكتوب وفقًا لمعايير WordPress. يمكن لصق هذا الرمز بسهولة من مكان إلى آخر لاختبار المكونات الإضافية والخدمات مثل WP Test و Theme Authenticity Checker (TAC) و Theme Check. بعض دلائل الميزات، والتي يمكن أن تُعزى إلى الفوائد ؛

تطوير مبسط من أجل تنمية طويلة الأمد

وظائف مدمجة (اعتماد أقل على المكونات الإضافية)

جودة الكود

التحديثات

والعيوب.

تعليم

الخطافات والمرشحات

كود زائد

القيود (إذا لم يكن إطار العمل لك)

التحديثات والدعم

قائمة أطر عمل قوالب ووردبريس

الترتيب غير مهم:

WordPress Jump Start

إطار تصميم SEO

إطار الكرز

موضوع إطار الخيارات

إطار UpThemes

بناء كارينجتون

إطار عمل Simon WP

خاتمة

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

Redux عبارة عن إطار عمل خيارات بسيط وقابل للتوسيع حقًا وسريع الاستجابة تمامًا لموضوعات WordPress والإضافات. مبني على واجهة برمجة تطبيقات إعدادات WordPress ، يدعم Redux العديد من أنواع الحقول بالإضافة إلى: معالجة الأخطاء المخصصة والحقول المخصصة وأنواع التحقق من الصحة ووظائف الاستيراد / التصدير.

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

تجريبي على الإنترنت

لا تأخذ كلمتنا من أجلها ، تحقق من العرض التوضيحي عبر الإنترنت وجرب Redux دون تثبيت أي شيء!
http://demo.redux.io/

استخدم Redux Builder لتبدأ

هل تريد استخدام Redux ، لكنك لست متأكدًا مما يجب فعله؟ استخدم بانينا! سيسمح لك بإنشاء سمة مخصصة بناءً على TGM و Redux وأي وسيطات Redux تريد تعيينها.

لا تريد أن تجعل موضوعك الخاص؟ ثم قم بإخراج مجلد مسؤول مخصص يمكنك وضعه في سمة أو مكون إضافي. أوه وهل ذكرنا أنه مجاني؟ جربه اليوم على:
http://build.reduxframework.com/

التوثيق والدعم

ملاحظة: لا يُقصد استخدام Redux بمفرده. يتطلب ملف تهيئة مقدمًا بواسطة قالب طرف ثالث أو مطور مكون إضافي للقيام بأي شيء رائع بالفعل!

لقطات

التعليمات

لماذا لا تفعل هذه الإضافة أي شيء؟

إعادة التشغيل عبارة عن إطار عمل للخيارات ... وبعبارة أخرى ، لم يتم تصميمه للقيام بأي شيء بمفرده! ومع ذلك ، يمكنك تنشيط الوضع التجريبي لترى كيف يعمل.

كيف يمكنني معرفة المزيد عن Redux؟ ليس لديك الكثير من المحتوى في قسم الأسئلة الشائعة هذا

هذا لأن قسم الأسئلة الشائعة موجود على موقعنا! يرجى زيارة http://docs.reduxframework.com/faq/

المراجعات

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

الأعضاء والمطورين

"Redux Framework" هو مشروع مفتوح المصدر مصدر الرمز. ساهم المساهمون التاليون في تطوير البرنامج المساعد:

أعضاء

التغيير

3.6.16

  • ثابت: التوافق مع WordPress 5.3.1. تمت أيضًا إضافة حسابredux الجديد إلى المكون الإضافي.

3.6.15

  • تم الإصلاح: سيتوقف تعيين أقسام واجهة برمجة تطبيقات Redux عندما تشترك عدة أقسام بدون معرّف في نفس العنوان.

3.6.14

  • ثابت: # 3583: فشل الاستيراد عند تجاوز max_input_vars. تم نقل الوظيفة إلى ajax_save لتجنب هذه المشكلة.

3.6.13

  • التخطي. أنا مؤمن بالخرافات! - ك

3.6.12.2

  • ثابت: # 3586: قاعدة البيانات لا تحفظ بشكل صحيح في وضع "الشبكة". Tofandel شكرا.
  • ثابت: # 3584: تحسين الثعلب لـ # 3580. Enchiridion شكرا.

3.6.12.1

  • ثابت: # 3580 - مصفوفة 'tax_query' في args لبيانات WordPress تتسبب في حدوث خطأ في محادثة سلسلة.

3.6.12

  • ثابت: # 3577 - تمت إضافة مجموعة إصدار لفحص REMOTE_ADDR لمنع الخطأ.

3.6.11

  • تم الإصلاح: # 3561 ، # 3562 - لم يتم تشكيل كل المحددات في الطباعة غير المتزامنة بشكل صحيح ، مما تسبب في عدم عرضها بشكل صحيح على الشاشة.

3.6.10

  • تحديث خط جوجل المحدث.
  • محدث: # 3447 - تم تحديث RTL CSS. Abolfazlrt شكرا.
  • ثابت: تحذيرات مكررة من الهوية.
  • ثابت: تحذيرات http في بيئات https.
  • ثابت: # 3539 - تسمية خانة الاختيار لا تظهر إلا إذا تم تعيين "وصف". Enchiridion شكرا.
  • ثابت: # 3547 - لا يتم عرض ace_editor بشكل صحيح داخل قسم فرعي. Tofandel شكرا.
  • ثابت: # 3534 - إصلاح CSS غير صالح في asycn_typography (فواصل لاحقة). شكراksere
  • ثابت: التباعد بين أزرار الحفظ وإعادة التعيين.
  • تمت إضافة: # 3285 - مرشحات dir و url لتمديد أداة التخصيص. شكرا @ aaronhuisinga.
    add_filter ("redux / extension / customizer / dir"، $ dir)
    add_filter ("redux / extension / customizer / url"، $ url)

3.6.9

  • تم الإصلاح: تجاوز خطأ WP حيث يُظهر حقل المعرض قرصًا دوارًا عند الفتح لأول مرة بدون صور محددة.
  • ثابت: # 3512 - تحديد الصورة في وضع التجانب لا يبرز بشكل افتراضي.

3.6.8

  • تم الإصلاح: خطأ في حفظ AJAX بسبب مرجع كائن غير صحيح في redux.js.
  • ثابت: تمت إزالة set_transient غير المستخدمة في روتين الترحيب. كان يسبب استفسارات بطيئة.
  • محدث: تحديث خط جوجل.
  • ثابت: # 3440: لم يتم تعيين الكائن الأصل بشكل صحيح في نظام ملفات Redux.
  • تم الإصلاح: مشكلات CSS لمنتقي الألوان كنتيجة لـ WP 4.9.
  • ثابت: # 3429 - Select2 تبعية قابلة للفرز مطلوبة في jQuery.
  • ثابت: يلاحظ المسؤول عندما لا يتم عرض مثيلات متعددة من Redux في كل لوحة.

3.6.7.7

  • ثابت: تصحيح مسار نظام الملفات.
  • ثابت: # 3414: اسم فئة غير صحيح تسبب في حدوث خطأ عند التحميل ، عبر واجهة برمجة تطبيقات نظام الملفات.
  • ثابت: # 3413 - تمت استعادة الكود القديم الذي يسمح بقيمة غير مصفوفة للوضع. هذا من أجل التوافق مع الإصدارات السابقة
    فقط وغير مدعوم.
  • ثابت: # 3410 ، # 3409 - إخراج حقل الأبعاد يسبب أخطاء في الفهرس عندما لا يتم تعيين الوضع في مصفوفة الخيارات.
  • تم الإصلاح: # 3406 - تم استخدام JavaScript hasClass بشكل غير صحيح ، وتأثر المخصص.
  • ثابت: إقرارات الصفيف تتطلب PHP 7.1 الآن.
  • محدث: الاشتراك في النشرة الإخبارية المحدثة يقدم لدعم خادم الرسائل الإخبارية الأحدث.
  • ثابت: # 3379 - حقل select_image لا يعرض الافتراضي بشكل صحيح. يجب أن تكون الوسيطة "default" هي الآن
    المسار الكامل للصورة الافتراضية.
  • محدث: خطوط جوجل.

3.6.6

  • اسم الفئة التي بها أخطاء إملائية هو مترجم معلومات النظام مما يتسبب في فشل حالة النظام.
  • # 3359 - مشكلة مستجيبة على لوحة الخيارات. مساحة فارغة كبيرة جدًا على اللوحة في وضع الهاتف الذكي.
  • # 2914 ، # 3356 - لم يتم تحديد الصورة الافتراضية المحددة مسبقًا للصورة. كان هذا في الأصل حسب التصميم. الآن هذا شيء.
  • التحديث: Parsedown.php لـ PHP 7.x
  • ثابت: حالة النظام تبلغ بشكل غير صحيح عن حالة قابلة للكتابة في مجلد التحميل.
  • ثابت: # 3124 - فشل إرسال المستخدم "current_user_can" في إصدار PHP<= 3.5.13. Thanks for the assist, @sourabgupta88
  • تم التعديل: التوافق مع PHP7.

3.6.5

  • تم التعديل: # 3321 - مجموعة الخطوط الفرعية في الطباعة لا يتم عرضها على IE و Edge (هل ما زال الناس يستخدمونها؟)
  • ثابت: # 3293 - مطلوب عدم إبداء الإعجاب / إخفاء الحقول مع التبديل الافتراضي لـ "خطأ".
  • ثابت: إزالة var_dump المتبقي من القلب.
  • تم الإصلاح: تعذّر التتبع والنشرات الإخبارية المنبثقة بسبب تعطل جافا سكريبت.
  • ثابت: # 3291: مطلوب مع الأصل كمصفوفة لا تتحقق بشكل صحيح. قام شخص ما بإخراج فحص الشيء الخاص بي !! - ك
  • تم التعديل: يتم الآن عرض تقويم حقل التاريخ في .redux-container div.
  • تم التحديث: ملف googlegonts.php.
  • تم التعديل: = و! = العبارات المطلوبة تستخدم الآن مقارنات آمنة.
  • ثابت: يعرض حقل link_color الآن جميع حقول الألوان بشكل صحيح.
  • تمت الإضافة: يشتمل حقل link_color الآن على كتلة ألوان "التركيز".
  • معدل: حقل link_color المعاد تصميمه ليكون أكثر انسجاما مع الحقول الأخرى من نوعه ، أي أنه يبدو أفضل.
  • تمت الإضافة: سمة "العنوان" إلى حقل image_select ، نظرًا لأن "alt" لم يعد يعمل لعرض تلميح أداة التمرير.
  • ثابت: عدم حفظ البيانات الافتراضية بشكل صحيح في حقل الفارز.

3.6.4

  • معدل: تم تغيير ملف gitignore لاستبعاد الملفات النصية السامية.
  • ثابت: # 2966 - خطأ في الترجمة. تم تحديده وإصلاحه بواسطةiiandrade. شكرًا!
  • معدل: تم إنشاء جميع ملفات خرائط CSS للتخلص من تحذيرات Chrome.
  • تمت الإضافة: مطلوب للمخصص المتقدم بفضلbritner!
  • معدل: إصلاحات وتغييرات مختلفة لأداة التخصيص لمطابقة الأنماط الجديدة.
  • معدل: كود المخصص فقط في Redux.js ، انتقل إلى ملف customizer.js.
  • معدل: Redux CSS المعزول ليتم تداخله ولا يؤثر على المنتجات الأخرى أو WP UI.
  • تمت إضافة: # 3222 - تحديث ضخم بواسطةenchiridion للسماح بالأذونات المتقدمة والمعقدة. WTG!
  • تمت الإضافة: روابط جديدة لكيفية استدعاء واجهات برمجة تطبيقات الامتداد. أنظف بكثير.
  • ثابت: # 3214 - لا يؤدي حقل لون الطباعة إلى تشغيل ربط المحول البرمجي.
  • ثابت: # 3201 - خطأ في الفهرس عند استخدام وسيطة المترجم مع الحقل الدوار.
  • محدث: # 3189 - توافق PHP7 من أجل التحقق من صحة preg_replace.
  • ثابت: # 3186 - عدم إزالة حقل نصي متعدد عند النقر فوق "إزالة".
  • ثابت: # 3180 ، # 2641 - ضبط الأزرار متعدد الأوضاع للحفظ بشكل غير صحيح. الرجاء التحقق من التعليمات البرمجية الخاصة بك بحثًا عن مشكلة محتملة تتعلق بالتوافق مع الإصدارات السابقة عند استخدام هذا الوضع. يجب الآن استخدام وظيفة foreach () مع فحص فارغ () ، مقابل مفاتيح الصفيف الفردية حيث يتم حفظ الخيارات المحددة فقط في قاعدة البيانات.

3.6.3

  • معدل: تغيير أنماط التمرير المخصصة لمطابقة WP 4.7.
  • معدل: # 3169 - تمت إزالة print_r لاستعلامات wpdb في dev_mode.
  • ثابت: # 3159 - دعم SVG في اختيار وسائط المعرض.
  • ثابت: # 3158 - تحذير PHP لوظيفة _validate_values ​​عند تثبيت الملحقات على PHP7.

3.6.2

  • ثابت: # 3105 - فشل إخراج link_color بسبب خطأ PHP.
  • ثابت: # 3103 - تفرض WP 4.6 تنسيق التاريخ الافتراضي الجديد ، والتحقق من صحة التاريخ.
  • ثابت: خطأ في مجموعات الطباعة الفرعية بسبب خطأ مطبعي.
  • ثابت: ملفات إضافية ميتة على WP.org الريبو. باه SVN.

3.6.1

  • تمت إزالة ملف PHP الفارغ من حقل المحرر.
  • تم التعديل: تم استبدال اسم الوظيفة الأساسية للفئة في browser.php إلى __construct لتوافق PHP7.
  • ثابت: # 3051 - قيمة RGBA لحقل Color_RBGA تنتج الأصفار عند ترك اللون فارغًا.
  • ثابت: # 3048 - لا تتضمن علامات تبويب القسم اسم فئة القسم المحدد.
  • تم الإصلاح: نتيجة مقارنة سلسلة غير صحيحة في فحص ارتباط المسؤول. شكراksere.
  • تم الإصلاح: تحقق من وجود القيمة قبل التحقق عند استخدامها مع امتداد Metabox. Enchiridion شكرا
  • ثابت: القيم الفارغة لا تمر إلى validation_callback.
  • ثابت: خطأ جافا سكريبت في جافا سكريبت المخصص ، مما يمنع حفظ الخيارات المتغيرة.
  • ثابت: # 3019 - أوصاف القسم غير صحيحة عندما يحتوي opt_name على أرقام.
  • معاد: تغييرات الطباعة. حل متغير الإدخال لا يعمل.
  • ثابت: عنوان URL للدعم لديه منشئ فشل بسبب وجود خطأ.
  • تم التغيير: أصبح حقل الطباعة الآن متغير إدخال واحد فقط. يجب أن تقلل
    أخطاء max_input_vars بشكل كبير.
  • ثابت: بعض ثغرات XSS متاحة فقط في الخلفية عند مصادقتها كمستخدم.
  • ثابت: الملفات المحذوفة القديمة العالقة في WP.org SVN repo الخاص بنا.

3.6.0.2

  • تم إصلاح customizer.min.js القديمة على wp.org مما تسبب في فشل أداة التخصيص.

3.6.0.1

  • تم إصلاح redux.min.js القديمة على wp.org مما تسبب في فشل لوحة الخيارات.
  • ثابت: # 2936 - إخراج الحقل الحدودي بكسل بقيمة فارغة.
  • ثابت: تم حل الإشعار الكاذب لرمز php القصير لموضوع التحقق.
  • تم التعديل: لا مزيد من إعادة التوجيه الرئيسية لصفحة Redux ، فقط عند التثبيت الأول مع المكون الإضافي.
  • ثابت: خطأ IE11 في أداة التخصيص. شكراanikitas!
  • ثابت: مشاكل مسار التخصيص
  • تمت إضافة: ترشيح الوسائط الافتراضية الجديدة حسب opt_name والنوع. 🙂
  • ثابت: # 2903 - إشارة إيجابية كاذبة في حقل JS الحدودي. لا يحب Avast البيانات الجاهزة للوثائق الفارغة.
  • ثابت: # 2880 - المزيد من المشاكل مع روتين extension_url.
  • ثابت: # 2876 - إصلاح المزيد من مساهمات المستخدمين غير المقيدة.
  • تم التعديل: # 2855 - تحتوي الإضافات الآن على فئة مساعدة للمساعدة في عمليات التثبيت المستندة إلى الملحن. شكرا @ 2ndkauboy!
  • ثابت: # 2857 - مطلوب "يحتوي" لا يتم تقييمه بشكل صحيح مع مربعات الاختيار.
  • ثابت: # 2831 - تعطل الترجمة بالكامل.
  • تم الإصلاح: # 2832 - تتعارض CSS مع Rev Slider (مرحبًا ، يا شباب Slider ، ليس عليك تحميل CSS الخاص بك في كل صفحة مسؤول. حقًا؟)
  • ثابت: خط صدى التصحيح المتبقي في ملحق التخصيص الأساسي.
  • تمت الإضافة: تجريبي: كود تحليل جديد في محاولة لكسر مشكلة 1000 max_input_var التي تظهر من وقت لآخر. شكراharunbasic
  • تمت إضافة: EXPERIMENTAL: "Bugfix" لـ extension_url في محاولة لتصحيحه. شكرا ياottok

صفحة تطوير الإطار: https://github.com/reduxframework/redux-framework

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

إحياء موضوع البناء

يمكننا الانتقال إلى موقع Redux Builder (https://build.reduxframework.com/) لبناء موضوعنا بناءً على الشُرَط السفلية (_s) والبدء في استخدام Redux.

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

إحياء مضمن أو البرنامج المساعد

هناك 3 خيارات.

  1. التبعية - لا يتم تزويد المكون الإضافي بالسمة ، ولكن يتم تثبيته بشكل منفصل ؛
  2. عرض التثبيت - باستخدام فئة TGM ، في هذه الحالة سيكون للمكوِّن الإضافي الأسبقية على السمة المضمنة ؛
  3. المدرجة في الموضوع.

الحجج إعادة

تنقسم الخيارات إلى 3 علامات تبويب: قياسي ، ونصائح ، وخيارات متقدمة.
يمكنك دراسة https://docs.reduxframework.com/core/arguments/ بشكل متوازٍ ، ولكن يمكنك دائمًا تغييرها لاحقًا.

لحسن الحظ ، تم تعيين بعض القيم الافتراضية ، وهي مناسبة تمامًا للبدء.

نسخة إعادة

حسنًا ، بالطبع ، نختار الإصدار الثابت.

ما العناصر التي يجب تضمينها في Redux

يمكن تعطيل العناصر غير المستخدمة في Redux لتسهيل الأمر.

تم إنشاء موضوع

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

قبل تنزيل السمة ، يمكنك تحديد جميع الحقول المطلوبة (موضوع slug & uri ، المؤلف ، عنوان uri للمؤلف ، الوصف)

باستخدام Redux

في الموضوع الذي تم إنشاؤه ، نحن مهتمون بالملف /admin/options-init.php.
يحتوي على الحجج والخيارات المقدمة.

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

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



تحميل...
قمة