إنشاء قالب ووردبريس: الجزء 1

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

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

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

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

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

كيف أقوم بإنشاء صفحة سمة WordPress بسيطة؟

لإنشاء صفحة سمة WordPress بسيطة ، ستحتاج أولاً إلى إنشاء ملف جديد في دليل سمات WordPress الخاص بك. يمكنك تسمية هذا الملف كيفما شئت ، ولكن يجب أن يكون بامتداد “.php”. بمجرد إنشاء هذا الملف ، ستحتاج إلى فتحه في محرر نصوص ولصق الكود التالي فيه: / * Template Name: Simple WordPress Theme Page * /؟ > احفظ الملف وقم بتحميله إلى دليل سمات WordPress الخاص بك. يجب أن تكون الآن قادرًا على رؤية الصفحة الجديدة عند الانتقال إلى http://yoursite.com/simple-wordpress-theme-page/.

يتم استخدام قوالب السمات ، والتي تُستخدم لتصميم وتخطيط موقع WordPress. هذه السمات مبنية على قوالب تم إنشاؤها في PHP و HTML و CSS و JavaScript. باتباع هذه الخطوات ، يمكنك إنشاء سمة WordPress مخصصة دون كتابة أي رمز. منشئ الصفحة SeedProd WordPress هو أداة سحب وإفلات يمكن استخدامها من قبل كل من الشركات والمدونين. يعد WordPress Theme Creator أداة مجانية تتيح لك إنشاء سمة WordPress مخصصة بدون تشفير. سيعلمك هذا البرنامج التعليمي كيفية إنشاء سمة SeedProd المخصصة الخاصة بك من البداية. ابدأ بسمة جاهزة للاستخدام ثم قم بتعديل ملفات القالب لاحقًا في البرنامج التعليمي.

يمكّنك من استيراد عناصر السمة من قاعدة بيانات WordPress الخاصة بك على الفور. يتضمن أيضًا تكامل WooCommerce الكامل بحيث يمكنك بسهولة إنشاء صفحات تسوق مخصصة. لديك خياران لتعديل قالبك: استخدم Seedprod Theme Builder أو ابدأ من نقطة الصفر. باستخدام SeedProd ، يمكنك بسهولة تصميم قالب WordPress بسهولة. الخطوة الأخيرة هي تفعيلها على موقع WordPress الخاص بك. يمكنك أيضًا استخدام SeedProd لإنشاء قوالب متعددة لأقسام مختلفة من موقع الويب الخاص بك. يمكن إضافة قالب رأس إلى المظهر الخاص بك لإظهار فئات معينة فقط في أماكن معينة.

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

قم بإنشاء سمة WordPress من Scratch Bootstrap

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

يتم استخدام فئة PHP NavWalker لتحسين وظائف قائمة التنقل في WordPress. يمكن العثور على فئة NavWalker في ملف inc / bs5-navwalker.php باستخدام الكود أدناه. Get_search_form هي إحدى وظائف WordPress التي تنشئ نموذج بحث. لإضافة ملف search.php إلى قالب WordPress الخاص بك ، ستحتاج إلى معرفة بعض الأشياء الإضافية. أضف ملفًا جديدًا باسم 404.html إلى موقعك ، ثم أضف بعض الرموز الرائعة التي تريد عرضها على عناوين URL غير المرئية. يمكنك تحميل لقطة شاشة السمة (صورة مصغرة) بالنقر بزر الماوس الأيمن عليها واختيار تحميل.

كيفية إنشاء قالب ووردبريس بدون تشفير

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

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

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

قم بإنشاء سمة WordPress مخصصة من Html

يعد إنشاء سمة WordPress مخصصة من HTML عملية بسيطة نسبيًا ، طالما لديك فهم جيد لمنصة WordPress وهيكل القالب. بمجرد إعداد كود HTML الخاص بك وبنية الملف ، يمكنك إنشاء ملف جديد يسمى "style.css" في دليل القالب الخاص بك وربطه بملفات HTML الخاصة بك. في ملف style.css الخاص بك ، ستحتاج إلى إضافة بعض التعليمات البرمجية الأساسية لـ CSS لتصميم المظهر الخاص بك. بمجرد إعداد كود CSS الخاص بك ، يمكنك إضافة وظائف WordPress المخصصة الخاصة بك عن طريق إنشاء ملف يسمى “function.php” في دليل القالب الخاص بك. في ملف function.php الخاص بك ، يمكنك إضافة كود WordPress المخصص للتحكم في وظائف قالبك. أخيرًا ، يمكنك إضافة قوالب WordPress المخصصة الخاصة بك عن طريق إنشاء ملف يسمى "template.php" في دليل القالب الخاص بك. في ملف template.php الخاص بك ، يمكنك إضافة كود WordPress المخصص للتحكم في شكل ومظهر المظهر الخاص بك.

مثال تطوير الموضوع

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

ما هو الموضوع؟ هذه فكرة شكلت أساس عمل فني أو أدبي أو تغلغلت فيه. يتم استخدام موضوع "مفسدات القوة" أيضًا بشكل كبير في The Lord of the Rings ، كما كان في طغيان Sauron. اكتشف كيفية استخدام المؤلفين للموضوع لإنشاء قصص مرضية ومنظمة. فيما يلي خمسة أمثلة لمواضيع في الروايات. The Lord of the Rings بواسطة JRR Tolkien هو مثال رائع لموضوع قصة متطور. ابتكر الخصم Sauron بذور الدمار في ملحمة تولكين ، حيث قام بتزوير الحلقة الواحدة.

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

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

