افزودن لینک فیسبوک نویسنده در وردپرس

برای افزودن لینک فیسبوک نویسنده در وردپرس، لازم نیست سایتتون رو به ابزارهای تبلیغاتی وصل کنید یا کدهای سنگین شخص ثالث رو داخل صفحه بذارید. برای بیشتر سایت‌ها، یک لینک مستقیم و مشخص به پروفایل یا صفحه فیسبوک نویسنده کاملاً کافیه؛ هم خواننده راحت‌تر به مقصد می‌رسه و هم مدیریت لینک برای شما ساده‌تر می‌شه.

در این آموزش، اول ساده‌ترین روش بدون افزونه رو می‌بینید. بعد سراغ جعبه معرفی نویسنده و سایت‌های چندنویسنده‌ای می‌ریم. در پایان هم یک روش کدنویسی امن رو بررسی می‌کنیم که برای هر نویسنده فیلد جداگانه می‌سازه و دکمه رو فقط وقتی نشون می‌ده که آدرس فیسبوک ثبت شده باشه.

چرا بهتره لینک فیسبوک نویسنده رو به وردپرس اضافه کنید؟

• دسترسی راحت‌تر خواننده‌ها: خواننده با یک کلیک وارد پروفایل یا صفحه فیسبوک نویسنده می‌شه و می‌تونه محتوای بیشتری از اون ببینه.
• معرفی بهتر نویسنده: اگه نویسنده در فیسبوک فعالیت حرفه‌ای داره، این لینک بخشی از معرفی و هویت آنلاینش می‌شه.
• مدیریت ساده‌تر: برای گذاشتن یک لینک مستقیم، نیازی به ساخت برنامه، دریافت کلید یا اتصال حساب کاربری ندارید.
• بارگذاری سبک‌تر صفحه: یک پیوند معمولی برخلاف ابزارهای جاسازی‌شده، فایل JavaScript یا محتوای خارجی رو همراه صفحه بارگذاری نمی‌کنه.

لینک فیسبوک با ابزارهای تبلیغاتی Meta Pixel for WordPress فرق داره. Meta Pixel برای اندازه‌گیری رویدادهای سایت و تبلیغات متا ساخته شده و دکمه ورود به صفحه نویسنده رو به سایت اضافه نمی‌کنه. اگه فقط می‌خواید خواننده به صفحه فیسبوک نویسنده بره، یک لینک ساده انتخاب منطقی‌تریه.

قبل از شروع به چه چیزهایی نیاز دارید؟

• آدرس درست فیسبوک: آدرس کامل پروفایل یا صفحه نویسنده رو آماده کنید. بهتره این آدرس با https:// شروع بشه.
• دسترسی به پیشخوان: برای ویرایش نوشته یا برگه، به دسترسی نویسنده نیاز دارید. تغییر قالب و افزودن کد هم معمولاً به دسترسی مدیر سایت نیاز داره.
• محل نمایش لینک: از قبل مشخص کنید که لینک قراره داخل نوشته، برگه معرفی، زیر نام نویسنده یا داخل جعبه معرفی نویسنده دیده بشه.

قبل از ذخیره‌کردن لینک، اون رو در یک تب تازه باز کنید. ببینید آدرس به صفحه درست می‌رسه و اون صفحه برای افراد دیگه هم قابل مشاهده هست یا نه. بعضی پروفایل‌های شخصی به‌خاطر تنظیمات حریم خصوصی، اطلاعات خیلی کمی به افراد خارج از فهرست دوستان نشون می‌دن.

افزودن لینک فیسبوک نویسنده بدون افزونه

اگه فقط در چند نوشته یا یک برگه به این لینک نیاز دارید، بلوک دکمه‌ها در ویرایشگر وردپرس ساده‌ترین راهه. برای این روش لازم نیست افزونه‌ای نصب کنید یا فایل‌های قالب رو تغییر بدید.

کپی‌کردن آدرس پروفایل یا صفحه فیسبوک

صفحه موردنظرتون رو در فیسبوک باز کنید و آدرس کامل نوار مرورگر رو کپی کنید. بهتره آدرس اصلی پروفایل یا صفحه رو بردارید، نه لینک یک پست، تصویر یا ویدئو.

این آدرس معمولاً شکلی شبیه https://www.facebook.com/username داره. عبارت username فقط یک نمونه هست و باید شناسه واقعی نویسنده رو جای اون بذارید.

