۴ روش‌ افزایش بازدید پست‌های قدیمی وردپرس

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

۴ روش‌ افزایش بازدید پست‌های قدیمی :

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

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

در زمینه‌ی به اشتراک گذاری مطالب افزونه Revive Old Post وردپرس بهترین عملکرد را دارد. این افزونه به راحتی و با تنظیمات ساده، مطالب سایت شما را به طور اتوماتیک در شبکه‌های اجتماعی شر می‌کند.

4 روش‌ افزایش بازدید پست‌های قدیمی وردپرس

  1. ایجاد قسمت مطالب مرتبط در صفحه پست‌ها

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

“مطالب مرتبط بدون نیاز به افزونه”

4 روش‌ افزایش بازدید پست‌های قدیمی وردپرس

  1. ایجاد قسمت مطالب محبوب

این جمله را به یاد داشته باشید: “صرفا ۲۰% از محتوا سایت، ۸۰% ترافیک آن را در بر می‌گیرد”

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

4 روش‌ افزایش بازدید پست‌های قدیمی وردپرس

  1. ایجاد یک صفحه سفارشی و کاربرپسند برای ارور ۴۰۴

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

4 روش‌ افزایش بازدید پست‌های قدیمی وردپرس

موفق باشید!

 

آموزش قرار دادن ویدیو شاخص برای مطالب وردپرس با افزونه Featured Video Plus

تا کنون به این فکر که افتاده‌اید که نوشته‌های سایتتان علاوه‌بر داشتن تصویر شاخص نیاز به یک کلیپ/فیلم هم دارند؟ افزونه Featured Video Plus به صورت کاملا ساده و به راحتی امکان درج ویدیو شاخص برای مطالب و پست‌های سایت شما را فراهم می‌کند. این افزونه فرم و ساختاری مشابه متاباکس تصویر شاخص دارد و از ویژگی‌های کاربردی آن امکان با آپلود ویدیو از لینک است. Featured Video Plus می‌تواند به راحتی و با دریافت لینک، ویدیوها را از شبکه‌های تصویری مانند YouTube، Vimeo و بارگذاری می‌کند.

در این پست از وب‌سایت حلقه وردپرسقصد داریم به معرفی افزونه کاربردی Featured Video Plus بپردازیم و روش راه‌اندازی و کار با آن را با شما در میان بگذاریم. با ما همراه باشید…

راه‌اندازی و کار با افزونه Featured Video Plus :

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

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

 

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

فراخوانی ویدیو شاخص

در متن نوشته‌ها برای استفاده از ویدیو شاخص از کد زیر استفاده کنید:

[featured-video-plus]
[featured-video-plus width=300] // برای تنظیم سایز

همچنین در فایل‌های php در صورتی که برای صفحه مورد نظر ویدیو شاخص در نظر گرفته شده باشد، می‌توانید برای فرخوانی آن از کدهای زیر استفاده کنید:

the_post_video( $size )
has_post_video( $post_id )
get_the_post_video( $post_id, $size )
get_the_post_video_url( $post_id )
get_the_post_video_image_url( $post_id, $fallback )
get_the_post_video_image( $post_id )

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

موفق باشید!

 

قالب مجله خبری جریده نسخه ۱٫۳٫۲

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

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

ویژگی‌های قالب مجله خبری جریده :

  • کاملا ریسپانسیو (که این ویژگی را می‌توانید با استفاده از گزینه‌ی موجود، فعال یا غیر فعال کنید)
  • دارای فایل css
  • اسلایدر پیشرفته
  • فارسی سازی فوق‌العاده
  • امکان استفاده از فروشگاه ساز ووکامرس
  • امکان سفارشی سازی قالب با استفاده از پنل تنظیمات حرفه‌ای
  • دارای سیستم امتیازدهی
  • سئو بالای قالب
  • بیش از ۵۰۰ فونت آماده گوگل
  • امکان تعیین رنگ سفارشی برای دسته‌ها و پس زمینه قالب
  • پشتیبانی از منو کشویی
  • دارای بخش پروفایل برای کاربران سایت
  • پشتیبانی از شبکه‌های اجتماعی
  • دارای ۹ بخش برای ابزارک و امکان تعریف بخش‌های بیشتر
  • ۲۳ پس‌زمینه‌ی پیشفرض
  • امکان نمایش سایدبار در چپ و راست صفحات
  • نمایش تمام صفحه
  • امکان درج بنر در بالا و پایین مطالب
  • ۳۵ ابزارک اختصاصی شامل ابزارک‌های شبکه‌های اجتماعی
  • دارای ابزارک زبانه‌ای (محبوب‌ترین مطالب، آخرین مطالب و آخرین دیدگاه‌ها)
  • امکان نمایش پست‌ها به صورت تصادفی
  • بیش از ۳ شورت کد
  • دارای ۱۰ ابزارک برای بنرهای تبلیغاتی
  • امکان برجسته کردن متون
  • پشتیبانی از نقشه گوگل
  • پخش کننده صوتی
  • امکان نمایش آنلاین کلیپ
  • کادرهای متنی بازشونده

 

