كيفية جعل زر يوجه لموقع الشركة باستخدام URL مخصص

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

إضافة الحقل المخصص

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

إنشاء الزر في القالب

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

ستكون الشيفرة التي تحتاجها كما يلي:

<?php 
$employer_website = get_post_meta(get_the_ID(), 'employer-website', true); 
if ($employer_website) : ?>
    <a href="<?php echo esc_url($employer_website); ?>" class="button" target="_blank">زيارة موقع صاحب العمل</a>
<?php endif; ?>

في هذه الشيفرة، نحن نحصل على URL من الحقل المخصص "employer-website". إذا كان الحقل يحتوي على قيمة، نقوم بإنشاء زر. هذا الزر يقوم بتوجيه المستخدم إلى موقع صاحب العمل في نافذة جديدة.

التأكد من سلامة الروابط

من المهم التحقق من سلامة URL الذي قد تم إدخاله في الحقل المخصص. تأكد دومًا من أن الرابط صحيح ويؤدي إلى موقع فعال. يمكنك استخدام أدوات مثل "Validate URL" للتحقق من صحة الروابط.

تحسين التجربة للمستخدمين

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

.button {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
}
.button:hover {
    background-color: #005177;
}

استنتاج

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

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

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