مراجعة مسبقة: تخصيص كل شيء من خلال محرر الواجهة الأمامية

وصفها منشئوها بأنها "مستقبل WordPress" Upfront هي أداة جديدة لإنشاء مواقع الويب ومحرر المحتوى تم إطلاقها في أوائل عام 2015 بواسطة WPMU DEV.

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

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

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

مراجعة مسبقة: ما الذي يمكن أن تفعله أداة إنشاء المواقع هذه

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

ثم تعمل هذه الموضوعات الفرعية كأساس لموقع الويب الخاص بك. في وقت كتابة هذا التقرير ، لم يكن هناك سوى ثلاثة موضوعات فرعية للاختيار من بينها : Fixer ، و Scribe ، و Spirit. على الرغم من أنه سيتم إضافة المزيد من التصميمات في المستقبل.

تبدو جميعها جيدة وستعمل بشكل متساوٍ كموضوع مستقل ، دون الحاجة إلى أي تخصيص.

تحرير السحب والإفلات في الواجهة الأمامية

بمجرد اختيار سمة الطفل أو البداية ، يمكنك البدء في تخصيصها.

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

مناطق عائمة ، عناصر صفحة غير محدودة

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

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

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

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

إمكانية تخصيص المنطقة بالكامل

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

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

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

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

مشاركة الواجهة الأمامية المخصصة وتحرير الصفحة

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

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

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

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

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

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

مراجعة مسبقة: تجربة المستخدم

بعد قيامك بالتحميل مقدمًا إلى موقع الويب الخاص بك واختيار أحد المظاهر المبدئية الفرعية له ، يمكنك البدء في العمل على موقع الويب الخاص بك .

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

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

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

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

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

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

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

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

يمكن القيام بمعظم ما يمكنك القيام به من خلال شاشة تحرير منشور WordPress الافتراضية ، مثل إضافة صورة مميزة ، وتحرير عنوان المنشور ، وإضافة محتوى المنشور ، من خلال الواجهة المرئية لـ Upfront.

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

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

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

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

التسعير

يمكن أن تكون مقدمًا لك من خلال الانضمام إلى نادي عضوية WPMU DEV. يمنحك هذا الوصول إلى Upfront ، بالإضافة إلى أكثر من 350 مكونًا إضافيًا وموضوعات أخرى. تبدأ رسوم العضوية من 24.50 دولارًا شهريًا في الخطة السنوية وتصل إلى 99 دولارًا على خيار الدفع الشهري.

بعد التسجيل ، وطالما أنك عضو ، يمكنك الوصول إلى منتدى الدعم على مدار الساعة طوال أيام الأسبوع وجلسات الدردشة الحية اليومية. للحصول على خيارات التسعير الكاملة لبرنامج Upfront ، قم بزيارة موقع ويب WPMU DEV.

خاتمة

كان WPMU DEV هادئًا لبعض الوقت عندما يتعلق الأمر بإصدار سمات WordPress جديدة. مع إصدار Upfront ، من السهل معرفة السبب. مع أكثر من عامين في الإعداد و "أكثر من مليون دولار تم إنفاقه" ، يعد مسبقًا مشروعًا مهمًا لفريق WPMU DEV ، وربما WordPress نفسه.

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

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

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

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

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

اكتشف المزيد عن برنامج Upfront أو جرب العرض التوضيحي الآن

إخلاء المسؤولية: أكتب منشورات لمدونة WPMU DEV - مبتكرو Upfront - على أساس مستقل ؛ لكن الآراء الواردة في هذا المقال كلها خاصة بي ولا تتأثر بهذه العلاقة على الإطلاق.