الأخبار التكنولوجية والاستعراضات والنصائح!

31 طريقة سهلة لتخصيص موقع WordPress الخاص بك

إلهام.

هذا هو هدفي لك.

لم يدرك العديد من مستخدمي WP مدى قوة WordPress. استلهم من هذا المنشور اكتشف أدوات وأساليب جديدة. لتخصيص موقع WordPress الخاص بك.

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

عند الانتهاء من القراءة ، لديها موقع أكثر متعة ومؤهل بالكامل..

لنبدأ بأفضل تكتيكات التكيف للجميع …

1 ، حدد موضوع جديد

إن أسرع طريقة لتغيير موقعك بشكل كبير هي تغيير مظاهر WordPress.

يؤدي تغيير السمات على الفور إلى تغيير كل شيء حول تصميم موقع الويب الخاص بك.

ولكن هناك مشكلة …

هناك أكثر من 10000 سمة WordPress للاختيار من بينها!

يمكنك قضاء أيام ببساطة في استعراض ومراجعة الموضوعات. في الواقع ، كثير من الناس يفعلون!

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

لتوفير الوقت ، اتبع دليلي لاختيار السمة المثالية لموقعك.

تعلم كيفية اختيار موضوع

إذا كنت ترغب في تجربة تصميم جديد على الفور ، فلدينا بالطبع 19 سمة WordPress مجانية يمكنك معاينتها مباشرة من لوحة تحكم WP الخاصة بك.

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

2 ، قم بالتبديل إلى الصفحة الرئيسية الثابتة

هنا نصيحة داخلية:

تحتاج جميع مواقع WordPress إلى موقع ثابت.

نعم ، حتى لو كنت مدونًا. في الواقع ، خاصة إذا كنت مدونًا!

ستحصل على المزيد من المشتركين وتجني المزيد من المال على موقعك إذا فعلت أكثر من قائمة بأحدث مشاركاتك …

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

يمكن إجراء هذا التغيير بسهولة باستخدام لوحة تحكم WordPress. ما عليك سوى تغيير هذا الإعداد إلى صفحة ثابتة:

موقع ثابت

يجب عليك أيضًا إرسال صفحة إلى مشاركاتك.

أو اتبع هذا الفيديو التعليمي البسيط:

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

3 ، إنشاء موقع مخصص

مع Elementor ، يمكنك تصميم موقع ويب مخصص.

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

العنصر

العنصر الآن مثبت على 3 ملايين موقع

بعد تثبيت Elementor على موقعك ، يمكنك زيارة أي صفحة والنقر فوق الزر "تحرير باستخدام Elementor" لبدء تشغيل المحرر.

تحرير باستخدام Elementor

ستتم إعادة توجيهك إلى هذه الواجهة:

واجهة Elementor

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

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

اختبار العنصر

هذه أداة تقييم العملاء

لدى جوتنبرج كتل مماثلة ، لكنها أكثر تخصيصًا في Elementor.

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

كتل العنصر

تتوفر مئات القطع النهائية.

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

الصفحات الابتدائية

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

هناك عدد قليل من مواقع البيع المجانية ، ولكن معظمها متوفر فقط في Elementor Pro.

لتلخيص كيف يعمل كل شيء …

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

مشاهدة عنصر →

الآن بعد أن عرفت منشئي الصفحة ، دعنا نعود إلى تخصيص الموقع العالمي.

4 ، تغيير الخط الخاص بك

الخط الذي تختاره سيؤثر بشكل كبير على شخصية موقعك.

لذلك قد يزعجك إذا فعلت ذلك.

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

تثبيت البرنامج المساعد للطباعة جوجل الخطوط.

نمط الخط جوجل

يمنحك هذا المكون الإضافي وصولاً كاملاً إلى مكتبة خطوط Google ، وهي في الواقع خط الإنترنت.

أستخدم خطوط Google في جميع موضوعاتي ولا أعرف أي مطور سمات يستخدم أي شيء آخر.

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

خطوط الخطوط لخطوط Google