در زیر چند تصویر حاوی اسکرین شات، بیان امکانات و پنل مدیریت قالب، قرار داده شده است:

قالب مجله خبری جاریدا نسخه 1.3.2

تغییرات ورژن های مختلف قالب مجله خبری جریده عبارتند از:

۲٫۲٫۱:

  • بهینه سازی قالب نسبت به نسخه‌های قبلی
  • رفع چند مشکل

۲٫۱٫۱:

  • رفع چندین باگ در جریده
  • افزودن امکانات گوناگون و پیشرفته به قالب
  • امکان درج تبلیغات متنی به صورت حرفه‌ای

۲٫۱٫۰:

  • افزوده شدن پشتیبانی از Buddypress Ready
  • افزوده شدن پشتیبانی از bbPress Ready
  • امکان ترجمه سایت به زبان‌های مختلف با استفاده از افزونه wpml
  • بهبود کدنویسی فایل css
  • بهبود عملکرد فروشگاه (در ووکامرس)
  • رفع مشکلات نمایش در اینترنت اکسپلورر ۹
  • امکان سفارشی سازی دسته‌بندی‌ها
  • بهبود کارکرد قسمت ابزارک
  • افزوده شدن قسمت “مگا منو” جهت تنظیمات دسته‌بندی
  • امکان سفارشی سازی فروشگاه

 

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

موفق باشید!

آموزش ایجاد post type در وردپرس

در سال ۲۰۰۵ و برای اولین بار نسخه ۱٫۵ اسکریپت وردپرس، قابلیت جدیدی را برای وبمسترها فراهم کرد. این ویژگی که post type نام دارد، امکان ایجاد پست‌های وردپرس را در انواع گوناگونی مثل کلیپ، موزیک، خبر و… به کاربران می‌دهد. این ویژگی به پیکربندی حرفه‌ای سایت و همچنین راحت‌تر شدن نویسندگی مطالب مختلف برای سایت کمک بسیاری می‌کند. در این پست از حلقه وردپرس قصد داریم روش ساخت و بکارگیری قابلیت post type را به شما آموزش دهیم. با ما همراه باشید…

ساخت یک گونه‌ی پست (post type) سفارشی

در ابتدا لازم است گونه‌ای از پست‌ها را که بدنبال استفاده از آن در هنگام نوشتن مطلب هستید را به وردپرس معرفی کنید. برای انجام این کار کد زیر را به محتویات فایل فانکشن (functions.php) اضافه کنید:

function my_custom_post_product() {
$args = array();
register_post_type( 'product', $args );
}
add_action( 'init', 'my_custom_post_product' );

شما در این مرحله با استفاده از تابع register_post_type یک نوع پست جدید را ایجاد کردید ولی هنوز اطلاعات مرتبط با آن را به وردپرس معرفی نکرده‌اید. علاوه‌بر این جهت فعالسازی آن کافیست از دستور “public’ => true”  استفاده کنید.

مثال زیر نمونه یک نوع پست (post type) برای مطالب مربوط به کالاهای فروشگاه‌های آتلاین را نمایش می‌دهد:

function my_custom_post_product() {
$labels = array(
'name' => _x( 'محصولات', 'post type general name' ),
'singular_name' => _x( 'محصول', 'post type singular name' ),
'add_new' => _x( 'افزودن جدید', 'book' ),
'add_new_item' => __( 'افزودن محصول جدید' ),
'edit_item' => __( 'ویرایش محصول' ),
'new_item' => __( 'محصول جدید' ),
'all_items' => __( 'همه محصولات' ),
'view_item' => __( 'نمایش محصول' ),
'search_items' => __( 'جست و جو محصول' ),
'not_found' => __( 'محصولی یافت نشد' ),
'not_found_in_trash' => __( 'محصولی در زباله دان یافت نشد' ),
'parent_item_colon' => '',
'menu_name' => 'محصولات'
);
$args = array(
'labels' => $labels,
'description' => 'ذخیره اطلاعات مربوط به محصولات',
'public' => true,
'menu_position' => 5,
'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt', 'comments' ),
'has_archive' => true,
);
register_post_type( 'product', $args );
}
add_action( 'init', 'my_custom_post_product' );

