كيفية إنشاء قالب موقع WordPress من صفحة واحدة

نشرت: 2022-10-22

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

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

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

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

عند إنشاء قائمة تنقل قابلة للنقر باستخدام Elementor ، يجب عليك توصيل الأقسام المختلفة بقائمة التنقل. املأ اسم القسم الصحيح بدون علامة التصنيف إذا كانت لوحة العناصر تحتوي على حقل معرف CSS لكل قسم. إذا كانت قائمتك مرتبطة بـ # about-us ، فيجب عليك تضمين CSSID كـ about-us. بعد ذلك ، يجب عليك الارتباط بالأقسام التالية مرة أخرى: لإعداد صفحة رئيسية ثابتة في WordPress ، ستحتاج إلى تصميم يكون هو الصفحة الرئيسية.

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

الائتمان: Stack Exchange

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

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

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


ما هو موضوع ووردبريس الصفحة الواحدة؟

الائتمان: athemes.com

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

3 طرق لاختيار تخطيط صفحة WordPress

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

كيف يمكنني إنشاء موقع ويب من صفحة واحدة باستخدام عنصر؟

الائتمان: www.elementpack.pro

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

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

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

الطريقة المثلى لبدء أو الانتقال بموقع عملك إلى المستوى التالي: Elemento

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

كيفية إنشاء موقع Html بصفحة واحدة

يمكن إنشاء موقع ويب من صفحة واحدة باستخدام كود HTML. للقيام بذلك ، افتح محرر نصوص وأدخل الرمز التالي:


موقع صفحة واحدة


مرحبا بكم في موقع الويب الخاص بي ذو الصفحة الواحدة!


هذا هو المكان الذي سيذهب إليه محتوى موقع الويب الخاص بي. يمكنني تضمين النصوص والصور والروابط.




احفظ الملف كملف index.html وقم بتحميله على خادم الويب الخاص بك. يجب أن يكون موقع الويب الذي يحتوي على صفحة واحدة متاحًا للزوار الآن.

يعلمك هذا المقال كيفية إنشاء صفحة ويب بسيطة باستخدام HTML (لغة ترميز النص التشعبي). HTML هي لغة الترميز التي تعمل كأساس لتصميم صفحات الويب على شبكة الويب العالمية. في أجهزة الكمبيوتر التي تعمل بنظام Windows و Mac ، تتوفر برامج تحرير النصوص الأساسية لإنشاء صفحات HTML. يمكنك القيام بذلك باتباع الخطوات التالية. بكتابة * brbr ، يمكنك إضافة فاصل أسطر إلى هذا الأمر. باستخدام هذه الطريقة ، يمكنك تقسيم صفحتك إلى أقسام باستخدام خط أفقي. اضبط لون الخلفية باستخدام علامة <body>.

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

قالب ووردبريس للصفحة الواحدة

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

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

لإنشاء قالب صفحة متخصص ، يجب أن يكون موجودًا في مجلد السمة (على سبيل المثال / wp-content / theme / my-theme-name /). سيكون قالب الصفحة متاحًا في قسم منشور صفحة النوع. يسمح لك WordPress 4.7 فقط بإنشاء قوالب صفحات لنشر أنواع غير "الصفحة". ستتم طباعة أسماء الفئات لأنواع المنشورات (الصفحة) ومعرفات الصفحة (معرّف الصفحة *) وقوالب الصفحة في علامة النص الأساسي إذا كان قالبك يستخدم الدالة body_class (). يمكنك تضمين قوالب نوع منشور المنتج في قوالب_منتج_المنتج إذا كان لديك قوالب_منتج_المنتج. في ملف page.php الخاص بقالبك ، يمكنك إجراء تغييرات صغيرة على صفحتك خاصة به.

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

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

أمثلة على موقع WordPress من صفحة واحدة

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

صفحة ويب واحدة

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

إيجابيات وسلبيات مواقع الويب ذات الصفحة الواحدة

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

صفحة رئيسية واحدة

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

لماذا مواقع الويب ذات الصفحة الواحدة جميلة

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

مواقع الصفحات

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

ما هي أمثلة صفحة الويب؟

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