ایجاد و بهینه سازی فایل robots.txt

فایل robots.txt اولین فایلی است که هر روبات در هنگام ورود به سایت با آن برخورد می‌کند. این فایل بایدها و نبایدهای سایت را به ربات منتقل می‌کند و به طور کلی مسیر حرکت در سایت را به ربات جستجوگر نشان می‌دهد. در این مطلب از حلقه وردپرس نکات کاربردی و روش‌هایی برای بهینه سازی این فایل را به شما معرفی می‌کنیم که قطعا در سئو بهتر سایت شما تاثیر خواهند داشت. با ما همراه باشید…

ضرورت ایجاد فایل robots.txt

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

اگر هنوز آن را نساخته‌اید، یک فایل با نام robots.txt در ریشه هاست سایت ایجاد کنید. یعنی مسیر فایل به شکل “www.yourdomain.com/robots.txt” خواهد بود.

پیکربندی و ساخت فایل robots.txt

ساخت و نوشتن کد در این فایل بسیار ساده است. برای این کار در خط اول، عبارت User-Agent را برای معرفی ربات‌های مورد نظر خود وارد کنید. در مقابل آن نام ربات‌های در نظر گرفته شده را بنویسید(برای مثال  Googlebot , Bingbot و…). در صورت وارد کردن “*” ، این فایل تمام ربات‌های متصل شونده به سایت را مورد خطاب قرار خواهد داد.

در خطوط بعد با استفاده از دستورات Allow و Disallow، به ترتیب صفحاتی که تمایل به ایندکس آن‌ها داریم و صفحاتی که تمایل به ایندکس آن‌ها نداریم را معرفی می‌کنیم. برای مثال یک مورد ساده برای محتویات فایل ربات به صورت زیر است:

User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /readme.html

سئو و بهینه سازی فایل robots.txt با معرفی نقشه سایت

معمولا آدرس نقشه سایت به صورت اتوماتیک توسط افزونه‌های سئو سایت به فایل robots.txt اضافه می‌شود. در غیر این صورت برای اضافه کردن آن به صورت دستی می‌توانید از کد زیر استفاده کنید(به جای “http://www.example.com/sitemap.xml” آدرس نقشه سایت را درج کنید):

Sitemap: http://www.example.com/sitemap.xml

یک فایل robots.txt ایده‌آل به چه صورت است؟

کد زیر یک فایل robots.txt ساده را نشان می‌دهد که اکثر سایت‌ها نیز به همین صورت فایل روبات خود را پیکربندی می‌کنند:

User-agent: *
Disallow:

Sitemap: http://www.example.com/sitemap.xml

این کد ساده به ربات‌ها اجازه دسترسی به تمام لینک‌های معرفی شده در نقشه سایت را می‎‌دهد.

در زیر نیز یک مورد فایل ربات قرار گرفته که از تمام عناصر استفاده و robots.txt نسبتا جامعی را ایجاد کرده است:

User-Agent: *
Allow: /?display=wide
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /readme.html
Disallow: /refer/

Sitemap: http://www.sample.com/post-sitemap.xml
Sitemap: http://www.sample.com/page-sitemap.xml
Sitemap: http://www.sample.com/deals-sitemap.xml
Sitemap: http://www.sample.com/hosting-sitemap.xml

موفق باشید!

درخواست تایید در هنگام انتشار پست در وردپرس با افزونه Publisher Confirmation

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

جلوگیری از منتشر شدن اتفاقی پست با افزونه Publisher Confirmation

با ورود به بخش افزونه ها » افزودن و جستجوی عبارت “Publisher Confirmation” ، می توانید اقدام به نصب این افزونه کنید. علاوه‌بر این جهت راه‌اندازی به روش دستی از این لینک استفاده کنید.

درخواست تایید در هنگام انتشار پست در وردپرس با افزونه Publisher Confirmation

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

تا کنون بیش از دو سال از بروزرسانی این افزونه گذشته است، ولی عملکرد آن تا نسخه ۳٫۸٫۱ وردپرس بدون مشکل بوده و بدون نگرانی می‌توانید از آن بهره ببرید.

در پایان آموزش کد زیر را برای شما قرار داده‌ایم که با اضافه کردن آن به فایل فانکشن قالب (functions.php) می‌توانید، متن پیام را به دلخواه خود تغییر دهید:

// This is the confirmation message that will appear.
$c_message = 'Are you SURE you want to publish this post?';

function confirm_publish(){

global $c_message;
echo '<script type="text/javascript"><!--
var publish = document.getElementById("publish");
if (publish !== null) publish.onclick = function(){
return confirm("'.$c_message.'");
};
// --></script>';
}
add_action('admin_footer', 'confirm_publish');

موفق باشید!

نمایش تصویر لودینگ پیش از ورود به سایت وردپرس

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

آموزش نمایش تصویر لودینگ پیش از ورود به سایت

کد زیر را به فایل استایل قالب وردپرس(style.css) اضافه کنید. این کد آدرس و جایگاه تصویر لودینگ را مشخص می‌کند:

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/loading.gif') center center no-repeat #f8f8f8;
}

