إدارة النماذج المتطورة والإبداع

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

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

مكبرات الصوت:

• مايكل داي ، مهندس التفاعل في WP Engine
• فيل جونستون ، مهندس برمجيات كبير في WP Engine

شرائح الجلسة:

نص:

فيل جونستون: مرحبًا بكم. اسمي فيل جونستون ، وأنا كبير مهندسي برامج الموظفين في WP Engine. وسأتحدث أنا وزميلي في الفريق مايك داي عن إدارة النماذج المتطورة والإبداع في WordPress.

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

يمكنك استخدام الكتل في محرر الكتلة وهو لوحة معلومات WordPress. هذا هو المكان الذي ستذهب إليه لإنشاء شيء مثل منشور مدونة أو صفحة وحيث يمكنك البدء في الكتابة أو الإنشاء. وهو المكان الذي ستستخدم فيه الكتل.

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

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

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

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

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

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

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

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

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

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

لذا في WP Engine ، أنشأنا مكونًا إضافيًا يسمى Atomic Blocks. وفي الكتل الذرية ، توصلنا أساسًا إلى مفهوم النمط ولكننا أطلقنا عليها أقسامًا وتخطيطات. وهو نفس المفهوم بالضبط. واستلهم WordPress Core بالفعل من Atomic Blocks لمفهوم ما هو موجود الآن في WordPress Core ويسمى بالأنماط.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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