كيفية تطوير موضوع أدبي

يجب أن تبدأ في التفكير في كيفية ربط هذه الموضوعات بمجرد أن يكون لديك قائمة بالموضوعات. من خلال مقارنة السمات ، يمكنك معرفة كيفية ارتباطها جميعًا ببعضها البعض. على سبيل المثال ، في رواية The Catcher in the Rye ، تم نسج موضوعات الاغتراب والتمرد معًا. عزل هولدن كولفيلد نفسه عن المجتمع نتيجة عدم رضاه عن أعراف المجتمع وتقاليده.
من الممكن أيضًا تطوير موضوع أدبي من خلال فحص الشخصيات ودوافعها. من المتضمن في "To Kill a Mockingbird" ، على سبيل المثال ، أن العدالة يتم تحقيقها من خلال دوافع الشخصيات. يتم تحفيز أدوار Scout و Atticus Finch من خلال إحساسهم بالعدالة للسعي لتحقيق العدالة للآخرين الذين يتم سجنهم ظلماً ، في حين أن إحساس Atticus بالعدالة للدفاع عن الأبرياء هو ما يدفع Scout.
ستتمكن من البدء في التفكير في كيفية التعبير عن هذه الموضوعات في النص بمجرد أن تقرر قائمة الموضوعات والشخصيات المرتبطة بها. يتم التعبير عن إحساس الكشافة بالعدالة في خطاباتها وأثناء معركتها ضد كو كلوكس كلان في فيلم "To Kill a Mockingbird".

دورة تطوير موضوع ووردبريس

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

تغطي السمات النصف المرئي بالكامل لموقع WordPress ، ولكنها لا تستخدم فقط للنصف المرئي. ستخضع قوالب WordPress بلا شك لفترة من التحول في السنوات القادمة. سيتم تحديث دورة WordPress المجانية الكلاسيكية في أوائل عام 2021 بموضوعات جديدة . فيما يلي بعض الفصول من Up and Running. التسلسل الهرمي للقالب والحلقة و style.css هي ثلاثة من أهم المفاهيم في تطوير قالب WordPress. من الأهمية بمكان فهم التسلسل الهرمي للقوالب لفهم العديد من الميزات المفيدة والمعقدة في WordPress. من خلال قراءة هذه المقالة ، ستحصل على فهم أفضل لتطوير موضوع WordPress.

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

كيفية إنشاء سمة WordPress مخصصة

يمكن أن يكون إنشاء سمة WordPress مخصصة عملية بسيطة نسبيًا. علاوة على ذلك ، هناك القليل من المعرفة أو الخبرة المطلوبة في تطوير الويب. علاوة على ذلك ، يمكن أن يؤدي إنشاء المظهر الخاص بك إلى تسهيل تشغيل موقعك إذا تمكنت من الحصول عليه بشكل صحيح في المرة الأولى. وفقًا لـ ZipRecruiter ، تتراوح الرواتب السنوية لمطوري قوالب WordPress من 135000 دولار إلى 25000 دولار ، لكن غالبية الرواتب تتراوح من 61000 دولار (النسبة المئوية الخامسة والعشرون) إلى 88500 دولار (75 بالمائة). أعلى ربح (الشريحة المئوية التسعون) يكسبون 114،500 دولار في السنة. إذا كنت تريد معرفة المزيد حول كيفية إنشاء سمات WordPress ، فهناك بعض الدورات التدريبية عبر الإنترنت التي يمكن أن تساعدك. موقع SuperHi مدعوم من WordPress. يوضح Chris Dixon كيفية استخدام Bootstrap 4 في أكاديمية تطوير ثيمات WordPress 5. يتم تضمين دورة أساسية في الحزمة. WPCasts (مجانًا على YouTube) هي موارد ممتازة لتعلم كيفية إنشاء سمات WordPress.

كيفية إنشاء ثيمات WordPress للبيع

إذا كنت ترغب في إنشاء سمات WordPress للبيع ، فستحتاج إلى فهم قوي لكل من WordPress و CSS. بمجرد الانتهاء من ذلك ، يمكنك البدء في إنشاء سمات باستخدام محرر نص أساسي مثل Notepad ++. ستحتاج إلى إنشاء مجلد لموضوعك ، وبعد ذلك يمكنك البدء في إنشاء ملفات داخل هذا المجلد. أهم ملف ستحتاج إلى إنشائه هو ملف style.css ، والذي سيحتوي على جميع أكواد CSS لموضوعك. إذا كنت ترغب في بيع المظهر الخاص بك ، فستحتاج إلى إنشاء موقع تجريبي حتى يتمكن المشترون المحتملون من رؤية شكل المظهر الخاص بك وكيف يعمل. يمكنك بعد ذلك بيع المظهر الخاص بك من خلال مواقع مثل ThemeForest.

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

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

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

كيفية كسب المال عن طريق تطوير ثيمات ووردبريس

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