موقع ووردبريس المأجورون للأعضاء فقط

نشرت: 2020-05-19

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

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

محتوى للأعضاء فقط بدون البرنامج المساعد

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

<?php if ( is_user_logged_in() ) { ?>
// Content for Logged in user
<?php } else {?>
// Content for everyone else
<?php }?>

WordPress Hacks for Members Only Website

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

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

<?php ks29so_login_form(); ?>

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

هنا رمز للقيام بذلك. الصق الكود التالي حيثما تريد أن يظهر النموذج.

// WordPress Login Form
<?php if (!(current_user_can(‘level_0′))){ ?>
<h3>Member Login</h3>
<form action="<?php echo get_option(‘home’); ?>/wp-login.php" method="post">
<table width=’100%’ cellspacing="0" cellpadding="0">
<tr>
<td>
<label><?php _e( ‘Username’ ) ?></label>
<input type="text" name="log" class="input" value="<?php echo attribute_escape(stripslashes($user_login)); ?>" />
</td>
<td>
<label><?php _e( ‘Password’ ) ?></label>
<input type="password" name="pwd" class="input" value="" />
</td>
</tr>
<tr>
<td colspan="2"><?php do_action(‘login_form’); ?>
</td>
</tr>
<tr>
<td>
<a href="<?php echo site_url(‘wp-login.php?action=lostpassword’, ‘login’) ?>" title="<?php _e(‘Password Lost and Found’) ?>"><?php _e(‘Forgot Password?’) ?></a>
</td>
<td>
<input type="submit" name="submit" value="Log In" class="button" />
<input type="hidden" name="redirect_to" value="http://<?php echo $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] ?>" />
</td>
</tr>
</table>
</form>
<?php } else { ?>
<!– When User logged in Show the following info –>
<h2>Logout</h2>
<?php get_currentuserinfo();?>
Welcome Back &nbsp<?php echo($current_user->user_login . " ");?><br />
<a href="<?php echo ks29so_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">Logout</a><br />
<a href="<?php echo get_admin_url(); ?>">Admin?</a><!– If you are admin goes to admin dashboard –>
<?php }?>

يمكنك إضافة علامة div CSS لتصميمها. ميزة استخدام نموذج تسجيل الدخول هذا يمكنك تقريبًا إنشاء لوحة تحكم صغيرة للأعضاء باستخدام وظيفة get_currentuserinfo () وإظهار أي معلومات عن المستخدم.

قائمة ووردبريس مخصصة للأعضاء

مثل المحتوى ، يمكنك إنشاء قائمة WordPress مخصصة للأعضاء. لنقم بتسجيل القائمة أولاً. انتقل إلى ملف وظيفة السمة (function.php). استخدم الكود التالي لتسجيل القوائم.

register_nav_menus( array(
‘primary’ => __( ‘Primary Navigation’, ‘twentyten’ ),
‘visitor’ => __( ‘Visitor Navigation’, ‘twentyten’ ),
‘footer’ => __( ‘Footer Navigation’, ‘twentyten’ ),
) );

الآن ، ضع الكود التالي حيث تريد أن تظهر قائمتك ، على الأرجح داخل ملف header.php.

<?php
if ( is_user_logged_in() ) {
ks29so_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) );
} else {
ks29so_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘visitor’ ) );
};?>

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

يمكنك أيضًا إنشاء قائمة تذييل ديناميكية باستخدام نفس الطريقة.

حقول ووردبريس المخصصة والمخترقون للمدونين

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

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

اسم المؤلف الضيف في الصفحة الأولى والمشاركات الفردية

أول شيء يتعين علينا القيام به هو تعيين WordPress if عبارة للحصول على قيمة الحقل المخصص. بهذه الطريقة سيظهر فقط عند تعيين قيمة الملف المخصص. افتح "index.php" و "single.php" والصق الكود التالي حيث تريد أن يظهر اسم المؤلف. يمكن أن يكون بعد التاريخ أو بعد التعليقات. على سبيل المثال بعد هذا الرمز:

<?php the_time(‘M j, Y’) ?>
< ?php if ( get_post_meta($post->ID, 'guest_author_name', true) ) { ?>
// check to see if custom field guest author name exists
< ?php echo get_post_meta($post->ID, "guest_author_name", $single = true); ?>
< ?php } ?>\

بمجرد أن نضع عبارة if ، نسميها على أي منشور نريد أن يظهر اسم المؤلف الضيف. يجب أن يظهر اسم المؤلف الضيف على الصفحة الأولى ولمنشور محدد فقط.

كتلة معلومات المؤلف الضيف على منشور فردي

حسنًا ، يظهر الاسم في الوصف التعريفي المنشور ولكن بعض المعلومات حول المؤلف الضيف ستكون لطيفة أيضًا.

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