هذه هي عناصر التحكم الرئيسية في الخط ، ولكن تم تضمين الإعدادات الأخرى

لديّ فيديو تعليمي مفصل حول كيفية تغيير الخط باستخدام Google Font إذا كنت بحاجة إلى تعليمات خطوة بخطوة.

إليك فوزًا سريعًا آخر لتغيير طريقة تقديم موقعك.

5 ، تغيير عدد الوظائف لكل جانب

بشكل افتراضي ، يعرض WordPress عشر مشاركات على صفحة المدونة الرئيسية وفي ملفاته (الفئات والعلامات وملفات المؤلف والبيانات).

Ten هو إعداد افتراضي جيد ، ولكن ماذا لو كان لديك تخطيط متعدد الأعمدة مثل Layouts in Challenger Pro؟

مدونة متعددة الأعمدة

يحوم الزائرون على أكثر من عشر مشاركات بتمريرة واحدة. يعمل موقعك بشكل أفضل إذا كنت تحب أكثر من 16 أو 20 مشاركة تحتوي عليه.

يمكنك الانتقال إلى قائمة إعدادات القراءة (الإعدادات> القراءة) وتغيير عدد المنشورات في الصفحة بسرعة باستخدام هذه الإعدادات:

المنشورات لكل جانب

20 هو حد جيد للمشاركات لكل جانب

سهل أليس كذلك؟

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

6 ، تمكين التمرير اللانهائي

كن صادقًا

كم مرة تنقر على روابط ترقيم الصفحات في نهاية المدونة؟

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

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

زر المنشور السابق

يمكن للزوار النقر على الزر لتحميل المشاركات تلقائيًا دون تحميل الصفحة بأكملها.

يقوم المكون الإضافي المجاني WordPress Infinite Scroll بعمل ممتاز ، ولكن يجب أن تكون على دراية برمز تحرير السمة الخاصة بك.

إذا كنت تريد حلاً بدون كود ، فإن Jetpack يتضمن وظيفة تمرير لا نهاية لها. لا يتم دعم جميع السمات ، ولكن تعمل جميع المظاهر الـ 19 مع Jetpack.

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

7 ، استخدم صورًا متسقة

تستخدم صور مميزة ، أليس كذلك؟

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

إعدادات الصورة المحددة

وتظهر الصورة على المدونة وعلى صفحة النشر كما يلي:

مثال على صورة مميزة

هذا مثال لموضوع تشالنجر

تساعد الصور المميزة كل مشاركة على جذب المزيد من الاهتمام والنقرات ، مما يعني المزيد من القراء والمشتركين.

ولكن هناك ما هو أكثر من ذلك.

يفكر بعض مستخدمي WordPress في المنشور فقط عندما يختارون "الصور المميزة". هذا يجعل مدونتك تبدو غير متناسقة.

عند تحديد "الصور المحددة" ، ابحث عن مظهر موحد.

على سبيل المثال ، لقد تركت الرسوميات المتجهة للصور المعروضة هنا على مدونة "تنافس المواضيع".

اختر جمالية عامة للصور المختارة على موقعك لجعل التصميم أكثر جمالا.

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

إذا كنت تريد أن تكون مدونتك أكثر جاذبية ، فاتبع النصيحة التالية.

8 ، كتابة مقتطف شخصي لكل منشور

لا أستطيع أن أصدق عدد قليل من الناس يكتبون مقتطفات مخصصة!

يمكنك العثور على حقل الاستخراج هذا في الشريط الجانبي الأيمن للمحرر:

بيان مخصص

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

هناك سببان لكتابة مقتطف مخصص لكل منشور.

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

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

أيضًا ، إذا اتبعت تكتيكات المحاذاة التالية ، فسيكون موقعك أفضل على وسائل التواصل الاجتماعي.

9 ، تخصيص مظهر موقعك Facebook

إذا اتبعت نصيحتي الأخيرة ، فستحب مظهر مشاركاتك أثناء مشاركتها Twitter ذ Facebook.

لكن!