ساخت دکمه با بلوک دکمه‌ها در ویرایشگر وردپرس

تنظیم بازشدن لینک در تب جدید

بعد از انتخاب دکمه، تنظیمات پیوند رو باز کنید و گزینه بازشدن در تب جدید رو روشن کنید. با این کار، نوشته سایتتون در تب قبلی باز می‌مونه. وردپرس معمولاً ویژگی امنیتی noopener رو هم برای چنین لینک‌هایی در نظر می‌گیره.

نمایش دکمه در نوشته یا برگه

قبل از انتشار، نوشته رو پیش‌نمایش کنید و روی دکمه بزنید تا مطمئن بشید به مقصد درست می‌ره. بعد می‌تونید نوشته رو منتشر یا به‌روزرسانی کنید. یادتون نره این دکمه فقط در همون محتوایی دیده می‌شه که بلوک رو داخلش گذاشتید.

نمایش لینک فیسبوک در بخش معرفی نویسنده

بخش معرفی نویسنده همون کادریه که معمولاً نام، تصویر و یک توضیح کوتاه درباره نویسنده رو زیر نوشته نشون می‌ده. ظاهر، محل و اطلاعات این کادر به قالب سایتتون بستگی داره.

بررسی امکانات قالب برای شبکه‌های اجتماعی نویسنده

اول امکانات خود قالب رو بررسی کنید. وارد بخش «نمایش» بشید و سفارشی‌سازی یا تنظیمات قالب رو باز کنید. دنبال گزینه‌هایی مثل «نویسنده نوشته»، «جعبه نویسنده»، «پروفایل نویسنده» یا «شبکه‌های اجتماعی» بگردید.

اسم و جای این تنظیمات در قالب‌های مختلف یکسان نیست. اگه گزینه مشخصی پیدا نکردید، راهنمای رسمی همون قالب رو ببینید. نصب افزونه تازه فقط وقتی ارزش داره که قالب و ویرایشگر سایتتون این قابلیت رو نداشته باشن. راهنمای انتخاب بهترین افزونه وردپرس هم برای بررسی افزونه‌ها کمکتون می‌کنه.

واردکردن لینک فیسبوک در پروفایل کاربری

از پیشخوان به «کاربران ← شناسنامه» برید. اگه قالب یا افزونه سایتتون فیلد شبکه‌های اجتماعی داشته باشه، باید گزینه‌ای برای آدرس فیسبوک ببینید. آدرس کامل رو وارد کنید و روی «به‌روزرسانی شناسنامه» بزنید.

اگه مدیر سایت هستید و می‌خواید اطلاعات نویسنده دیگه‌ای رو تغییر بدید، وارد «کاربران ← همه کاربران» بشید و شناسنامه همون کاربر رو باز کنید.

بررسی نمایش لینک زیر نوشته‌ها

یکی از نوشته‌های منتشرشده همون نویسنده رو باز کنید. اگه جعبه معرفی نویسنده روشن باشه و قالب از فیلد فیسبوک پشتیبانی کنه، لینک باید زیر نوشته دیده بشه. اگه فیلد در شناسنامه هست ولی لینک دیده نمی‌شه، شاید نمایش شبکه‌های اجتماعی در تنظیمات قالب خاموش باشه.

افزودن لینک فیسبوک در سایت چندنویسنده‌ای

در یک سایت چندنویسنده‌ای، نباید یک آدرس ثابت رو زیر همه نوشته‌ها بذارید. هر نویسنده باید فیلد مخصوص خودش رو داشته باشه تا وردپرس با توجه به نویسنده هر نوشته، لینک درست رو نشون بده.

ساخت فیلد فیسبوک برای پروفایل هر نویسنده

اگه قالب یا افزونه جعبه نویسنده این فیلد رو داره، شناسنامه هر کاربر رو جداگانه باز کنید و آدرس همون شخص رو داخلش بذارید. اگه چنین فیلدی آماده نیست، با روشی که در بخش کدنویسی می‌بینید می‌تونید یک فیلد اختصاصی بسازید.

نمایش دکمه فقط برای نویسنده‌هایی که لینک وارد کردن

