إنشاء أداة الشريط الجانبي معلومات عني باستخدام محرر الرسائل [برنامج WordPress التعليمي]

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

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

هذه الخدعة رائعة أيضًا لتعلم بعض HTML و CSS الأساسي ، إذا كنت بدأت للتو.

إنشاء رسالتك

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

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

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

نمط رسالتك

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

قم بإنشاء شيء مثل هذا:

 رسالتك 

تأكد من إغلاق نمط ع مع

وأضف أي CSS آخر يمكنك التفكير فيه أو الحاجة إليه. لا أعرف CSS؟ فقط ابحث في Google "CSS code for ____" وفي الفراغ ، ضع ما تحاول القيام به. ثم انسخ والصق النمط p. ضعه حول رسالة كتلة النص أسفل الصورة. صممها كما تريد ، وأغلقها. إذا نسيت إغلاق نمط p ، فهذا ليس بالأمر الكبير. سيتم تطبيق التصميم على المزيد من النص الذي تريده ، ولكن الجميع يرتكبون هذا الخطأ مرة واحدة على الأقل.

استخدام الرموز إلى مائل و جريئة النص الخاص بك ، وتذكر أن تغلق تلك قبالة أيضا.