در این کد تصویر لودینگ در آدرس ” images/loading.gif” سایت فراخوانی شده است. پس یا تصویر مورد نظرتان را در این آدرس ذخیره کنید و یا آدرس را مناسب با محل قرارگیری تصویر لودینگ تغییر دهید.

برای دانلود یک مورد تصویر لودینگ کلیک کنید. 

در مرحله بعد کد زیر را به فایل هدر قالب (header.php) پس از تگ <body> اضافه کنید:

<div class="loader"></div>

پس از آن لارم است جی‌کوئری را فراخوانی کنید. در صورتی که فایل این کتابخانه را پیش‌تر به هاست خود اضافه کرده‌اید آدرس آن را جایگزین آدرس این کد کرده و آن را بین تگ‌های <head> و </head> موجود در فایل هدر قرار دهید:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

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

<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>

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

این تصویر به صورتی ساده در نظر گرفته شد تا صرفا ساختار کدهای “نمایش محتوا قبل از لود سایت” معرفی گردد. شما می‌توانید محتویات تابع <div class=”loader”> را به سلیقه خود ویرایش کرده و تغییر دهید.

موفق باشید!

آموزش ساخت متاباکس وردپرس

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

 چرا متاباکس ایجاد کنیم؟

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

آموزش ساخت متاباکس وردپرس

گاهی ماهیت یک متاباکس در مورد یک مطلب و نوشته کاربردی نداشته و نویسنده آن را خالی و بدون تغییر باقی می‌گذارد. برای معرفی این موقعیت به وردپرس کد زیر را به فایل فانکشن(function.php) اضافه کنید:

// تابع برگرداندن مقدار فیلد ها
function wpt_get_custom_field( $value ) {
global $post;

$custom_field = get_post_meta( $post->ID, $value, true );
if ( !empty( $custom_field ) )
return is_array( $custom_field ) ? stripslashes_deep( $custom_field ) : stripslashes( wp_kses_decode_entities( $custom_field ) );

return false;
}

در مرحله بعد متاباکسی را با نام “متاباکس آزمایشی حلقه وردپرس” از طریق کد زیر به وردپرس معرفی می‌کنیم. بعد از آن یک تب جدید به صفحه ایجاد نوشته و برگه اضافه خواهد شد. این کد را نیز به فایل فانکشن(function.php) اضافه کنید.

// ایجاد متاباکس
function wpt_add_custom_meta_box() {
add_meta_box( 'wpt-meta-box', __( 'متاباکس آزمایشی حلقه وردپرس', 'textdomain' ), 'wpt_meta_box_output', 'post', 'normal', 'high' ); // ایجاد متاباکس برای نوشته‌‌ها
add_meta_box( 'wpt-meta-box', __( 'متاباکس آزمایشی حلقه وردپرس', 'textdomain' ), 'wpt_meta_box_output', 'page', 'normal', 'high' ); // ایجاد متاباکس برای برگه‌ها
}
add_action( 'add_meta_boxes', 'wpt_add_custom_meta_box' );

پس از ذخیره فایل فانکشن شاهد ایجاد تبی مانند تصویر زیر به صفحه ایجاد برگه/نوشته خواهید بود. در این کد کلمه normal باعث می‌شود تب متاباکس در زیر فیلد درج نوشته قرار گیرد. اگر تمایل دارید این موقعیت به سایدبار سمت چپ وردپرس منتقل شود(مانند متاباکس وضعیت، دسته‌بندی و…) این مقدار را به side تغییر دهید. کلمه high نیز به معنای اولویت‌بندی متاباکس است که باعث نمایش تب آن به عنوان اولین بالاترین تب می‌شود.