قالب باید قبل از ساخت دکمه بررسی کنه که نویسنده واقعاً آدرسی ثبت کرده یا نه. اگه فیلد خالیه، دکمه خالی یا لینکی با مقصد اشتباه نباید دیده بشه. نمونه کد پایین همین بررسی رو انجام می‌ده.

اعتبارسنجی و امن‌سازی آدرس واردشده

اعتبارسنجی یعنی قبل از ذخیره بررسی کنیم که مقدار واردشده واقعاً یک آدرس اینترنتی قابل‌قبول برای فیسبوک هست. موقع نمایش هم باید خروجی پاک‌سازی بشه تا متن واردشده نتونه کد ناخواسته‌ای رو وارد صفحه کنه.

برای سایت‌های چندنویسنده‌ای بهتره فقط آدرس‌های امن https با دامنه فیسبوک پذیرفته بشن. امکان ویرایش فیلد هم باید فقط در اختیار خود کاربر یا مدیری باشه که اجازه ویرایش اون حساب رو داره.

افزودن لینک فیسبوک با کد به قالب وردپرس

این روش وقتی به کارتون میاد که می‌خواید هر نویسنده لینک جداگانه‌ای داشته باشه، ولی قالب فعلی چنین امکانی نداره. قبل از شروع، از سایت نسخه پشتیبان بگیرید. اگه با PHP آشنا نیستید، بهتره این بخش رو به توسعه‌دهنده سایت بسپارید؛ چون حتی یک اشتباه کوچک در کد ممکنه خطای فنی درست کنه.

ساخت چایلد تم برای جلوگیری از پاک‌شدن تغییرات

چایلد تم یا «قالب فرزند»، قالب کوچکیه که تغییرات اختصاصی شما رو جدا از قالب اصلی نگه می‌داره. در نتیجه، وقتی قالب اصلی به‌روزرسانی می‌شه، کدهای شما پاک نمی‌شن.

کدهای این آموزش رو داخل فایل functions.php چایلد تم بذارید. این فایل رفتارهای اختصاصی قالب رو نگه می‌داره. اگه تا حالا باهاش کار نکردید، اول راهنمای ترفندهای مفید برای فایل functions.php وردپرس رو بخونید.

اضافه‌کردن فیلد آدرس فیسبوک به صفحه پروفایل

کد زیر یک فیلد تازه به شناسنامه کاربر اضافه می‌کنه. موقع ذخیره‌شدن هم دسترسی کاربر، کد امنیتی فرم، پروتکل https و دامنه فیسبوک رو بررسی می‌کنه.

<?php
function mihanwp_facebook_profile_field( $user ) {
    $facebook_url = get_user_meta( $user->ID, 'mihanwp_facebook_url', true );
    wp_nonce_field( 'mihanwp_save_facebook_url', 'mihanwp_facebook_nonce' );
    ?>
    <h2>شبکه‌های اجتماعی</h2>
    <table class="form-table" role="presentation">
        <tr>
            <th><label for="mihanwp_facebook_url">آدرس فیسبوک</label></th>
            <td>
                <input
                    type="url"
                    name="mihanwp_facebook_url"
                    id="mihanwp_facebook_url"
                    value="<?php echo esc_attr( $facebook_url ); ?>"
                    class="regular-text"
                    placeholder="https://www.facebook.com/username"
                />
                <p class="description">آدرس کامل پروفایل یا صفحه فیسبوک رو وارد کنید.</p>
            </td>
        </tr>
    </table>
    <?php
}
add_action( 'show_user_profile', 'mihanwp_facebook_profile_field' );
add_action( 'edit_user_profile', 'mihanwp_facebook_profile_field' );

function mihanwp_save_facebook_profile_field( $user_id ) {
    if ( ! current_user_can( 'edit_user', $user_id ) ) {
        return;
    }

    if (
        ! isset( $_POST['mihanwp_facebook_nonce'] ) ||
        ! wp_verify_nonce(
            sanitize_text_field( wp_unslash( $_POST['mihanwp_facebook_nonce'] ) ),
            'mihanwp_save_facebook_url'
        )
    ) {
        return;
    }

    $facebook_url = isset( $_POST['mihanwp_facebook_url'] )
        ? esc_url_raw( wp_unslash( $_POST['mihanwp_facebook_url'] ) )
        : '';

    if ( '' === $facebook_url ) {
        delete_user_meta( $user_id, 'mihanwp_facebook_url' );
        return;
    }

    $scheme = wp_parse_url( $facebook_url, PHP_URL_SCHEME );
    $host   = strtolower( (string) wp_parse_url( $facebook_url, PHP_URL_HOST ) );
    $valid_host = 'facebook.com' === $host || '.facebook.com' === substr( $host, -13 );

    if ( 'https' === $scheme && $valid_host ) {
        update_user_meta( $user_id, 'mihanwp_facebook_url', $facebook_url );
    }
}
add_action( 'personal_options_update', 'mihanwp_save_facebook_profile_field' );
add_action( 'edit_user_profile_update', 'mihanwp_save_facebook_profile_field' );

