كيفية إنشاء أنماط كتلة لتسريع بناء الموقع

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


add_action ('init'، function () {

register_pattern ("NAME" ، [
'title' => __ ('TITLE'),
'content' =>
'نمط'
]) ؛
}) ؛

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

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

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

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

حسنًا ، إليك ما سنحتاج إليه. هذه ميزة جديدة لـ Gutenberg وستحتاج إلى تثبيت المكوّن الإضافي Gutenberg ، لذا ستحتاج إلى إصدار حد أدنى من 7.8 وهذا ما تم إصداره مؤخرًا. الآن ، ما سينتهي به الأمر هو ربما في غضون أربعة إلى ستة أشهر ، ربما بحلول نهاية صيف 2020 ، سيتم تضمين هذا في WordPress افتراضيًا ، ولكن في الوقت الحالي ، ستحتاج إلى ، إذا كنت ترغب في تجربة ذلك ، ستحتاج إلى تثبيت المكوّن الإضافي Gutenberg.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map