در اینجا به توضیح دستورات به کار رفته در این کد می‌پردازیم.

  • Labels (برچسب‌ها)

به وسیله‌ی Labels امکان استفاده از برچسب‌‌های مورد نیاز مانند Post Type و… را پیدا می‌کنیم.

  • Description (توضیحات)

توضیحی مختصر برای انتخاب post type

  • Public (عمومی)

این بخش فعال بودن یا نبودن post type را تعیین می‌کند. از عبارت true برای فعال سازی و از false جهت غیر فعال کردن استفاده کنید.

  • menu_position(موقعیت منو)

این قسمت موقعیت برای تعیین موقعیت post type در پیشخوان وردپرس استفاده می‌شود.

  • supports (پشتیبانی)

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

  • has_archive (آرشیو)

در صورتی که مقدار این بخش true باشد، وردپرس لیستی از مطالب post types را در اختیار ما قرار می‌دهد.

 

ایجاد دسته‌بندی سفارشی

جدا از دسته‌بندی‌های معمولی وردپرس ممکن است شما نیاز به یک نوع دسته‌بندی دیگر در Post Type ایجاد شده خود داشته باشید. برای انجام این کار کد زیر را به فایل فانکشن اضافه کنید:

function my_taxonomies_product() {
$labels = array(
'name' => _x( 'دسته بندی محصولات', 'taxonomy general name' ),
'singular_name' => _x( 'دسته بندی محصولات', 'taxonomy singular name' ),
'search_items' => __( 'جست و جوی دسته بندی محصولات' ),
'all_items' => __( 'همه دسته بندی محصولات' ),
'parent_item' => __( 'دسته بندی محصول جاری' ),
'parent_item_colon' => __( 'دسته بندی محصول جاری:' ),
'edit_item' => __( 'ویرایش دسته بندی محصول' ),
'update_item' => __( 'تغییر دسته بندی محصول' ),
'add_new_item' => __( 'افزودن دسته بندی جدید محصول' ),
'new_item_name' => __( 'دسته بندی جدید محصول' ),
'menu_name' => __( 'دسته بندی محصولات' ),
);
$args = array(
'labels' => $labels,
'hierarchical' => true,
);
register_taxonomy( 'product_category', 'product', $args );
}
add_action( 'init', 'my_taxonomies_product', 0 );

با استفاده از این کد، اکنون یک نوع دسته‌بندی با نام ” دسته بندی محصولات ” برای Post Typeـی که پیش‌تر ساخته بودید، ایجاد کرده‌اید.

 

ایجاد متاباکس‌های کاستوم

این موضوع پیش‌تر به صورت کامل در پست “آموزش ساخت متاباکس وردپرس” شرح داده شده است.

 

نمایش محتوای Post Type در قالب وردپرس

برای انجام

این کار می‌توانید کد زیر را در مکان مورد نظر قالب خود قرار دهید:

<?php
$args = array( 'post_type' => '<strong>product</strong>', 'posts_per_page' => 10 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();
the_title();
echo '<div>';
the_post_thumbnail();
echo '</div>';
endwhile;
wp_reset_query();
?>

نام تعیین شده در تابع register_post_type را جایگزین عبارت product کنید.

 

فراخونی محتوا متاباکس

از کدهای زیر برای نمایش متاباکس‌ها استفاده کنید:

<?php
// If we are in a loop we can get the post ID easily
$price = get_post_meta( get_post_ID(), 'نام باکس', true );

// To get the price of a random product we will need to know the ID
$price = get_post_meta( $product_id, 'نام باکس', true );
?>

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

موفق باشید!

آموزش تغییر ایمیل پیشفرض وردپرس

پس از نصب و فعالسازی اسکریپت وردپرس، این سیستم به طور اتوماتیک ایمیلی را بر روی دامنه سایت شما ایجاد می‌کند که آدرس آن به شکل wordpress.yoursite.com است. این ایمیل در واقع ارسال کننده گزارشات و رویدادهای سایت (مانند ارسال دیدگاه، گزارش ثبت نام و تغییر پسورد) است. برخی مواقع ممکن است بازدیدکنندگان از این ایمیل را به عنوان پل ارتباطی استفاده کرده و اقدام به ارسال پیشنهادات و انتقادات خود کنند. به غیر از این، دلایل زیادی وجود دارد که ممکن است وبمستر یک سایت را مجبور به تغییر ایمیل پیشفرض وردپرس کند. در این پست از وب‌سایت حلقه وردپرس قصد داریم روشی ساده و سریع را برای تغییر این ایمیل به شما معرفی کنیم. با ما همراه باشد.

تغییر ایمیل پیشفرض وردپرس

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

add_filter('wp_mail_from','from_mail');
function from_mail($content_type) {
return 'your@email.ir';
}

در این کد آدرس ایمیل اصلی وردپرس به ایمیل دلخواه شما تغییر داده می‌شود.

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

موفق باشید!

آموزش قرار دادن پسورد روی پوشه wp-admin در سی پنل

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

قرار دادن یوزرنیم/پسورد روی پوشه wp-admin در سی پنل

برای انجام این کار، ابتدا وارد کنترل پنل مدیریتی سی پنل خود شوید. در بخش  Security وسط صفحه گزینه Password Protect Directories را بزنید.

1

پس از کلیک کردن بر روی Password Protect Directories، پنجره‌ای در وسط صفحه اجرا می‌شود که مطابق با تصویر زیر است. پس از این در مرحله بعد، کلید رادیویی مربوط به گزینه Web Root (public_html/www) را فشار دهید و بر روی گزینه Go کلیک کنید.

Untitled-1

در قسمت بعد، صفحه‌ی فایل منیجر هاست شما اجرا می‌شود و شما باید پوشه‌ی wp-admin را در آن پیدا کنید. بر روی نوشته “wp-admin” کلیک کنید.

3

توجه داشته باشید که نباید بر روی آیکون فولدر wp-admin کلیک شود زیرا در این صورت وارد فولدر خواهید شد. پس حتما روی نوشته ” wp-admin” کلیک کنید.

در صفحه‌ی جدیدی که اجرا می‌شود گزینه‌ی مقابل Password protect this directory را علامت دار کنید. در فیلد بعدی نامی را برای این دستور امنیتی وارد کنید(بهتر است نام انتخاب شده در بر دارنده عبارت wp-admin باشد تا در مواقعی که نیاز به اعمال تغییر در آن داشتید، دچار مشکل نشوید). دکمه Save را بزنید.

4

در مرحله بعد، گزارش تغییر سطح امنیتی به شما داده می‌شود. لینک Go Back  را بنید و در صفحه جدید اطلاعات دلخواه یوزرنیم و پسورد خود را برای ورود به پنل مدیریت وردپرس وارد کنید. با فشار دادن کلید Add/modify authorized user ، پوشه wp-admin قفل می‌گردد و دسترسی به آن فقط با اطلاعات وارد شده توسط شما ممکن است.

5

موفق باشید!

 

ایجاد صفحه تماس با ما بدون استفاده از افزونه در وردپرس

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

ایجاد صفحه تماس با ما به صورت مستقل :

ابتدا یک صفحه با پسوند php در هاست خود ایجاد کنید (برای مثال از نام contact-page.php استفاده می‌کنیم).  کد زیر را در فایل قرار دهید:

<?php
/*
Template Name: نام قالب
*/
?>

این کد نام قالب را تعیین می‌کند.

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

<?php get_header() ?>

<div id="container">
<div id="content">
<?php the_post() ?>
<div id="post-<?php the_ID() ?>">
<div>
</div><!-- .entry-content ->
</div><!-- .post-->
</div><!-- #content -->
</div><!-- #container -->

<?php get_sidebar() ?>
<?php get_footer() ?>

ایجاد فرم

در قذم بعدی لازم است، مراحل طراحی فرم را انجام دهید. در اینجا یک فرم ساده به عنوان نمونه قرار داده شده است. این کد باید در فایل فرم تماس با ما (contact-page.php) و در تگ div مربوط به محتوا جای گیرد:

 

<?php get_header(); ?>
<div id="container">
<div id="content">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h1><?php the_title(); ?></h1>
<div>
<?php if(isset($emailSent) && $emailSent == true) { ?>
<div>
<p>با تشکر، ایمیل شما با موفقیت ارسال شد</p>
</div>
<?php } else { ?>
<?php the_content(); ?>
<?php if(isset($hasError) || isset($captchaError)) { ?>
<p>متاسفم، خطایی رخ داده است لطفا مجددا سعی نمایید<p>
<?php } ?>

<form action="<?php the_permalink(); ?>" id="contactForm" method="post">
<ul>
<li>
<label for="contactName">نام شما:</label>
<input type="text" name="contactName" id="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" />
<?php if($nameError != '') { ?>
<span><?=$nameError;?></span>
<?php } ?>
</li>

<li>
<label for="email">ایمیل شما:</label>
<input type="text" name="email" id="email" value="<?php if(isset($_POST['email'])) echo $_POST['email'];?>" />
<?php if($emailError != '') { ?>
<span><?=$emailError;?></span>
<?php } ?>
</li>

<li><label for="commentsText">پیغام:</label>
<textarea name="comments" id="commentsText" rows="20" cols="30"><?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>
<?php if($commentError != '') { ?>
<span><?=$commentError;?></span>
<?php } ?>
</li>

<li>
<input type="submit" value="ارسال ایمیل"></input>
</li>
</ul>
<input type="hidden" name="submitted" id="submitted" value="ارسال ایمیل" />
</form>
<?php } ?>
</div><!-- .entry-content -->
</div><!-- .post -->

<?php endwhile; endif; ?>
</div><!-- #content -->
</div><!-- #container -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

کدهای پردازش فرم تماس با ما

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

برای انجام این کار، کد زیر را قبل از تابع <?php get_header(); ?>  قرار دهید:

<?php
/*فرم تماس با ما
*/
?>

<?php
if(isset($_POST['submitted'])) {
if(trim($_POST['contactName']) === '') {
$nameError = 'لطفا نام خود را وارد کنید';
$hasError = true;
} else {
$name = trim($_POST['contactName']);
}

if(trim($_POST['email']) === '') {
$emailError = 'لطفا آدرس ایمیل خود را وارد کنید.';
$hasError = true;
} else if (!preg_match("/^[[:alnum:]][a-z0-9_.-]*@[a-z0-9.-]+\.[a-z]{2,4}$/i", trim($_POST['email']))) {
$emailError = 'متاسفانه آدرس ایمیل وارد شده صحیح نمی باشد';
$hasError = true;
} else {
$email = trim($_POST['email']);
}

if(trim($_POST['comments']) === '') {
$commentError = 'لطفا پیغام خود را وارد کنید';
$hasError = true;
} else {
if(function_exists('stripslashes')) {
$comments = stripslashes(trim($_POST['comments']));
} else {
$comments = trim($_POST['comments']);
}
}

if(!isset($hasError)) {
$emailTo = get_option('tz_email');
if (!isset($emailTo) || ($emailTo == '') ){
$emailTo = get_option('admin_email');
}
$subject = 'پیغام از طرف '.$name;
$body = "فرستنده: $name \n\nایمیل : $email \n\nپیغام: $comments";
$headers = 'From: '.$name.' <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;

wp_mail($emailTo, $subject, $body, $headers);
$emailSent = true;
}

} ?>

موفق باشید!

ایجاد پسوردهای راندوم قوی در وردپرس با افزونه Simple User Password Generator

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

راه‌اندازی و کار با افزونه Simple User Password Generator :

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

ایجاد پسوردهای راندوم قوی در وردپرس با افزونه Simple User Password Generator

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

علاوه‌براین، Simple User Password Generator  از کاربرانی که به تازگی وارد اکانت خود می‌شوند درخواست می‌کند پسورد خود را بروزرسانی کنند، که این به یادآوری کاربر/نویسنده در این زمنیه و افزایش امنیت سایت کمک خواهد کرد.

ایجاد پسوردهای راندوم قوی در وردپرس با افزونه Simple User Password Generator

در صورتی که سایت شما دارای نویسنده و یا کاربر زیادی باشد که از طریق فرم وردپرس اقدام به ثبت‌نام می‌کنند، قطعا تعیین پسورد قدرتمند برای حفظ امنیت سایت ضروری خواهد بود و افزونه Simple User Password Generator ساده‌ترین و راحت‌ترین روش انجام این کار است.

موفق باشید!

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

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

افزودن ویژگی “تصویر شاخص” به قالب وردپرس

در اولین اقدام نیاز است که ویژگی تصویر شاخص را به قالب خود اضافه کنید. برای این کار کد زیر را به فایل فانکشن قالب(functions.php) اضافه کنید:

<?php
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 260, 220, true ); // تعیین طول و عرض تصویر
}
?>