بعد از اضافه‌کردن کد، وارد «کاربران ← شناسنامه» بشید. آدرس فیسبوک رو وارد کنید و شناسنامه رو به‌روزرسانی کنید. اگه آدرس با https شروع نشه یا دامنه‌اش فیسبوک نباشه، کد اون مقدار رو ذخیره نمی‌کنه.

نمایش لینک در قالب نوشته

حالا باید مقدار ذخیره‌شده رو در محل دلخواه قالب نشون بدید. کد زیر رو داخل فایل مربوط به نمایش نوشته یا جعبه نویسنده در چایلد تم بذارید. اسم دقیق این فایل به ساختار قالب سایتتون بستگی داره.

<?php
$author_id   = (int) get_the_author_meta( 'ID' );
$facebook_url = get_user_meta( $author_id, 'mihanwp_facebook_url', true );

if ( $facebook_url ) :
    ?>
    <a
        class="author-facebook-link"
        href="<?php echo esc_url( $facebook_url ); ?>"
        target="_blank"
        rel="noopener noreferrer external"
        aria-label="مشاهده صفحه فیسبوک <?php echo esc_attr( get_the_author() ); ?>"
    >
        مشاهده صفحه فیسبوک نویسنده
    </a>
    <?php
endif;

تابع esc_url() آدرس خروجی رو برای نمایش امن می‌کنه. ویژگی rel="noopener noreferrer external" هم مشخص می‌کنه که لینک خارجیه و خطر دسترسی تب تازه به صفحه قبلی رو کمتر می‌کنه.

مخفی‌کردن دکمه وقتی آدرسی وارد نشده

شرط if ( $facebook_url ) در نمونه بالا بررسی می‌کنه که فیلد خالی نباشه. پس اگه نویسنده‌ای آدرس فیسبوک وارد نکرده باشه، دکمه‌ای هم زیر نوشته‌هاش دیده نمی‌شه.

طراحی دکمه فیسبوک و انتخاب محل مناسب نمایش

• متن واضح بنویسید: عبارت‌هایی مثل «صفحه فیسبوک نویسنده» یا «مشاهده پروفایل نویسنده در فیسبوک» از یک آیکن تنها قابل‌فهم‌تر هستن.
• رنگ خوانا انتخاب کنید: متن و پس‌زمینه باید کنتراست کافی داشته باشن. لازم نیست رنگ دکمه دقیقاً شبیه رابط کاربری فیسبوک باشه.
• دکمه رو نزدیک معرفی نویسنده بذارید: زیر نام یا توضیحات نویسنده معمولاً جای طبیعی‌تری از وسط متن مقاله هست.
• ظاهر موبایل رو بررسی کنید: دکمه نباید از عرض صفحه بیرون بزنه یا متنش به‌شکل نامرتب در چند خط بشکنه.
• فاصله مناسب بدید: دکمه نباید به متن، تصویر نویسنده یا دکمه‌های اشتراک‌گذاری بچسبه.

اگه از کد بخش قبل استفاده کردید، می‌تونید ظاهر کلاس author-facebook-link رو با CSS قالب تغییر بدید. بهتره رنگ، گوشه‌ها و اندازه این دکمه با بقیه دکمه‌های سایتتون هماهنگ باشه.

نکات امنیتی، سرعت و حریم خصوصی