يجب عليك إضافة علامات "Open Graph" إلى موقعك. أسهل طريقة هي تثبيت المكوّن الإضافي Yoast SEO.

البرنامج المساعد Yoast Seo

تعمل Yoast SEO على تحسين موقعك للحصول على ترتيب Google أعلى. لن أذهب إلى أبعد من ذلك لأن هذه المشاركة تدور حول تصميم الويب وليس حول تحسين محرك البحث. يمكنك قراءة دروس SEO التعليمية هذه إذا كنت تريد معرفة المزيد عنها.

الشيء الآخر الذي يقوم به Yoast SEO هو إضافة علامات Open Graph إلى موقعك 😁

تظهر علامات الرسوم المفتوحة في شفرة المصدر في كل صفحة من موقعك وتخبر مواقع الشبكات الاجتماعية Facebook ما المحتوى الذي يجب استخدامه عندما يشارك شخص ما موقعك؟

إذا قمت بإضافة صورة محددة وكتبت مقتطفًا مخصصًا ، فهذا هو المحتوى Facebook يظهر عند الموافقة على المنشور ، ولكن فقط بعد إضافة علامات Open Graph.

مع Yoast SEO ، لديك أيضًا فرصة لإضافة صورة أخرى مباشرة إليها Facebook و / أو Twitter.

Facebook                                الصورة

ما مدى جودة ذلك

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

بالحديث عن وسائل التواصل الاجتماعي ، يعد هذا التكيف القادم أمرًا حاسمًا لبناء جمهورك.

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

10. أضف الرموز الاجتماعية الخاصة بك

هذا التخصيص في WordPress بسيط للغاية.

إذا كنت تريد أن يتبعك الآخرون ، اجعله أسهل!

تحتوي معظم الموضوعات هذه الأيام على رموز اجتماعية مضمنة ، مثل موضوع أخبار المهمة ، والتي تتضمن أيقونات لأكثر من 50 موقعًا على مواقع التواصل الاجتماعي.

رموز أخبار المهمة الاجتماعية

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

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

11 ، إضافة الأزرار التي تريد مشاركتها على الشبكات الاجتماعية

لا أريد أن أربكك ، لذا دعني أوضح ذلك لك.

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

يجب إضافة أزرار المشاركة على الشبكات الاجتماعية إلى مشاركاتك على النحو التالي:

أزرار المشاركة على الشبكات الاجتماعية

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

للاختيار من بينها ، ولكن المفضلة الجديدة هي Scriptless Social Sharing.

مشاركة الشبكات الاجتماعية بدون نص

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

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

12 ، إضافة نموذج اتصال

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

ومع ذلك ، يعد نموذج الاتصال جزءًا لا يتجزأ من أي موقع ويب. أنت لا تعرف أبدًا ما الفرص التي قد تنشأ.

عندما يتعلق الأمر بإضافة نموذج اتصال ، فإن WPForms هو المكون الإضافي المفضل لدي.

Wpforms

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

يرشدك دليل إضافة نموذج اتصال إلى WordPress خلال جميع الخطوات.

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

13 ، إنشاء صفحة مقصودة

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

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

أوصي باستخدام المكوّن الإضافي elementor لإنشاء صفحة مقصودة مخصصة. لقد أكملت الصفحات المقصودة ومجموعات المواقع التي يمكنك استخدامها كنقطة بداية.

Elementorsæt

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

14 ، إنشاء قائمة مخصصة

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

إنها ليست مثالية.

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

لإنشاء قائمة مخصصة ، اتبع الخطوات في هذا الفيديو التعليمي:

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

أضف هذا التخصيص القادم لتسهيل التنقل في موقعك.

15 ، اجعل القائمة "لزجة"

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

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

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

بادئ ذي بدء ، يمكنك تثبيت قائمة Sticky المجانية في المكوّن الإضافي للتمرير.

البرنامج المساعد القائمة الثابتة

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

البديل الآخر هو استخدام خيار القائمة الثابتة المتوفر في Elementor Pro. محدد CSS غير مطلوب لهذه الطريقة ويمكنك تخصيص تخطيط القائمة بالكامل.