آموزش ساخت متاباکس وردپرس

آموزش ساخت متاباکس وردپرس

اما همانطور که مشاهده می‌کنید، فقط عنوان متاباکس در این صفحه درج شده و هیچ فیلدی برای دریافت متن وجود ندارد. جهت اضافه کردن فیلد به متاباکس کد زیر را به کدهای قبلی اضافه کنید:

// افزودن فیلد به متاباکس
function wpt_meta_box_output( $post ) {
// ساخت فیلدها
wp_nonce_field( 'my_wpt_meta_box_nonce', 'wpt_meta_box_nonce' ); ?>

<p>
<label for="wpt_textfield"><?php _e( 'عنوان', 'textdomain' ); ?>:</label>
<input type="text" name="wpt_textfield" id="wpt_textfield" value="<?php echo wpt_get_custom_field( 'wpt_textfield' ); ?>" size="50" />
</p>

<p>
<label for="wpt_textarea"><?php _e( 'متن', 'textdomain' ); ?>:</label><br />
<textarea name="wpt_textarea" id="wpt_textarea" cols="60" rows="4"><?php echo wpt_get_custom_field( 'wpt_textarea' ); ?></textarea>
</p>

<?php
}

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

آموزش ساخت متاباکس وردپرس

آموزش ساخت متاباکس وردپرس

در مرحله بعد قصد داریم محتویات متاباکس های هر نوشته/برگه را به عنوان یک ویژگی آن در نظر بگیریم تا در هنگام نمایش نوشته/برگه، محتویات فیلدهای متاباکس نمایش داده شوند. برای این کار کد زیر را به فایل فانکشن اضافه کنید:

// ذخیره مقدار فیلد ها
function wpt_meta_box_save( $post_id ) {
// جلوگیری از اجرای اسکریپت زمانی که وردپرس در حال ذخیره خودکار است
if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;

// بررسی فعلی متاباکس
if( !isset( $_POST['wpt_meta_box_nonce'] ) || !wp_verify_nonce( $_POST['wpt_meta_box_nonce'], 'my_wpt_meta_box_nonce' ) ) return;

// جلوگیری از اجرای اسکریپت زمانی که کاربر اجازه ویرایش ندارد
if( !current_user_can( 'edit_post' ) ) return;

// ذخیره فیلد عنوان
if( isset( $_POST['wpt_textfield'] ) )
update_post_meta( $post_id, 'wpt_textfield', esc_attr( $_POST['wpt_textfield'] ) );

// ذخیره فیلد متن
if( isset( $_POST['wpt_textarea'] ) )
update_post_meta( $post_id, 'wpt_textarea', esc_attr( $_POST['wpt_textarea'] ) );
}
add_action( 'save_post', 'wpt_meta_box_save' );

در مرحله آخر کافیست به فایل نمایش مطلب/برگه قالب خود دستور دهیم، محتویات متاباکس را در کدام موقعیت از صفحه نمایش دهد. برای این کار کد زیر را در جای مناسب از قالب(فایل single.php و یا فایل سایدبار مرتبط با صفحات برگه و نوشته) قرار دهید. نام فیلد مورد نظر را جایگزین عبارت id کنید:

get_post_meta( get_the_ID(), ‘id’, true )

موفق باشید!

آموزش تغییر سایز فونت در نوشته‌های وردپرس با افزونه TinyMCE Advanced

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

راه‌اندازی و کار با TinyMCE Advanced :

با ورود به بخش افزونه ها » افزودن و جستجوی عبارت “TinyMCE Advanced” ، می توانید اقدام به نصب این افزونه کنید. علاوه‌بر این جهت راه‌اندازی به روش دستی از این لینک استفاده کنید.

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

آموزش تغییر سایز فونت در نوشته‌های وردپرس با افزونه TinyMCE Advanced

آموزش تغییر سایز فونت در نوشته‌های وردپرس با افزونه TinyMCE Advanced