• آدرس رو قبل از ذخیره بررسی کنید: دامنه‌های شبیه فیسبوک ممکنه برای فیشینگ ساخته شده باشن. فیشینگ یعنی یک صفحه جعلی که تلاش می‌کنه اطلاعات ورود کاربر رو بگیره.
• از آدرس امن استفاده کنید: لینک باید با https:// شروع بشه.
• خروجی رو پاک‌سازی کنید: اگه لینک با کد قالب نمایش داده می‌شه، از تابع مناسب وردپرس مثل esc_url() کمک بگیرید.
• مقصد رو پنهان نکنید: متن دکمه باید به خواننده بگه که بعد از کلیک وارد فیسبوک می‌شه.
• کد شخص ثالث رو بی‌دلیل بارگذاری نکنید: برای یک لینک ساده به پروفایل نویسنده، به اسکریپت تبلیغاتی یا ابزار جاسازی‌شده نیازی ندارید.
• اطلاعات خصوصی رو منتشر نکنید: فقط آدرسی رو بذارید که خود نویسنده نمایش عمومی اون رو تأیید کرده.

یک لینک ساده، محتوای فیسبوک رو داخل سایتتون بارگذاری نمی‌کنه. مرورگر فقط بعد از کلیک بازدیدکننده روی لینک با فیسبوک ارتباط می‌گیره. این روش معمولاً از جاسازی ابزارهای خارجی ساده‌تر و سبک‌تره.

رفع مشکل نمایش‌ندادن لینک فیسبوک نویسنده

بررسی کامل‌بودن آدرس فیسبوک

آدرس رو از شناسنامه کاربر کپی کنید و مستقیم داخل مرورگر بازش کنید. مطمئن بشید آدرس کامل و بدون فاصله هست و با https:// شروع می‌شه. اگه از کد این آموزش استفاده کردید، آدرس‌های خارج از دامنه فیسبوک ذخیره نمی‌شن.

پاک‌کردن کش وردپرس و مرورگر

کش یک نسخه آماده از صفحه رو نگه می‌داره تا سایت سریع‌تر باز بشه. بعد از تغییر پروفایل یا قالب، کش افزونه، سرور، شبکه توزیع محتوا و مرورگر رو پاک کنید. بعد دوباره صفحه رو در پنجره ناشناس مرورگر باز کنید.

بررسی پشتیبانی قالب از اطلاعات نویسنده

اینکه فیلد فیسبوک داخل شناسنامه دیده می‌شه، لزوماً به این معنی نیست که لینک به‌صورت خودکار در سایت هم نمایش داده می‌شه. قالب باید کد نمایش اون فیلد رو داشته باشه. پس جعبه معرفی نویسنده و گزینه نمایش اون زیر نوشته‌ها رو در تنظیمات قالب بررسی کنید.

پیداکردن تداخل افزونه یا قالب

اگه لینک بعد از نصب یک افزونه یا تغییر قالب ناپدید شده، ممکنه تداخلی پیش اومده باشه. اول از سایت نسخه پشتیبان بگیرید. بعد در یک محیط آزمایشی، افزونه‌های مربوط به پروفایل نویسنده و شبکه‌های اجتماعی رو یکی‌یکی غیرفعال کنید. اگه با فعال‌کردن یک افزونه مشکل دوباره برمی‌گرده، همون افزونه و تنظیماتش رو دقیق‌تر بررسی کنید.

برای بررسی قالب هم بهتره از محیط آزمایشی کمک بگیرید و موقتاً یکی از قالب‌های پیش‌فرض وردپرس رو فعال کنید. این آزمایش رو مستقیم روی یک سایت پربازدید انجام ندید؛ چون ظاهر سایت برای کاربران تغییر می‌کنه.

سؤال‌های پرتکرار درباره لینک فیسبوک نویسنده

جمع‌بندی و انتخاب روش مناسب

برای یک نوشته یا برگه، بلوک دکمه‌های وردپرس سریع‌ترین انتخابه. اگه قالب سایتتون فیلد شبکه‌های اجتماعی نویسنده رو داره، بهتره از همون قابلیت استفاده کنید تا لینک زیر همه نوشته‌های اون نویسنده دیده بشه.

برای یک سایت چندنویسنده‌ای، ساخت فیلد جداگانه برای هر کاربر انتخاب دقیق‌تریه. فقط یادتون نره آدرس‌ها رو اعتبارسنجی کنید، خروجی رو امن نشون بدید و دکمه رو برای فیلدهای خالی مخفی نگه دارید. در بیشتر مواقع، همین لینک مستقیم و ساده تمام چیزیه که برای افزودن لینک فیسبوک نویسنده در وردپرس نیاز دارید؛ بدون ابزارهای تبلیغاتی و کدهای اضافی شخص ثالث.

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.