لدي نصيحة أخرى لجعل التنقل في موقعك أسهل.

16 ، أضف قليل من فتات الخبز

ربما سمعت عن خرافة هانز وجريتيل.

كما قد تتذكر ، ينهارون أثناء القيادة عبر الغابة ، تاركين دربًا يمكنهم اتباعه للعثور على طريقهم إلى المنزل.

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

درب مسار التنقل Amazon

يأخذك كل رابط خطوة إلى الوراء في التنقل في الموقع.

بينما موقعك هو بلا شك أقل وأقل تعقيدا من Amazon، ربما ستستفيد من استخدام فتات الخبز.

إذا قمت بتثبيت المكوّن الإضافي Yoast SEO ، الذي تمت التوصية به سابقًا في هذا المنشور ، فلا يتعين عليك فعل الكثير. انقر فوق هذا الخيار لتمكينه في قائمة التكوين:

Yoast Seo فتات الخبز

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

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

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

17 ، تخصيص الألوان الخاصة بك

هذه خطوة سهلة وربما واضحة لتقييم موقعك.

يؤدي تغيير لون تمييز موقعك إلى إنشاء تأثير مرئي ثابت.

إذا كان موضوعك لا يتضمن ألوانًا مخصصة ولا تعرف كيفية تخصيص موقعك برمز ، أود أن أقدم لك أداة رائعة: CSS Hero.

CSS بالكامل

إليك القليل من التاريخ …

CSS هو اسم لغة الكود التي يستخدمها مصممو الويب لتصميم مواقع الويب. CSS Hero هو مكون إضافي لـ WordPress يتيح لك تخصيص السمة الخاصة بك دون كتابة سطر CSS واحد.

مع CSS Hero ، على سبيل المثال ، يمكنك بسهولة تغيير لون الخلفية لموقعك. سأبدأ بفتح المحرر المرئي الذي يبدو كالتالي:

واجهة CSS Hero

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

خلفية CSS كاملة

أخيرًا ، ستستخدم خيار لون الخلفية لتعيين اللون المطلوب ثم حفظ التغييرات.

تم تغيير خلفية CSS Heroes

يتيح لك CSS Hero تغيير لون كل عنصر على موقعك ، بالإضافة إلى الخطوط والتباعد والعديد من جوانب التصميم الأخرى.

جرب CSS Hero →

تقنية التخصيص التالية ضرورية لأي موقع محترف.

18 ، إضافة شعارك إلى علامة التبويب المستعرض

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

لكن لا تتوقف هنا!

يجب عليك أيضًا إضافة شعارك إلى علامة تبويب المتصفح على النحو التالي:

استهداف موضوعات المفضلة

عادة ما تسمى هذه الأيقونة الصغيرة "الرمز" ، لكن واجهة WordPress تطلق عليها "رمز الموقع".

ومع ذلك ، يمكنك العثور على هذا الخيار في Customizer (عرض> تخصيص).

افتح القسم في Customizer وستجد خيار رمز الموقع أدناه.

حدد رمز الموقع

كل ما عليك فعله هو تنزيل الشعار من جهاز الكمبيوتر الخاص بك والضغط على الزر.

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

ستفاجأ أيضًا برؤية أن WordPress يوصي بأن تكون الصورة بحجم 512×512 بكسل. تبدو كبيرة قليلاً ، أليس كذلك؟

بالإضافة إلى الرمز الموجود في علامة التبويب "المستعرض" ، يتم إعادة استخدام المفضلة لديك أيضًا في الإشارات المرجعية التي يمكن رؤيتها بشكل أكبر. على سبيل المثال ، يمكن لأي شخص يستخدم iPad Pro حفظ موقعه على شاشة Safari الرئيسية حيث يكون الرمز كبيرًا جدًا.

يمكنك اتباع البرنامج التعليمي الكامل الخاص بنا لإضافة إشارة مرجعية إلى WordPress للحصول على تعليمات أكثر تفصيلاً (هناك أيضًا فيديو تعليمي).