در پایین این صفحه  لیست تمام ابزار قابل افزودن به بخش نگارش نوشته‌های وردپرس وجود دارد. “اندازه قلم”(یا Font size) را گرفته و در مکان مناسبی از قسمت بالای صفحه در میان ابزار فعال قرار دهید. تغییرات را ذخیره کنید. پس از انجام این مراحل به صفحه ایجاد نوشته بروید، در قسمت ابزار‌های نوشتاری گزینه‌ی اندازه قلم را مشاهده خواهید کرد. از این پس قادر خواهید بود مطالب وب سایت خود را با کیفیتی مشابه فایل‌های آفیس در اختیار بازدیدکنندگان وب‌سایت خود قرار دهید.

آموزش تغییر سایز فونت در نوشته‌های وردپرس با افزونه TinyMCE Advanced

آموزش تغییر سایز فونت در نوشته‌های وردپرس با افزونه TinyMCE Advanced

در اینجا آموزش تغییر سایز فونت نوشته‌ها از سری مطالب دسته بندی “افزونه‌“های سایت حلقه وردپرس به پایان می‌رسد. در این مطلب به یک معرفی کوتاه و آموزش کار افزونه TinyMCE Advanced پرداختیم. برخی عقیده دارند استفاده از نوشته‌ها با سایزهای مختلف در سئوی وب‌سایت تاثیر دارد. امیدوارم این پست باعث جلب بازدیدکنند و موفقیت شما شود.

موفق باشید!

 

نمایش حرفه‌ای منبع خبر با افزونه Rootitr وردپرس

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

راه‌اندازی و کار با Rootitr:

با ورود به بخش افزونه ها » افزودن و جستجوی عبارت “Rootitr” ، می توانید اقدام به نصب این افزونه کنید. علاوه‌بر این جهت راه‌اندازی به روش دستی از این لینک استفاده کنید.

 

در ادامه راه‌اندازی افزونه، کدهای زیر را متناسب با کد نویسی قالب خود در فایل نمایش دهنده اخبار قرار دهید. (برای مثال فایل single.php یا فایل sidebar.php قسمت اخبار)

نمایش روتیتر:

<?= get_rootitr('rootitr') ?>

نمایش منبع:

<?= get_rootitr('manba') ?>

نمایش نام گزارشگر:

<?= get_rootitr('gozaresh') ?>

نمایش نام تصویرگر:

<?= get_rootitr('axha') ?>

نمایش مرجع:

<?= get_rootitr('copy') ?>

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

<?php if (function_exists('get_rootitr')){ ?>
<h3><?= get_rootitr('rootitr') ?></h3>
<h1><?php the_title(); ?></h1>
<p><?php the_excerpt(); ?></p>
<small><?= get_rootitr('manba') ?></small>
<?php } ?>

تعیین جزئیات منبع خبر و نمایش آن در صفحه خبر:

پس از تعیین این موارد، فایل را ذخیره کنید و به قسمت ایجاد نوشته بروید. شاهد اضافه شدن تب جدیدی تحت عنوان جزئیات خواهید بود. در این قسمت با پر کردن هر فیلد و انتشار خبر، نوشته فیلد در مکانی که قبل تر در فایل single.php (یا sidebar.php یا index.php) قالب تعیین کرده‌اید، نمایش داده خواهد شد.

نمایش حرفه‌ای منبع خبر با افزونه Rootitr وردپرس

نمایش حرفه‌ای منبع خبر با افزونه Rootitr وردپرس

موفق باشید!

آموزش نمایش مطالب به صورت تصادفی در وردپرس

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

در این پست از وب سایت حلقه وردپرس قصد داریم کد ساده را برای نمایش مطالب به صورت تصادفی به شما معرفی کنیم. با ما همراه باشید…

کد نمایش مطالب به صورت تصادفی:

یکی از بهترین قسمتی های این آموزش راحتی کار با کد و جایگیری آن است. این کد را می‌توانید به راحتی در هر بخش از قالب که مد نظر دارید به کار ببرید. برای مثال در اینجا فرض می‌کنیم قرار است مطالب تصادفی در قسمت سایدبار قالب قرار گیرد. به این منظور کد زیر را در فایل اطلاعات سایدبار(sidebar.php) قرار دهید:


<li><h2>Random Post</h2>
<ul>
<?php $posts = get_posts('orderby=rand&numberposts=5'); foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</li>
<?php } ?>
</ul>
</li>