در صورتی که این ویژگی از قبل در فایل فانکشن قالب شما وجود دارد از مطابقت کد آن با کد بالا اطمینان حاصل کنید.

 

تعریف اسلایدر برای وردپرس

در مرحله بعد، لازم است  اسلایدر را در فایل فانکشن تعریف کینم. برای انجام این کار کد زیر را به آن معرفی کنید:

register_sidebar(array(
'name' => 'right',
'before_widget' => '<div class="blockr"><div class="pat1">',
'after_widget' => '</div>',
'before_title' => '<span>',
'after_title' => '</span></div><div class="iconb"><img src="/wp-content/themes/GoldMovie.ver2/images/topp.png"></div><br/><br/><br/>',
));

نمایش اسلایدر

در قدم بعدی لازم است کد نمایش اسلایدر را در جای مناسب(محلی که تمایل دارید، اسلایدر به نمایش گذاشته شود – برای مثال فایل header.php) قرار دهید:

<div class="footer_box">
<div id='holder' style='display:none;'>
<ul id="text_ads">
<?php
$my_query = new WP_Query('showposts=10&cat=0'); // 10 اسلایدر نمایش داده خواهد شد
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li class='objImgFrame' >
<a href="<?php the_permalink() ?>/" title="<?php the_title(); ?>" class="image" target="_blank"> /* عنوان مطلب*/
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail( array(212,64) );
}
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/no.png" />'; // عکس مطلب
}
?></a>
<a href="<?php the_permalink() ?>/" title="<?php the_title(); ?>" class="title" target="_blank"><?php the_title(); ?></a> // عنوان
</li>
<?php endwhile; ?><?php wp_reset_query(); ?>
</ul>
<div class="srcoll_nav">
<a href"#" id="leftNav" >&nbsp; </a>
<a href"#" id="rightNav" >&nbsp; </a>
</div>
</div>
</div>

