برنامج تصميم قوالب ووردبريس

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

وإذا ما حسمنا إنشاء قالب مخصص بنا في الووردبريس؛ لا بد أن نتعرف مجموعة من لغات البرمجة، شبيه PHP و HTML و CSS و JavaScript بإصداراتها المتباينة، وربما تطلب للغات بعض منها بنيوية أو تفاعلية شبيه JQuery وXML، وبالطبع فإن تعرف ذلك الكم من لغات البرمجة يؤدي صنف من المضطرب والرهبة، ناهيك عن تضييع العديد من التوقيت خاصة إن كنت لا تشاء تحترف ذلك التخصص.

طريقـة تشكيل قوالب ووردبريس بلا أكواد للمبتدئين

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

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

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

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

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

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

تجهيز Beaver Themer لتصميم قالب خاص

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

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

• قالب Astra المجاني الذي يتصف بالخفة والسرعة ويلبي كافه الأغراض، ويصل مع سند مدمج لـ Beaver Builder.
• قالب StudioPress الذي يتواءم مع Beaver Builder حين سيعمل على نحو مدهش مع المركب الإضافي المذكور.
• قالب OeanWP المجاني المعلوم بتعدد أغراضه، ويصل مع سند منشئ الورقة بالكامل.

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

تجهيز القالب المخصص بك بواسطة Beaver Themer

لدى تأسيس قالب WordPress محددة باستعمال Beaver Themer، كذلك من الهام التحقق من أن Beaver Themer مصرح له الوصول إلى المقـال الكامل للصفحة التي يجرى التعديل عليها.

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

ويمكننا كنسل الشريط الجانبي ذلك عبر التوجه إلى لوحة فرع مدونة الويب المخصص بك بعد ذلك الانتقال إلى مظهر “Look” ومنها ننتقي تخصيص الورقة “Customise” ومن اثنائها تطلب إلى التبديل إلى التخطيط إيماءة التصنيف الشريط الجانبي وانتقاء كنسل الشريط الجانبي No Sidebar، وعقب أداء ذلك التعديل لم يبق لدينا سوى التثبيـت على التعديل عبر الضغط على زر Publish.

وعند الاستعلام على الثيم من شكله الافتراضي سوف يظهر لنانحن بلا الشريط الجانبي كما بالصورة الآتي

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

أساسيات التعامل مع Beaver Themer

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

• القالب Template وهو عدد من الصفوف والأعمدة والوحدات النمطية التي تجسد تنظيم الورقة بالكامل.
• الأعمدة Columns وهي وحدات التخطيط العمودية التي تعاون في محاذاة المضمون رأسياً.
• الصفوف Rows وهي جملة عن تجميعة أفقية من وحدات متنوعة.
• الوحدة النمطية Module وهي عنصر ينتج بيانات مخصصة شبيه الترويسة، وكتلة المقـال، والجداول، والصور والخلفيات، وغيـره…

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

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

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

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

وتسطيع هذا عبر الإضافة بالذهاب إلى Beaver Builder والتعديل على صنف الثيم وانتقاء العنصر ” Themer Format”، تسطيع الإطلالة على الصورة المقبلة لتتضح لك الفكرة أكبر

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

اسلوب استعمال Beaver Themer Templates في تشكيل قوالب ووردبريس محددة

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

تأسيس هيدر Header خاص لقالب الوردبريس المخصص بك.

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

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

فى سبيل الوصول إلى مقاطعة الهيدر، سنحتاج في المقام الاولً إلى تجهيز تنظيم الهيدر في Beaver Themer، وهذا بواسطة الذهاب إلى مركب Beaver Builder إضافة حديث Add New بعد ذلك اختر ورقة Web page وقم بوضع العنوان الملائم للهيدر المخصص بالقالب الذي تشرع في تخصيصه.