در این کد تعداد پست‌های نمایش داده شده، ۵ عدد در نظر گرفته شده است و با توجه به نیاز خود می‌توانید این قسمت را تغییر دهید. (numberposts=5)

پس از ذخیره اطلاعات شاهد نمایش مطالب به صورت تصادفی خواهید بود. مثل همیشه با داشتن اندک مهارت و دانشی از کدنویسی css قادر خواهید بود طراحی و فرم این بخش را مناسب با قالب خود تغییر دهید.

موفق باشید!

آموزش ایجاد جدول قیمت وردپرس با Price Table

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

راه‌انداری و کار با Price Table

با ورود به بخش افزونه ها » افزودن و جستجوی عبارت “pricetable” ، می توانید اقدام به نصب این افزونه کنید. علاوه‌بر این جهت راه‌اندازی به روش دستی می توانید از این لینک استفاده کنید.

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

پس از نصب، گزینه‌ای تحت عنوان Price Table به داشبورد پنل مدیریت وردپرس شما اضافه خواهد شد. ساخت این جدول همانند ایجاد کردن یک پست سفارشی است، با این تفاوت که شما می‌توانید موقعیت ستون‌ها را با استفاده از ویژگی drag drop مرتب کنید.

برای ساخت جدول جدید گزینه‌ی Add New را بزنید. پس از آن، در صفحه‌ی ساخت جدول روی نوشته ” Add Column ” کلیک کنید تا ستون مربوط به درج اطلاعات یک کالا درج شود. با استفاده از افزونه “Price Table” شما می‌توانید، ۴ ستون را در یک سطر قرار دهید. اما پیشنهاد ما به شما ساخت جدول‌های سه ستونه است. زیرا در این صورت زیبایی جدول حفظ خواهد شد.

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

پس از تکمیل ستون‌های مورد نظر، برای جلوتر نشان‌دادن یک ستون از کلید رادیویی “Recommend”  در بالای آن ستون استفاده کنید.

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

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

تصویر زیر یکی از جدول‌های تولید شده توسط این افزونه است.

آموزش ایجاد جدول قیمت وردپرس با Price Table

آموزش ایجاد جدول قیمت وردپرس با Price Table

در اینجا آموزش ایجاد جدول قیمت از دسته آموزش‌های سایت حلقه وردپرس به پایان می‌رسد. موفق باشید!

آموزش نمایش آخرین مطالب ارسال شده وردپرس

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

آموزش نمایش آخرین مطالب ارسال شده وردپرس

در صورتی که قالب شما از قابلیت تصویر شاخص پشتیبانی نمی‌کند، کد زیر را در فایل فانکشن قالب(functions,php) کپی کنید:

add_theme_support('post-thumbnails');
if ( function_exists('add_theme_support') ) {add_theme_support('post-thumbnails');}

در غیر این صورت به مرحله بعد بروید.

کد نمایش آخرین مطالب ارسال شده وردپرس

حال با قرار دادن کد زیر در هر قسمت از قالب، آخرین مطالب ارسال شده نمایش داده خواهد شد:

<ul>
<?php
global $post;
$myposts = get_posts(array('numberposts' => 5, 'offset' => 0,'post_status'=>'publish'));
foreach($myposts as $post) :
setup_postdata($post);
?>
<li>
<?php
if(has_post_thumbnail()) {
echo '<a href="'.get_permalink().'">';
echo get_the_post_thumbnail($post->ID, array(50,50) );
echo '</a>';
} ?>
<h2><a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a></h2>
</li>
<?php endforeach; ?>
<?php wp_reset_query(); ?>
</ul>

توجه داشته باشید که در کد بالا، array(50,50) ، تعیین کننده‌ی سایز طول و عرض تصویر شاخص شما بوده و با تغییر این مقدار می‌توانید تصاویر شاخص را در سایزهای مختلف به نمایش بگذارید. ضمنا مقدار ۵ موجود در کد numberposts’ => 5 ، تعیین کننده‌ی تعداد پست‌هایی است که توسط این پست نمایش داده می‌شود.

با اندک دانشی از زبان css  قادر خواهید بود، از این کد متناسب با طراحی قالب خود استفاده کنید.

موفق باشید!