Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress
Webdesign

كيفية انشاء موقع صفحة واحدة بسيطة: من سمة Parallax WordPress

by
Length:LongLanguages:

Arabic (العربية/عربي) translation by Ayman Amar (you can also view the original English article)

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

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

لماذا انشاء موقع صفحة واحدة (مع تأثير المنظر)

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

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

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

كيفية استخدام سمة صفحة واحدة Parallax لانشاء موقع الويب الخاص بك

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

ما ستحتاجه للبدء

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

1. شراء اسم النطاق الخاص بك

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

2. حدد خطة استضافة جيدة

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

3. التقط افضل سمة WordPress لصفحة واحدة

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

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

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

The Ark WordPress theme with multiple layout options ready to use quickly
سمة Ark WordPress مع خيارات تخطيط متعددة ، جاهزة للاستخدام بسرعة.

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

The Ark WordPress theme
تسمح لك سمة Ark WordPress بإنشاء موقع ويب صفحة واحدة بسرعة.

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

The Ark one page WordPress theme comes with several demos
تتي سمة Ark WordPress مع العديد من العروض.

4. ترجمة المحتوى الخاص بك والصور

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

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

البدء

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

1. تثبيت WordPress

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

  1. في cPanel ، ابحث عن مثبتات موقع الويب أو Fantastico Installer أو Softaculous Installer. انقر على أيقونة ووردبرس ثم انقر على زر التثبيت. سيُطلب منك تقديم اسم مستخدم وكلمة مرور وتحديد النطاق الذي ترغب في تثبيت WordPress عليه.
  2. اختر اسم مستخدم وكلمة مرور قوية تحتوي على أحرف كبيرة وأحرف صغيرة بالإضافة إلى أرقام ورمز خاص. اكتب اسم المستخدم وكلمة المرور في مكان آمن.
  3. انقر على زر التثبيت مرة أخرى لإنهاء عملية التثبيت.

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

2. تثبيت موضوع وورد الخاص بك

الآن بعد أن قمت بتسجيل الدخول إلى موقع WordPress الخاص بك ، انقر على Appearance > Themes > Add new. على الشاشة التي يتم تحميلها ، حدد "تحميل المظهر".

Installing your WordPress theme
تثبيت سمة WordPress الخاصة بك بسرعة.

انقر فوق الزر لتحديد مجلد مضغوط بملفات السمة الخاصة بك ، ثم انقر فوق تحميل. بمجرد تثبيت السمة ، انقر فوق "تنشيط".

3. تثبيت وتفعيل الإضافات المطلوبة

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

WordPress Plugins to Install
اضافات WordPress للتثبيت

بعد ذلك ، انتقل إلى Plugins > Installed Plugins وحدد جميع الاضافات التي ثبّتها للتو وحدد تفعيل من القائمة المنسدلة.

Activate your WordPress Plugins
قم بتنشيط ملحقات WordPress الخاصة بك.

كيفية إعداد صفحة واحدة لموقعك WordPress

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

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

بمجرد تثبيت العرض التوضيحي الذي اخترته ، يمكنك البدء في تخصيص السمة واستبدال المعلومات.

أولاً ، انقر فوق Settings > Reading > Front Page Displays a Static Page واختر واحدة من تخطيطات الصفحة الواحدة كصفحتك الرئيسية. ثم حدد التخطيط المطلوب لصفحة مشاركاتك وانقر على حفظ الإعدادات.

لاستبدال المحتوى ، انتقل إلى Pages > All Pages ، واختر صفحتك الرئيسية وانقر على تعديل.

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

Add your companys messaging
أضف مراسلات شركتك إلى WordPress.

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

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

Adding ID attributes to your WordPress theme
إضافة سمات المعرف إلى نسق WordPress الخاص بك.
بدلاً من ذلك ، يمكنك أيضًا تخصيص التخطيط أو إنشاء واحدة من البداية بالانتقال إلى Ark> Sitemap.

تتضمن القائمة الفرعية Ark أيضًا خيارات لتخصيص الرؤوس والتذييلات والأشرطة الجانبية والمزيد.

الآن بعد أن قمت باستبدال المحتوى بالخاص بك ، فلنقم بإعداد قائمة التنقل. انتقل إلى Appearance > Menus واختر التنقل عبر صفحة واحدة من القائمة المنسدلة. حدد المربع المجاور Main Navigation أسفل Display Location وانقر على حفظ.

Adding a menu to your one page WordPress theme setup
إضافة قائمة إلى إعداد سمة صفحة WordPress الخاصة بك.

انقر على عنوان URL مخصص وأدخل معرِّف جميع الأقسام التي قمت بتسميتها أثناء عملية تحرير المحتوى في حقل عنوان URL. انقر على Update Menu وتم ضبط جميع عمليات التنقل.

الخطوة الأخيرة هي تخصيص مظهر WordPress ليتطابق مع علامتك التجارية. في لوحة المعلومات ، انقر فوق Ark> Theme Options. في هذه الصفحة ، يمكنك تغيير الرؤوس التي تريد استخدامها على موقعك ، أو تخصيص ألوانك ، أو إضافة خطوط مخصصة ، أو تحديد Google Fonts.

Work with the WordPress theme Options panel
العمل مع لوحة خيارات النسق WordPress.

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

كيفية إضافة أقسام إضافية إلى موقع الويب الخاص بك

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

Add sections to your one page website in your WordPress theme
أضف أقسامًا بسرعة إلى موقع الويب الخاص بصفحتك الواحدة في نسق WordPress الخاص بك.

يمكنك أيضًا إنشاء تخطيط جديد تمامًا من خلال النقر على Pages > Add New > Use Fresh Builder وإضافة أقسام كعناصر بالطريقة التي تريدها أن تظهر بها. يمكن أيضًا إنشاء تخطيط جديد بالانتقال إلى Ark > Sitemap > Default Page زر تخطيط الصفحة الافتراضي والنقر على علامة + في الجزء السفلي. ببساطة ، اكتب اسمًا للنموذج ، وانقر فوق حفظ ، ثم أضف أقسامًا وعناصر تريدها.

Adding a new page layout to your WordPress theme setup
إضافة تخطيط صفحة جديد لإعدادات WordPress الخاصة بك.

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

ما يجب فعله بعد أن يكون موقعك نشطًا (قم بالترويج له)

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

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

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

تبدأ (بسرعة) مع سمة صفحة WordPress واحدة عظيمة

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.