كيفية إضافة مربع المؤلف في WordPress (بدون البرنامج المساعد)

هل تريد إضافة مربع مؤلف WordPress إلى موقع الويب الخاص بك؟

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

ستوضح لك هذه المقالة كيفية إضافة مربع مؤلف في WordPress باستخدام أو بدون مكون WordPress الإضافي.

ما هو صندوق مؤلف WordPress؟

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

غالبًا ما يشتمل مربع المؤلف على:

• ملخص المؤلف أو السيرة الذاتية
• صورة الملف الشخصي أو Gravatar
• عنوان URL لمشاركات المؤلف
• روابط وسائل التواصل الاجتماعي
• رابط إلى موقع المؤلف الضيف

لماذا يجب عليك استخدام مربع المؤلف في WordPress؟

ستُظهر معظم سمات WordPress اسم المؤلف ، أو عرض تعريف المؤلف ، في منشورات المدونة بشكل افتراضي. لكنهم لن يعرضوا عادةً أي معلومات إضافية.

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

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

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

لكن هذا ليس كل شيء.

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

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

3 طرق لإضافة مربع المؤلف في WordPress

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

الطريقة 1: إضافة مربع معلومات المؤلف باستخدام SeedProd

إذا كان قالب WordPress الخاص بك لا يدعم مربعات المؤلفين ، وتريد تخصيص مظهر موقعك على الويب ومعلومات المؤلف ، فهذا هو الحل المناسب لك.

تستخدم هذه الطريقة المكون الإضافي SeedProd WordPress لإضافة مربع مؤلف مخصص بسهولة وإنشاء سمة WordPress.

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

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

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

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

للبدء ، ستحتاج أولاً إلى الحصول على ترخيص SeedProd.

ملاحظة: ستحتاج إلى ترخيص SeedProd Pro أو Elite لاستخدام Theme Builder و Author Box block.

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

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

يمكنك العثور على مفتاح ترخيص المكون الإضافي الخاص بك على موقع SeedProd في منطقة حسابك ، ضمن "التنزيلات".

الخطوة الثانية. قم بإنشاء سمة WordPress

الخطوة التالية هي الانتقال إلى صفحة SeedProd »Theme Builder والنقر فوق الزر" السمات ".

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

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

• صفحة واحدة
• وظيفة واحدة
• مدونة ، أرشيف ، بحث
• الصفحة الرئيسية
• الشريط الجانبي
• تذييل
• رأس
• CSS العالمية

عادة ، تحتاج إلى زيارة مدير الملفات للوصول إلى ملفات سمات WordPress وتعديلها. ولكن مع SeedProd ، يمكنك رؤيتها جميعًا في لوحة معلومات WordPress الخاصة بك دون مغادرة موقعك.

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

الخطوة 3. قم بإضافة مربع المؤلف إلى نموذج المشاركات الفردية

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

بعد ذلك ، انتقل إلى SeedProd »Theme Builder وابحث عن قالب Single Post . من هناك ، حرك الماوس فوقه وانقر على رابط "تعديل التصميم".

سيؤدي ذلك إلى فتح قالب المنشور الفردي الخاص بك في أداة السحب والإفلات الخاصة بـ SeedProd.

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

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

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

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

• عنوان الوظيفة
• صورة مميزة
• معلومات المشاركة
• اكتب تعليقا

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

لإضافة السيرة الذاتية للمؤلف إلى قالبك ، ابحث عن مربع المؤلف تحت عنوان "علامات القوالب" واسحبه أسفل مشاركاتك.

ثم يمكنك النقر فوق الحظر لتعديل الإعدادات ، مثل:

• إظهار أو إخفاء صورة الملف الشخصي
• إظهار أو إخفاء اسم العرض
• نوع علامة HTML
• قم بتضمين موقع على شبكة الإنترنت أو رابط أرشيف المنشورات
• إظهار أو إخفاء سيرة المؤلف

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

في قسم الخلفية ، يمكنك تغيير لون الخلفية وتدرج الخلفية وإضافة صورة خلفية مخصصة.

يمكنك أيضًا تخصيص التباعد والحدود ومنح مربع المؤلف فئة CSS مخصصة.

الآن كل ما تبقى هو الاستمرار في تخصيص تخطيط المنشور الفردي.

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

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

الخطوة 4. تخصيص بقية الموضوع الخاص بك

لديك الآن خياران متبقيان:

1. انشر تصميم قالب WordPress الحالي
2. تخصيص بقية قوالب القالب الخاص بك

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

كل ما عليك فعله هو العودة إلى SeedProd »Theme Builder والنقر على رابط" تحرير التصميم "في أي قالب. من هناك ، يمكنك تخصيص النموذج كما فعلت مع تخطيط "منشور واحد".

الخطوة 5. انشر موضوع WordPress الخاص بك

من السهل إنشاء سمة WordPress الخاصة بك وصندوق المؤلفين باستخدام SeedProd. انتقل إلى صفحة Theme Builder وقم بتغيير مفتاح Enable SeedProd Theme إلى "نعم".

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

الطريقة 2: إضافة السيرة الذاتية للمؤلف مع موضوع WordPress الخاص بك

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

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

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

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

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

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

بعد إضافة معلومات المؤلف الخاصة بك ، انقر فوق الزر تحديث الملف الشخصي .

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

الطريقة الثالثة: إضافة مربع مؤلف WordPress بدون مكون إضافي (يدويًا)

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

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

لإضافة مربع مؤلف WordPress بدون مكون إضافي ، انسخ مقتطف الشفرة التالي والصقه في ملف function.php الخاص بك:

function wpb_author_info_box( $content ) {
 
global $post;
 
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);
 
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
 
if ( ! empty( $display_name ) )
 
$author_details = '<p class="author_name">About ' . $display_name . '</p>';
 
if ( ! empty( $user_description ) )
// Author avatar and bio
 
$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
 
$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; 
 
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
 
// Display author website link
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
 
} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}
 
// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}
 
// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );
 
// Allow HTML in author bio section
remove_filter('pre_user_description', 'wp_filter_kses');

تحصل الوظيفة على معلومات المؤلف وتعرضها أسفل منشورات WordPress على موقعك.

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

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

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

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

يمكنك الآن زيارة أي منشور مدونة ومشاهدة مربع المؤلف الخاص بك قيد التشغيل.

هذا هو!

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

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

لماذا لا تجربها بنفسك؟

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

شكرا للقراءة. يرجى متابعتنا على YouTube و Twitter و Facebook لمزيد من المحتوى المفيد لتنمية أعمالك.