هناك طريقة أخرى لإعطاء موقعك مظهرًا مميزًا وهي استخدام صورة خلفية موسومة.

19 ، إضافة صورة خلفية

لم يعد بإمكانك رؤية صور الخلفية في كثير من الأحيان.

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

يمكننا الاتصال بـ CSS Hero مرة أخرى لإجراء هذا التعديل.

اختر الخلفية ، ولكن اختر إعدادات الصورة بدلاً من اختيار اللون.

خلفيات CSS Hero

يمكنك تحميل أي صورة تريدها وحتى استيراد صورة مباشرة من Unsplash.

الآن دعنا ننقل علامتك التجارية إلى المستوى التالي.

20 ، إنشاء صفحة تسجيل العلامة التجارية

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

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

لقد دخلت إلى تسجيل الدخول إلى الموضوعات التنافسية ، والآن يبدو الأمر مدهشًا:

قم بالتسجيل مع مواضيع تنافسية

فعلت ذلك مع البرنامج الإضافي المجاني Customizer Page Customizer.

مخصص لصفحات تسجيل الدخول المخصصة

إذا كنت ترغب في اتباع نفس الخطوات ، فقد كتبت منشورًا لـ WP Newsify حول كل شيء.

إذا اتبعت ، فسيتم تمييز موقعك وشاشة تسجيل الدخول ، ولكن لا حاجة للتوقف هنا!

لنأخذ العلامة التجارية على الهامش لزيادة تحسين تخصيص موقع WordPress الخاص بك.

21. تخصيص مدير WP

إذا لم تكن تعرف ، يمكنك أولاً تغيير لوحة الألوان للوحة الإدارة من خلال القائمة.

نظام ألوان مدير مخصص

إذا تابعت ، فقد لا تكون مخططات الألوان هي المطابقة المثالية لعلامتك التجارية. تحقق من البرنامج المساعد WP Custom Admin Interface للتحكم الكامل في واجهة المسؤول الخاصة بك.

البرنامج المساعد واجهة إدارة مخصصة WP

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

إدارة الألوان المخصصة

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

ترتيب القائمة المخصصة

إذا كنت تريد التحكم الكامل في واجهة المشرف ، فهذه هي الطريقة المناسبة.

الآن بعد أن تعرفت على أفضل الطرق للعلامة التجارية لموقعك على الويب لنشاط تجاري ما ، نريد تغطية بعض تعديلات العلامات التجارية الشخصية.

22. تحديث اسمك لإظهاره

أراها طوال الوقت على مواقع WordPress الجديدة:

اسم عرض المسؤول

من هو

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

الخبر السار هو أنه من السهل جدًا إجراء تغييرات.

يتم استدعاء الاسم الذي يظهر في شريط الإدخال وفي التعليقات ويمكن تغييره من خلال قائمة المستخدم> ملف التعريف الخاص بك.

اسم العرض

بمجرد الحفظ ، سيتم تحديثه على الفور على موقعك.

يوضح هذا الفيديو كيفية استخدام الأسماء للعرض بمزيد من التفاصيل:

إذا ظهر اسمك في القائمة ، أضف أيضًا صورة رمزية مخصصة.

23. إظهار صورة رمزية مخصصة

لا تريد أن تظهر الصورة الرمزية الافتراضية بجوار اسمك الجديد لعرضها على النحو التالي:

الصورة الرمزية المفقودة

يتم دمج معظم مظاهر WordPress في Gravatar. بمجرد إضافة صورة هناك ، ستظهر على الفور على موقع الويب الخاص بك.

إذا لم تكن على دراية بـ Gravatar ، فهذه خدمة بسيطة للغاية.

كل ما عليك فعله هو إضافة عنوان بريد إلكتروني وتحميل صورة لتعيينها. هذا كل شيء 🙂

الملف الشخصي gravatar

أستخدم Gravatar في الصورة الرمزية "تنافس السمات" التي تظهر على الويب