<?php if ( get_post_meta($post->ID, ‘autho_thumb’, true) ) { ?> // checks to see if the custom field exist
<div class="writer_bio">
<img class="autho_thumb" src="http://media.webdesignviews.com/author/<?php $values = get_post_custom_values("autho_thumb"); echo $values[0]; ?>" alt="Author Thumb" width="60" width="60" height="60" /><?php } ?
<?php if ( get_post_meta($post->ID, ‘guest_author’, true) ) { ?>
<?php echo get_post_meta($post->ID, "guest_author", $single = true); ?></div>
<?php } ?>

هنا هو CSS الذي استخدمته

.writer_bio {
color: #666;
background: #eee;
text-transform: none !important;
font-size: 13px;
font-weight: normal;
height: 75px;
width: 600px;
padding: 6px;
padding-bottom: 6px;
padding-left: 0;
margin-bottom: 10px;
}
.writer_bio img {
padding: 0 !important;
float: left !important;
margin-left: 4px !important;
margin-top: 3px !important;
border: 2px #ccc solid !important;
height: 60px;
}

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

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

حقل مخصص أفضل لعرض صورة المنشور على الصفحة الأولى

تُستخدم هذه الطريقة لعرض إبهام للمنشور على المقدمة. كنت أرغب في المضي قدمًا في الأمر قليلاً وتسهيله على مستخدم الواجهة الأمامية. أيضًا ، باستخدام طريقة جين ، سيكون لكل الصور نفس alt = "post-image" وقد لا أكون جيدًا لمحركات البحث. علاوة على ذلك ، سيتعين عليك تضمين عنوان URL الكامل للصور في كل مرة. أولاً ها هو الكود:

<?php $postimageurl = get_post_meta($post->ID, ‘post-img’, true);
// variable for image
$image_alt = get_post_meta($post->ID, ‘post-img’, true);// variable for description
// check if the the custom field is called
if ($postimageurl) {
?>
<a href="<?php the_permalink(); ?>" rel="bookmark"><img src="<?php echo $postimageurl; ?>" class=
quot;post-img" alt="<?php echo $image_alt; ?>"; width="500" height="300" /></a>
<?php } else { ?>

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

أولاً ، لدينا متغيرين $ postimageurl و $ image_alt. الأول هو الحصول على موقع الصورة والثاني هو إضافة اسم الصورة. ثم مرة أخرى ، قمنا بتعيين عبارة if للتحقق من استدعاء الحقل المخصص.

<?php echo get_option(‘siteurl’).‘/wp-content/uploads/thumb/’?>

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

إذا كنت تريد دليلًا مختلفًا مثل لنفترض أنك ستخزن صورك في جذر نطاقك <?php echo get_option('siteurl').'/wp-content/uploads/thumb/ ?><?php echo $postimageurl; ?> <?php echo get_option('siteurl').'/wp-content/uploads/thumb/ ?><?php echo $postimageurl; ?> مع http://yourwebsite.com/images/<?php echo $postimageurl; ?> http://yourwebsite.com/images/<?php echo $postimageurl; ?> .

لذلك ، يتم تعديل الرمز قليلاً بحيث يكون لكل صورة منشور بديل (عنوان) مختلف ويمكنك كتابة ملحق اسم الصورة بدلاً من عنوان URL بالكامل.

رتب التنقل في WordPress الخاص بك كما تريد

أول شيء يجب معرفته هو صفحات قائمة Wordpress باستخدام علامة ks29so_list_pages ، والتي توجد عادةً في header.php. ولكن قد لا ترغب في سرد ​​كافة صفحاتك. إذا كنت تريد إخفاء بعض صفحاتك من الظهور ، فيمكنك القيام بذلك:

<?php ks29so_list_pages(‘include=7,13′ ); ?>
//or
<?php ks29so_list_pages(‘exclude=5,9′);? >

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

كيف تجد معرف صفحة WordPress الخاصة بك

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

في الإصدارات القديمة من WordPress ، أعتقد أن هذا كان أسهل ، ولكن إليك كيفية القيام بذلك الآن.

  1. انتقل إلى لوحة إدارة WordPress ثم انتقل إلى Pages.
  2. ثم مرر مؤشر الماوس فوق الصفحة التي تريد معرفة معرّفها.
  3. سترى المعرف في شريط الحالة أسفل المتصفح (انظر أدناه).

إذا لم تتمكن من رؤية العنوان الكامل ، فجرّب طريقة أخرى (أدناه).

  1. انتقل إلى لوحة إدارة WordPress ثم انتقل إلى Pages.
  2. ثم سترى المعرف في شريط العناوين. سيكون الرقم بعد علامة التساوي.
  3. انقر فوق الصفحة التي تريد معرفة هوية التعريف الخاصة بها.

يتم عرض موضوع الأرشيف

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

<?php /* If this is a category archive */ if (is_category()) { ?>
<h3 class="pagetitle">Current Browsing Topic: &#8216;<?php single_cat_title(); ?>&#8217;</h3>
<?php /* If this is a tag archive */ } elseif( is_tag() ) { ?>
<h3 class="pagetitle">Posts Tagged &#8216;<?php single_tag_title(); ?>&#8217;</h3>