پس از افزودن کد خواهید دید که اسلایدر بدون هیچ ترتیب و جلوه‌ای نمایش داده شده‌اند. برای حل مشکل فایل‌های موجود در این لینک را بر روی هاست خود آپلود کرده و در فایل هدر فراخوانی کنید. برای این کار از کدهایی شبیه به کد زیر استفاده کنید و به جای “http://wploop.ir/jquery.min.js” آدرس محل فایل‌های آپلود شده را بنویسید:

<script type="text/javascript" src="http://wploop.ir/jquery.min.js"></script>

علاوه‌براین کد زیر به فایل استایل (style.css) قالب خود اضافه کنید:

body {

font: 11px tahoma;
margin: 0;
padding: 0;
background: #ccc;
color:#000;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

div.footer_box {
width:980px;
float:right;
margin-right:50px;

position:relative
}
ul#text_ads {
width:980px;
float:right;
margin:10px -5px 10px 0;
}
.objImgFrame {
float: right;
width: 228px;
height: 200px;
margin: 0px 15px 0px 0px;
border-radius: 5px;
box-shadow: 0px 0px 8px #000;
}

.objImgFrame .image {

width:227px;
height:146px;
float:right;
}
.objImgFrame .image img {

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px 5px 0 0;
width:227px;
height:146px;
float:right;
}.objImgFrame .image img:hover {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.objImgFrame .title {
margin-top:8px;
text-align:center;
width:215px;
float:right;
color:#000;
font-weight:bold;
}
.objImgFrame .descript {
width:210px;
float:right;
margin:5px 5px 0 0;
color:#000;
font-weight:normal;
}
.objImgFrame a {
transition-property:color;
transition-duration:1s;
-moz-transition-property:color;
-moz-transition-duration:1s;
-webkit-transition-property:color;
-webkit-transition-duration:1s;
-o-transition-property:color;
-o-transition-duration:1s;
}

.simple_slider_hover {
cursor:pointer;
cursor:hand
}
.simple_slider_disabled {
opacity : 0.2;
filter: alpha(opacity=20);
zoom: 1;
}
#leftNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat 0 0;
position:absolute;
top:65px;
left:-40px;
}
#leftNav:hover {
background-position:0 -85px;
}
#rightNav {
width:23px;
height:85px;
background:url(images/text_ads_arrow.png) no-repeat -23px 0;
position:absolute;
top:65px;
right:-30px;
}
#rightNav:hover {
background-position:-23px -85px;
}

تصاویر معرفی شده در کد بالا را از این لینک دانلود کنید.

موفق باشید!