سترى صورة Gravatar على موقعك وعلى أي موقع آخر مدمج في الخدمة (أشياء كثيرة).

بدلاً من ذلك ، يمكنك تثبيت المكون الإضافي Simple User Avatar لتحميل صورة ملف شخصي إلى موقعك دون استخدام Gravatar.

صورة رمزية للمستخدم البسيط

يعد الحصول على اسمك وصورتك في جميع مشاركاتك مكانًا جيدًا للبدء ، ويمكن أن تؤدي إضافة "مربع المؤلف" إلى الارتقاء بالأشياء إلى المستوى التالي.

24. إضافة حقل مؤلف

بواسطة "مربع الكاتب" أعني شيئًا مثل:

بدء مدونة حقل المؤلف

هذه لقطة شاشة للموضوع تبدأ بالمدونة.

تعتبر الصناديق الحصرية مثالية لبناء علامتك التجارية لسببين.

أولاً ، يتلقون اسمك ووجهك أمام الزوار.

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

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

إذا لم يكن موضوعك يحتوي على مربع مؤلف ، أوصيك بتثبيت المكون الإضافي "Simple Author Box".

مربع مؤلف بسيط

هناك بعض المكونات الإضافية لصندوق التوقيع ، ولكن في رأيي أنها توفر أفضل توازن بين المرونة والجودة الفورية.

يمنحك هذا الفيديو التعليمي نظرة من وراء الكواليس على كيفية عمله أولاً.

ستساعدك الطريقة التالية لتخصيص موقعك على بناء علامتك التجارية الشخصية بشكل أسرع.

25. إضافة أداة "نبذة عني"

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

سيبقي هذا اسمك وصورتك الرمزية مرئية في كل صفحة تنشرها.

يمكنك استخدام عنصر واجهة مستخدم النص أو عنصر واجهة مستخدم HTML لإنشاء تخطيط مثل هذا بنفسك أو تثبيت المكون الإضافي لعنصر واجهة مستخدم Easy Profile.

القطعة ملف تعريف بسيط

كلما قمت بتعريف الزوار باسمك وصورك الرمزية وسيرتك الذاتية ، كلما كنت أكثر دراية بهم وكان تسويقك أفضل.

بالحديث عن الأدوات ، إليك طريقة رائعة أخرى لتخصيص موقع WordPress الخاص بك.

26. تحقق من الصفحات التي يتم عرضها على الحاجيات

الحاجيات هي كبيرة ، ولكن هناك مشكلة.

في بعض الأحيان قد ترغب في إضافة أداة إلى قائمة المواقع الخاصة بك والتي لا ينبغي عرضها على صفحة موقع الويب الخاص بك.

ماذا لو كان بإمكانك اختيار المشاركات والصفحات التي يتم عرضها في عنصر واجهة المستخدم بالضبط؟

مع البرنامج المساعد خيارات القطعة يمكنك القيام بذلك.

خيار القطعة

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

خيار القطعة التكوين الجديد

يمكنك تحديد جميع الأدوات في وقت واحد باستخدام الأدوات ، أو تحديد فئات معينة أو حتى صفحات فردية.

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

إليك فرصة أخرى لتحديث تخصيص موقعك.

27. إضافة أوصاف الفئات

قد يبدو عنوان الفئة العادي على موقع الويب الخاص بك كما يلي:

Kategoriearchiv

يعمل بشكل جيد فقط لأجلك ، يمكنك إضافة وصف نهائي لكل فئة.

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

يمكنك زيارة فئات الصفحة (المشاركات> الفئات) والنقر على أي فئة لتحريرها. ثم في الصفحة التالية ، اكتب الوصف في هذا الحقل:

حقل وصف الفئة

بالنسبة لمعظم المواضيع ، سيظهر الوصف في صفحة الفئة تحت العنوان:

ملف الفئة مع الوصف

بهذه الطريقة ، يشير موضوع Apex إلى أوصاف الفئات

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

هناك احتمال آخر يحسن الاحتراف في موقع الويب الخاص بك هو تخصيص نص تذييلك.

28. Ajuste el texto del pie de página

La mayoría de los temas de WordPress contienen un breve resumen de diseño en la parte inferior del sitio web.

Si bien a menudo no es posible eliminar este texto sin escribir código, algunos temas como Ignite contienen una opción simple en el Personalizador para cambiar el texto del pie de página.

Texto de pie de página personalizado

Puede ingresar cualquier texto deseado, pero muchos sitios web contienen el nombre de la compañía, el año actual y un símbolo de copyright. Puede usar sus emojis para agregar un icono de derechos de autor, o simplemente copiarlos en su capa intermedia – ©

29. Personalice los enviados por WordPress

Esto puede ser muy importante para usted cuando contribuye a su sitio web.

WordPress tiene muchos mensajes escritos previamente que envía. Por ejemplo, envía correos electrónicos cuando alguien se une a su sitio web o cambia su contraseña.

No se graban dichos mensajes antes de usted, por lo que puede instalar el complemento de notificación para obtener un control completo sobre la copia del correo electrónico.

Benachrichtigungs-Plugin

Este complemento es increíblemente personalizable y le permite cambiar la copia de correos electrónicos, y agregar eventos completamente nuevos para enviar correos electrónicos.

Normal pensamos en la personalización del sitio web como cambios visuales para un sitio, pero una copia personalizada para correos electrónicos electrónicos su personalización aún más lejos.

Si realmente desea que todos los aspectos de su sitio se personalicen, uno de los últimos pasos es editar su página 404.

30. Personaliza tu página 404

Si anula la publicación de una página o cambia la URL y alguien visita la dirección anterior, verá una pantalla 404 como esta:

404 página

Si bien desea limpiar enlaces rotos y errores 404 en su sitio, es un hecho perfectamente natural para un sitio web.

Como sabe que las personas verán ocasionalmente su página 404, esta es otra oportunidad para crear una página con marca personalizada.

Para esto, pasaremos al plugin 404page.

Complemento de 404 páginas

Con este complemento, puede crear una página 404 totalmente personalizada para su sitio. Está diseñado de una manera muy inteligente.

Con 404page, simplemente puede publicar una página normal con el contenido que desee y luego asignarla como su página 404. Esto es mucho más fácil y más flexible que usar un editor personalizado para la página de error.

Aquí hay un consejo final que le dará mucho más control sobre su sitio web.

31. Domina el widget HTML

Aprender a escribir código es un gran trabajo, pero está la cosa …

HTML no es un lenguaje de programación como PHP o Javascript. HTML es justo.

Esto significa que puede aprender HTML muy rápido y una vez que sepa los conceptos básicos, descubrirá que tiene mucho más control sobre su sitio.

Con el widget HTML que viene incluido en WordPress, puede crear prácticamente cualquier contenido o diseño que desee sin agregar ningún complemento nuevo.

Widget HTML

Por ejemplo, recomendé un widget anteriormente para crear un widget “Acerca de mí” en la barra lateral, pero esto se hace fácilmente sin agregar un nuevo complemento si sabe cómo escribir HTML.

Es un excelente primer paso en el código y lo recomiendo encarecidamente para los usuarios de WordPress que desean obtener más información técnica.

Fazit

En primer lugar, ¡felicidades por llegar tan lejos!

Esta publicación seguía haciéndose más larga a medida que se me ocurrían formas adicionales de personalizar un sitio web de WordPress.

Para ser honesto, todavía solo he arañado la superficie en esta publicación: hay muchos otros cambios que puede hacer en su sitio.

Volviendo a mi primer punto, una de las mejores maneras de comenzar a personalizar su sitio es elegir un tema personalizable, así que antes de ir, eche un vistazo a nuestros temas principales y obtenga una vista previa de ellos en su dispositivo. Todos son totalmente gratuitos, ¡para siempre!

Ver nuestra colección de temas →

Si tiene preguntas u otras ideas para compartir, publíquelas en la sección de comentarios a continuación.