دیجی اسکریپت

آموزش وردپرس Archives | دیجی اسکریپت

آموزش تبدیل قالب HTML به قالب وردپرس

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

 

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

 

آموزش تبدیل قالب HTML به قالب وردپرس

 

منابع و ابزارهای مورد نیاز

ابزارها و منابعی که برای انجام این کار نیاز داریم بسیار ساده هستند. پیش از هر چیز به یک قالب HTML نیاز داریم. برای ساده تر کردن فرایند آموزش، قالب HTML ای که در این آموزش مورد استفاده میدهیم را جهت دانلود در اختیار شما نیز قرار داده ایم. قالب را میتوانید از لینک زیر دریافت کنید :
 

دانلود قالب HTML

 

توصیه میکنیم که کار را با همین قالب نمونه شروع کرده و قدم به قدم با ۲۰اسکریپت پیش بروید و بعد از آشنایی با شیوه ی کلی انجام کار، این آموزش را با هر قالب HTML دیگری که مایل هستید تکرار کنید.

 

ابزار دیگری که مورد نیاز شماست، یک ویرایشگر متنی مناسب است. ما برای انجام این کار، استفاده از نرم افزار بسیار قدرتمند NotePad++ را توصیه میکنیم. نوت پد پلاس پلاس را میتوانید با کلیک بر روی اینجا از سایت رسمی اش دریافت نمایید.

 

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

 

شروع به کار

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

 

آموزش تبدیل قالب HTML به قالب وردپرس

 

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

 

ایجاد فولدر قالب و ساختن فایل های اولیه

فولدری با نام دلخواه برای قالب وردپرستان ایجاد کنید. در نام فولدر ترجیحا از فاصله استفاده نکنید و سعی کنید کلیه ی حروف کوچک باشند (و طبعا انگلیسی!)
سپس در فولدری که ساخته اید فایل های زیر را ایجاد نمایید :
index.php

header.php

footer.php

functions.php

loop.php

sidebar.php

style.css
 
بدیهی است که الزامی نیست یک قالب وردپرس تنها محدود به فایل های بالا باشد. در میان فایل های ذکر شده نیز این امکان وجود دارد که از فایل loop.php و sidebar.php هم صرف نظر کنید ولی جهت مرتب بودن و مشخص بودن بخش های مختلف قالب، ما تصمیم گرفتیم این دو فایل را نیز در ساختار اصلی فایل های قالب خود داشته باشیم.همچنین جهت سادگی بیشتر میتوانید بجای ایجاد فایل style.css این فایل را از درون فولدر قالب HTML ای که در ابتدا دانلود کرده بودید کپی کرده و در فولدر قالب وردپرس خود پیست کنید.

 

توجه : حتما همه ی فایل های خود را با اینکودینگ UTF-8 ایجاد کنید. برای انجام این کار در NotePad++ میتوانید از منوی Encoding گزینه ی Encode in UTF-8 یا در نسخه های قدیمی تر، نسخه ی Encode in UTF-8 Without BOM را انتخاب نمایید. اگر در قالبتان علامت های عجیب و غریب مشاهده کردید و یا اگر نوشته های فارسی شما تبدیل به علامت سوال میشد، این مسئله به این مفهوم است که اینکودینگ شما روی UTF-8 تنظیم نشده.

 

افزودن اطلاعات قالب به فایل Style.css

اگر هنوز فایل style.css شما خالی است، ابتدا محتوای موجود در فایل style.css قالب HTML را کپی کرده و در فایل استایل خود پیست کنید. سپس جهت افزودن اطلاعات قالب به فایل استایل، کد زیر را در بالاترین بخش فایل style.css خود قرار دهید :

 

/*
Theme Name: نام قالب شما
Description: توضیحات قالب
Version: 1.0
Author: نام نویسنده
Author URI: آدرس کامل سایت نویسنده
*/

 

واضح است که در کد بالا باید اطلاعات مورد نظرتان را جایگزین نوشته های نمونه کنید.

در اینجا لازم میبینم به این نکته هم اشاره کنم که برای استایل های راست به چپ، در قالب های وردپرس از فایل rtl.css استفاده میشود. در این حالت قالب به صورت چند زبانه نیز قابل استفاده خواهد بود. اما در اینجا چون هدف ما تنها ایجاد یک قالب ساده ی وردپرس بوده است، از همان فایل استایل پیشفرض یعنی style.css استفاده کرده ایم.

 

افزودن اسکرین شات قالب

حتما مشاهده کرده اید که وقتی در وردپرس از منوی نمایش به زیر منوی پوسته ها مراجعه میکنید، قالب هایی که در این بخش به شما نمایش داده میشوند، هر یک دارای یک تصویر پیش نمایش هستند. در این مرحله میخواهیم این تصویر پیش نمایش را در قالب خود قرار دهیم. تصویر مورد نظر باید تصویری با فرمت png و اندازه ی ۸۸۰ در ۶۶۰ پیکسل باشد. به سادگی با نرم افزاری مانند Paint یا Photoshop یا هر نرم افزار دیگری که با آن راحت هستید، میتوانید تصویری با این مشخصات و با نمای دلخواه خود ایجاد کرده و در فولدر قالب قرار دهید تا نماینده ی قالب جدیدتان باشد.

 

جدا کردن کد های HTML و قرار دادن آنها در فایل های مرتبط

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

 

برای فایل header.php :
از ابتدای فایل index.html تا انتهای خط ۳۸ که کد <div class=”content_resize”> در آن درج شده را انتخاب کنید. کد را کپی کرده و در فایل header.php قرار دهید.

 

برای فایل footer.php :
در فایل index.html از ابتدای خط ۶۱ که کد <div class=”clr”></div> در آن درج شده تا انتهای فایل را کپی کرده و در فایل footer.php قرار دهید.

 

برای فایل sidebar.php :
از ابتدای خط ۴۸ تا انتهای خط ۶۰ که در یک div با کلاس sidebar درج شده را کپی کرده و در فایل sidebar.php قرار دهید.

 

برای فایل loop.php :
فایل loop.php در واقع همان حلقه ی نوشته های وردپرس یا محلی است که محتوای یک نوشته یا برگه و … به نمایش در می آید. بنابراین در این فایل باید ناحیه اصلی محتوا را قرار دهیم. برای این کار از ابتدا خط ۳۹ تا انتهای خط ۴۷ که در یک div با کلاس mainbar قرار گرفته را کپی کرده و در این فایل قرار دهید.

 

برای فایل index.php :
در فایل index.php نوبت آن است که کلیه ی فایل های بالا را که قبلا با کد های مورد نیاز پر کرده ایم، فراخوانی کنیم. برای انجام این کار، کد های زیر را در فایل index.php قرار میدهیم :

 

<?php get_header(); ?>
<?php get_template_part('loop'); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

خط اول کد، فایل سربرگ یا header.php را فراخوانی میکند.

خط دوم فایل حلقه یا loop.php را فراخوانی میکند.

و خطوط سوم و چهارم نیز به ترتیب فایل های sidebar.php و footer.php را فراخوانی خواهند کرد.
اگر دقت کرده باشید برای فراخوانی loop.php از کد متفاوتی نسب به سربرگ، سایدبار و فوتر استفاده کرده ایم. این مسئله به این دلیل است که loop.php جزو فایل های ساختار اصلی قالب نیست و تابعی که مستقیما قادر به فراخوانی این فایل باشد، در وردپرس تعریف نشده. بنابراین ما با استفاده از تابع get_template_part به وردپرس گفته ایم بخشی از قالب را که نامش loop است برای ما فراخوانی کن.

 

کپی کردن منابع مورد نیاز از قالب HTML

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

 

تکمیل فایل loop.php و قرار دادن متغیر های حلقه ی وردپرس

فایل loop.php ما در حال حاضر شامل کد های استاتیک اچ تی ام ال است. حالا نوبت به آن میرسد که این کد های استاتیک را از این فایل حذف کرده و متغیر های مناسب را در آن جایگزین کنیم. بنابراین محتوای این فایل را مطابق کد های درج شده در زیر تغییر دهید :

 

<div class="mainbar">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
          <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="پیوند پایدار به <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
          <p>ارسال شده توسط <a href="#"><?php the_author(); ?></a> | در دسته بندی <?php echo get_the_category_list( ', ' ); ?></p>
          <div class="post">
<?php the_content("خواندن ادامه مطلب"); ?>
<?php wp_link_pages(); ?>
  </div>
          <p><a href="<?php echo get_comments_link(); ?>" class="obg"><?php comments_number( '0', '1', '%' ); ?> دیدگاه</a> | <?php the_time(get_option( 'date_format' )); ?></p>
        </div>
<?php
if (is_singular() && comments_open() )
{
comments_template();
}
?>
<?php endwhile; ?>
<?php else : ?>
<div class="article">
<p>
مطلبی پیدا نشد!
</p>
</div>
<?php endif; ?>
      </div>

 

در کد بالا در خط دوم ابتدا بررسی میکنیم که آیا مطلبی جهت نمایش موجود است یا خیر. اگر مطلب موجود نباشد که یک راست به سراغ خط ۲۶ میرویم و پیام مطلبی پیدا نشد به کاربر نشان داده میشود. در غیر این صورت مادامی که نوشته ای جهت نمایش موجود باشد، اجرای حلقه ی خط ۳ ادامه پیدا خواهد کرد. همانطور که در کد بالا نیز مشخص است، عنوان مطلب، نام نویسنده، دسته بندی ها و محتوای پست، هر یک با توابع مربوطه جایگزین شده اند. در خط ۹ با استفاده از تابع wp_link_pages در صورتی که مطلب دارای چند صفحه باشد، صفحات مختلف آن به صورت لیست در اختیار کاربر قرار خواهند گرفت. (مثل همین آموزش که چند صفحه ایست.)

 

سپس در خطوط ۱۴ تا ۲۰ بررسی کرده ایم که اگر در نوشته ها یا برگه ها یا پیوست ها هستیم و اگر نظردهی فعال است، نظرات و فرم نظردهی در سایت نشان داده شود.

 

فراخوانی صحیح استایل در قالب وردپرس و فراخوانی توابع در سربرگ

اینکه مانند قالب های HTML، استایل خود را در سربرگ قالب فراخوانی کنید، در وردپرس کار صحیحی نیست. روش صحیح فراخوانی استایل ها در وردپرس، افزودن آنها به صف از طریق تابع wp_enqueue_style است. بنابراین فایل functions.php خود را باز کنید. در ابتدای فایل حتما تگ php را باز کنید و سپس کد زیر را در آن قرار دهید :

 

function bistscriptirwp_scripts() {
wp_enqueue_style( 'style', get_template_directory_uri().'/style.css', array(), '1.0' );
}
 
add_action( 'wp_enqueue_scripts', 'bistscriptirwp_scripts'

 

گفتیم تگ php را باز کنید ولی نگفتیم تگ php را ببندید! جدی هم گفتیم و تصمیم هم نداریم این تگ را ببندیم. (وای از مشکلات Whitespace … )

 

حالا به فایل header.php بروید. از ابتدای فایل تا جایی که تگ head به پایان میرسد یعنی </head> انتخاب کرده وکد زیر را به جای آن قرار دهید :

 

<!DOCTYPE html>
<html <?php language_attributes(); ?> xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php bloginfo( 'name' ); wp_title( '-' ); ?></title>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<?php
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
?>
<?php wp_head(); ?>
</head>

 

خوب، حالا به شرح کد بالا میپردازیم، در خط دوم با تابع language_attributes زبان و جهت زبان را مشخص کرده ایم.

در خط ۴، عنوان ثابت درج شده را حذف کرده ایم و کاری کرده ایم که عناوین سایت به صورت داینامیک بر اساس آنچه وردپرس تعیین میکند به نمایش در بیاید.

در خطوط ۶ تا ۱۰ امکان پاسخ دهی به نظرات را به شکل استاندارد وردپرس فراهم کرده ایم. یعنی در این حالت وقتی روی لینک پاسخ کلیک کنید، فرم نظردهی دقیقا در زیر نظری که میخواهید به آن پاسخ بدهید به نمایش در خواهد آمد.

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

 

رجیستر کردن سایدبار ها و فهرست ها

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

 

function bistscriptirwp_register_menus() {
  register_nav_menus(
    array(
      'top-menu' => 'Top Navigation',
      'footer-menu' => 'Footer Navigation',
    )
  );
}
add_action( 'init', 'bistscriptirwp_register_menus' );
 
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}
 
function bistscriptirwp_register_sidebars() {
$args = array(
'name'          => 'Main Sidebar',
'description'   => 'Main Sidebar',
'before_widget' => '<div class="gadget">',
'after_widget'  => '</div><!-- End Widget -->',
'before_title'  => '<h2 class="star">',
'after_title'   => '</h2>' );
register_sidebar( $args );
$args = array(
'name'          => 'Footer Sidebar 1',
'description'   => 'Footer Sidebar 1',
'before_widget' => '',
'after_widget'  => '<!-- End Widget -->',
'before_title'  => '<h2>',
'after_title'   => '</h2>' );
register_sidebar( $args );
$args = array(
'name'          => 'Footer Sidebar 2',
'description'   => 'Footer Sidebar 2',
'before_widget' => '',
'after_widget'  => '<!-- End Widget -->',
'before_title'  => '<h2>',
'after_title'   => '</h2>' );
register_sidebar( $args );
$args = array(
'name'          => 'Footer Sidebar 3',
'description'   => 'Footer Sidebar 3',
'before_widget' => '',
'after_widget'  => '<!-- End Widget -->',
'before_title'  => '<h2>',
'after_title'   => '</h2>' );
register_sidebar( $args );
}
add_action( 'widgets_init', 'bistscriptirwp_register_sidebars' );

 

توجه داشته باشید که تابع special_nav_class در این فایل ارتباطی به رجیستر کردن منو ها یا سایدبار ها ندارد و کار آن مشخص کردن آیتم فعال منو و افزودن کلاس active به آن است تا بعدا بتوانیم از این امکان برای تعریف استایل های خاص برای آیتم های فعال استفاده کنیم.

 

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

 

حالا به فایل header.php مراجعه کرده و محتوای درج شده بین تگ <div class=”menu_nav”> را حذف کرده و بجای آن کد زیر را قرار دهید :

 

<?php wp_nav_menu( array( 'theme_location' => 'top-menu' ) ); ?>

 

محتوای موجود در فایل footer.php را نیز به طور کامل با محتوای زیر جایگزین کنید تا منو ها و سایدبار ها در محل صحیح خود به نمایش در بیایند :

 

<div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
<?php dynamic_sidebar( 'Footer Sidebar 1' ); ?>
      </div>
      <div class="col c2">
<?php dynamic_sidebar( 'Footer Sidebar 2' ); ?>
      </div>
      <div class="col c3">
<?php dynamic_sidebar( 'Footer Sidebar 3' ); ?>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; کپی رایت <?php bloginfo( 'name' ); ?>. ویرایش توسط <a href="http://www.20script.ir/" targe="_blank">بیست اسکریپت</a></p>
      <div class="fmenu">
        <?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>
      </div>
      <div class="clr"></div>
    </div>
  </div>
</div>
<?php wp_footer(); ?>
</body>
</html>

 

اگر توجه کرده باشید در فایل footer.php در خط ۲۸ تابع wp_footer را درج کرده ایم. این تابع اسکریپت ها و استایل های مربوط به فوتر وردپرس را در قالب شما به نمایش در می آورد. مثلا یکی از کارهای بسیار مهم این تابع نمایش نوار مدیریت وردپرس در سایت شماست. بنابراین توجه کنید که این تابع حتما در محل صحیح خود فراخوانی شده باشد.

 

در آخر هم فایل sidebar.php را باز کنید، کد های موجود در آن را حذف کرده و جهت نمایش سایدبار مربوط به این ناحیه، کد زیر را در آن قرار دهید :

<div class="sidebar">
  <?php dynamic_sidebar( 'Main Sidebar' ); ?>
      </div>

 

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

اگر توجه کرده باشید، در سربرگ قالبمان یک باکس برای جستجو داشتیم. این باکس برای اینکه به درستی در وردپرس کار کند، نیاز به اندکی تغییر دارد. بنابراین فایل header.php خود را باز کنید و فرم جستجو را به شکل زیر تغییر دهید (حوالی خط های ۲۱ تا ۲۸)

<div class="searchform">
        <form id="formsearch" name="formsearch" method="get" action="<?php echo site_url(); ?>">
          <input src="http://www.20script.ir/<?php echo get_template_directory_uri();?>/images/search_btn.gif" class="button_search" type="image" />
          <span>
          <input name="s" class="editbox_search" id="editbox_search" maxlength="80" value="جستجو" type="text" />
          </span>
        </form>
      </div>

 

در واقع اصل کاری که در کد بالا انجام داده ایم، تعیین آدرس action و تغییر method به get در خط دوم و همچنین تغییر مقدار name به s در خط پنجم کد است. همچنین برای اینکه تصویر ذره بین نیز به درستی بارگذاری شود، با استفاده از تابع get_template_directory_uri آدرس کامل آن را در بخش src قرار داده ایم.

این هم نمایی از قالب ما پس از تبدیل شدن به نسخه ی وردپرسی :

 

آموزش تبدیل قالب HTML به قالب وردپرس

 

تغییر عنوان و توضیحات نمایش داده شده در سربرگ سایت

حالا میخواهیم کاری کنیم که عنوان و توضیحی که در بخش سورمه ای رنگ سربرگ به نمایش در می آید نیز به صورت داینامیک بر اساس اطلاعات درج شده در تنظیمات وردپرس شما تغییر کند. برای انجام این کار کافی است فایل header.php را باز کرده بخش مربوط به لوگو را که از حوالی خط ۳۰ شروع میشود به شکل زیر اصلاح کنید :

 

<div class="logo">
        <h1><a href="<?php echo site_url(); ?>"><?php bloginfo( 'name' ); ?><br />
          <small><?php bloginfo( 'description' ); ?></small></a></h1>
      </div>

 

سخنان پایانی

به طور کلی ممکن است از ذکر کردن برخی تغییرات جزئی مانند درج کلاس های پست یا درج کلاس های بدنه در این آموزش صرف نظر کرده باشیم ولی کلیه ی این موارد را میتوانید در قالب وردپرس نهایی که در زیر جهت دانلود در دسترس شماست، به طور کامل مشاهده و بررسی کنید :

 

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

 

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

 

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

 

اگر در جایی از این آموزش سوالی برایتان پیش آمد یا به مشکلی برخورد کردید، در بخش دیدگاه ها در خدمت شما هستیم.
مطمئنا از آموزش امروز لذت برده اید …. !

 

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

نوشته آموزش تبدیل قالب HTML به قالب وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

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

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

 

ساخت و تنظیم وردپرس page.php

شما می توانید در وبسایت وردپرسی خود برگه های سفارشی ایجاد کنید. لازمه ایجاد تغییرات در وردپرس page.php، تسلط پایه ای بر HTML ،CSS و PHP است.

 

همانطور که میدانید به صورت پیش فرض وردپرس به شما اجازه ایجاد صفحات و نوشته ها را می دهد. قالب وردپرس این قابلیت را دارد تا ظاهر صفحات سایت را با استفاده از برگه ای به نام وردپرس page.php کنترل کند. وردپرس page.php تمامی صفحات ایجاد شده در وردپرس را تحت تاثیر قرار می دهد. با وجود اینکه همه صفحات همانند هم نمی باشند.

 

ساخت برگه سفارشی در وردپرس

برای ساخت فایل وردپرس page.php، ابتدا در سیستم خود یک فایل نوت پد باز کنید و قطعه کد زیر را در آن کپی نمایید:

 

<?php /* Template Name: CustomPageT1 */ ?>

 

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

 

در مرحله ی بعدی شما باید با استفاده از FTP client به وبسایت خود متصل شوید. پس از اتصال، به پوشه قالب فعلی وبسایت و یا child theme بروید. که برای دسترسی به قالب باید به پوشه wp-content/themes/ بروید. سپس نمونه برگه سفارشی وردپرس page.php را در پوشه theme خود آپلود کنید.

 

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

 

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

 

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

 

ویرایش نمونه برگه سفارشی در وردپرس

قالب فایل وردپرس page.php همانند قالب فایل های دیگر در وردپرس است. شما به این فایل می توانید هر کد HTML، برچسب قالب یا هر کد PHP اضافه کنید. ساده ترین راه برای شروع ساخت برگه سفارشی شما، کپی کردن قالب برگه قبلی که با استفاده از تم شما آماده شده است. حال باید FTP client را باز کنید و از آنجا به پوشه تم بروید. در پوشه تم به دنبال فایلی با نام page.php بگردید و در نهایت آن را در سیستم خود ذخیره کنید.

 

سپس فایل page.php را با برنامه ای همانند نوت پد باز کنید و تمام محتوای فایل را به جز قسمت هدر را کپی کنید:

 

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

 

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

 

<?php /* Template Name: CustomPageT1 */ ?>
 
<?php get_header(); ?>
 
 
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php // Start the loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( 'template-parts/content', 'page' ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) { comments_template(); } // End of the loop. endwhile; ?>
 
    </main><!-- .site-main -->
 
    <?php get_sidebar( 'content-bottom' ); ?>
 
</div>
 
<!-- .content-area -->
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 

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

 

شما می توانید به ویرایش قالب وردپرس page.php خود ادامه دهید و تغییراتی را که می خواهید در آن ایجاد کنید. برای مثال شما می توانید سایدبار برگه را حذف کنید و کد PHP سفارشی و یا هر HTML دیگری را که خواستید اضافه کنید.

 

امیدوارم نکات ذکر شده در این آموزش وردپرس برای شما عزیزان مفید و کاربردی باشد. موفق و پاینده باشید…

نوشته آموزش ساخت برگه سفارشی در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator

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

 

ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator

تاریخ انقضای مطالب وردپرس

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

 

معرفی افزونه ی Post Expirator

افزونه ی Post Expirator به طور خودکار بعد از زمانی که شما تعیین می کنید مطلبی را از سایت تان حذف می کند. این افزونه تاکنون ۷۰,۰۰۰ نصب فعال در مخزن وردپرس داشته است و توانسته امتیاز ۴٫۴ از ۵ کسب کند. از آخرین بروزرسانی افزونه، ۶ ماه می گذرد.

 

نصب و فعال سازی افزونه ی Post Expirator

ابتدا افزونه ی Post Expirator را که در پایان آموزش قرار دادیم دانلود کنید سپس در پیشخوان وردپرس به قسمت افزونه ها > افزودن بروید و روی بارگذاری افزونه کلید کنید و افزونه را آپلود کنید بعد از نصب و فعال سازی گزینه ی Post Expirator به عنوان زیرمنو به تنظیمات وردپرس اضافه خواهد شد.

 

ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator

 

تنظیمات افزونه ی Post Expirator

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

 

ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator

 

  • Data Format : فرمت تاریخ را در این قسمت وارد کنید.
  • Time Format : فرمت زمان را در این قسمت وارد کنید.
  • Default Date/Time Duration : در این قسمت زمانی را تعیین می کنید که می خواهید بعد از آن زمان، پست یا برگه به طور خودکار حذف شود. با انتخاب گزینه ی custom از منوی کشویی می
  • توانید زمان یا تاریخ موردنظرتان را وارد کنید. با انتخاب گزینه ی post/page publish time همان زمان انتشار پست یا برگه را زمان حذف تعیین می شود.
  • Default Expiration Category : شما می توانید دسته بندی جدیدی به نام ” موقت” ایجاد کنید و دسته ی نوشته را موقت انتخاب کنید با این کار پست در لیست پست های انقضادار قرار خواهد گرفت و بعد از مدتی حذف خواهد شد.
  • Enable Email Notification : در این قسمت شما می توانید تعیین کنید ایمیل هشدار پست انقضادار به شما ارسال شود یا خیر.
  • Include Blog Administrators : در این قسمت تعیین می کنید ایمیل هشدار را تمام مدیران وب سایت دریافت کنند یا خیر.

 

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

 

ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator

 

  • Who to notify : در این قسمت می توانید نقش هایی که می خواهید ایمیل هشدار منقضی شدن پست را دریافت کنند وارد کنید.
  • Show in post footer : در این قسمت نوشته ای زیر پست های انقضادار قرار می گیرد که مخاطبان را متوجه ی موقتی بودن پست می کند.
  • بیشتر بخوانید :  راه های جلوگیری از نفوذ به وردپرس
  • Footer Contents : در این قسمت می توانید متن نوشته ی قبلی را ویرایش کنید یا از کدهای EXPIRATIONTIME و EXPIRATIONDATE برای نمایش تاریخ و زمان انقضا استفاده کنید.
  • Footer Style : در این قسمت استایل  css دلخواهتان را وارد می کنید تا نوشته ی شما با آن استایل نمایش داده شود.

در پایان بر روی دکمه ی آبی رنگ save changes  کلیک کنید تا تغییرات نهایی ذخیره شود. بعد از انجام تنظیماتی که گفته شد یک باکسی در سمت چپ هر نوشته یا برگه ی شما دیده می شود که شما می توانید زمان حذف نوشته یا برگه در وردپرس را تعیین کنید.

 

در پایان!

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

 

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

 

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

نوشته ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

آپلود فایل در وردپرس به صورت مستقیم با افزونه Add From Server

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

 

دسترسی به فایل‌های آپلود شده از طریق FTP در وردپرس با Add From Server

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

 

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

گام اول : ابتدا باید یک اکانت FTP در هاست خود نیاز دارید تا بتوانید فایل های موردنظرتان را از طریق آن آپلود کنید. برای ایجاد اکانت FTP  باید وارد هاست سپس  وارد بخش FTP Account شوید و اکانت FTP را ایجاد کنید بعد با کمک نرم‌افزار FTP مدیریت مثل Filezilla یا مستقیماً از طریق هاست فایل های خودتان را در پوشه ی Wp-content/uploads آپلود نمایید.

 

آپلود فایل در وردپرس به صورت مستقیم با افزونه Add From Server

 

گام دوم: اکنون افزونه ی Add From Server را که در پایان آموزش قرار دادیم دانلود و سپس نصب و فعال کنید. این افزونه کمک می کند فایل های آپلود شده شما شناسایی شود تاکنون بیش از ۹۰,۰۰۰ نصب فعال در مخزن وردپرس داشته و از آخرین بروزرسانی ۸ ماه می گذرد.

 

بعد از فعال کردن افزونه ی Add From Server گزینه ی Add From Server به بخش تنظیمات پیشخوان وردپرس اضافه می شود. حال شما روی گزینه ی Add From Server کلیک کنید صفحه ای مطابق تصویر زیر برای شما باز خواهد شد.

 

آپلود فایل در وردپرس به صورت مستقیم با افزونه Add From Server

 

بخش   User Access Control

All users with the ability to upload files: با فعال کردن این گزینه تمام کاربرانی که می توانند فایل را آپلود کنند قادر خواهند بود فایل ها را استخراج نیز بکنند. این کاربران می توانند فایل ها ی آپلودی در هاست تان را به بخش رسانه در پیشخوان وردپرس انتقال دهند و به راحتی از آن استفاده کنند.

  • نکته: وقتی گزینه ی All users with the ability to upload files را فعال کردید این امکان وجود دارد وقتی که برای اولین بار وارد بخش رسانه شدید خطایی را مشاهده کنید برای اینکه این خطا را رفع کنید کافی است که  گزینه ی دیگری را انتخاب کنید  و روی ذخیره کلیک کنید و یا دوباره به همین گزینه نیاز دارید  کافی است گزینه  ی دیگری را انتخاب و سپس ذخیره کنید و  حالا همین گزینه را انتخاب کنید  و تغییرات را ذخیره کنید.
  • Any user with the ability to upload files in the following roles : با انتخاب هر نقشی در این قسمت می توانید به او قابلیت انتقال فایل به رسانه را بدهید.
  • Any users with the ability to upload files listed below : در این قسمت نام کاربرای افرادی که می خواهید قابلیت انتقال فایل به رسانه را داشته باشند بنویسید(هر نام کاربری در یک خط نوشته شود)

 

بخش Root Directory

  • Do not lock browsing to a specific directory : شما با فعال کردن این گزینه امکان استخراج فایل از یک مسیر مشخص در هاست خود را به کاربران نمی دهید و تمام فایل های آپلود شده در هاست شما تنها در دسترسی افرادی که مشخص کرده اید قرار خواهد گرفت.
  • Lock browsing to the directory specified below : شما با فعال کردن این گزینه امکان استخراج فایل از یک مسیر مشخص در هاست خود را به کاربران می دهید . به عنوان مثال اگر سایت شما شامل چندین نویسنده می باشد و ممکن است امنیت سایت شما دچار مشکل شود بهتر است از مسیر مشخص که اکانت FTP آن ها نیز به همان مسیر دسترسی دارد استفاده نمایید.

 

بعد از اینکه تنظیمات بالا را در افزونه انجام دادید فایل های خود را  از طریق هاست در Uploads که در پوشه ی Wp-content قرار دارد آپلود کنید و سپس به بخش رسانه رفته و گزینه ی Add From Server در پیشخوان وردپرس بروید و فایل های آپلود شده از طریق هاست خود را مشاهده کنید و هر کدام را که می خواهید انتخاب کنید.

 

آپلود فایل در وردپرس به صورت مستقیم با افزونه Add From Server

 

  • Current Time : وقتی این گزینه را فعال کنید همان زمان که فایل های خود را در هاست آپلود می کنید می توانید در بخش رسانه ها نیز فایل ها را همان زمان مشاهده کنید.
  • File Time : می دانید که هر فایلی مشخصاتی مثل تاریخ، زمانی که ایجاد شده و زمان قرارگیری بر روی سیستم دارد. شما با فعال کردن این گزینه می توانید زمانی که فایل ها در رسانه قرار می گیرند را همان زمان مشخصات فایل قرار دهید.

 

و بر روی دکمه ی Import کلیک کنید تا فایل های خود را در بخش رسانه مشاهده کنید. اکنون به بخش رسانه > کتابخانه بروید فایل یا فایل های خود را در این قسمت خواهید دید که می توانید در محتوای نوشته ی خود به کار ببرید.

 

در پایان!

اگر شما بخواهید در وب سایت خود فایل های زیادی را آپلود کنید هم با محدودیت حجم آپلود روبرو خواهید شد و هم اینکه سرعت آپلود فایل بسیار پایین است ما برای حل این مسئله به شما یاد دادیم که با استفاده از FTP هاست و افزونه ی Add From Server مشکل سرعت پایین برای آپلود فایل را رفع کنید.

نوشته آپلود فایل در وردپرس به صورت مستقیم با افزونه Add From Server اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

نحوه نمایش متفاوت هر پست در وردپرس

در این نوشته از آموزش وردپرس به شما نحوه نمایش متفاوت هر پست در وردپرس را نشان خواهیم داد.

 

نمایش متفاوت هر پست در وردپرس

وردپرس برای استایل یک نوشته به صورت پیش فرض، کلاس های CSS تعریف کرده است. یک سایت استاندارد دارای کلاس های CSS در بخش های بدنه ی اصلی، نوشته ها، برگه ها، ابزارک ها، فهرست ها و… می باشد.

 

در دسته ی وردپرس، عملکرد post_class() برای استفاده در قالب وردپرس و جهت افزودن کلاس های CSS سفارشی در برگه و پست به کار میرود و فراخوانی میشود.
چنانچه به وبسایت خود مراجعه کرده و از ابزار Inspect درمرورگراستفاده کنید کلاس سی اس اس مورد نظر در پست ها را خواهید دید. مانند تصویر زیر:

 

نحوه نمایش متفاوت هر پست در وردپرس

 

در ادامه میتوانید کلاس های CSS به طور پیش فرض که در دید کاربر ظاهر میشود آمده است که با آن می توان مقدمات نمایش متفاوت پست در وردپرس را فراهم کرد.

  • post-id.
  • post.
  • attachment.
  • sticky.
  • category-ID.
  • category-name.
  • tag-name.
  • has-post-thumbnail.

 

مثالی از خروجی آنها:

<article id="post-412" class="post-412 post type-post status-publish format-standard hentry category-news">

بنابراین به راحتی میتوان ظاهر و استایل هر پست را به صورت واکنش گرا تغییر داد. برای مثال، چنانچه می خواهید یک نوشته را به صورت متفاوت نشان دهید می توانید از post-id برای نمایش متفاوت پست در وردپرس استفاده کنید. مانند کد زیر:

.post-412 { 
background-color: #FF0303;
color:#FFFFFF; 
}

توجه: فراموش نکنید که باید آی دی پست را نیز تغییر دهید.

 

حال بطور مثال می خواهیم ظاهر تمامی پست های مربوط به دسته ی اخبار را تغییر دهیم اینکار را با افزودن CSS سفارشی به قالب انجام می دهیم.

.category-news{ 
font-size: 18px;
font-style: italic;
}

 

عملکرد کلاس هر پست در وردپرس

توسعه دهندگان قالب از عملگر post-class برای افزودن کلاس به نوشته استفاده میکنند که معمولا با تگ <article> است. این عملگر فقط برای بارگذاری به صورت پیش فرض نیست بلکه برای کلاس اختصاصی شما در نمایش متفاوت پست در وردپرس نیز به کار میرود.

با توجه به قالب مورد نظر می توانید این عملگر را در فایل single.php بیابید. به صورت نرمال این کد به شکل زیر است:

<article id="post-&lt;?php the_ID();?>"<?php post_class();?>>

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

<article id="post-<?php the_ID();?>"<?php post_class('longform-article');?>>

عملگر post-class با حفظ حالت پیش فرض میتواند حالت سفارشی که به آن میدهید را اجرا کند. چنانچه می خواهید از عملکردهای چند تایی و چند منظوره در نمایش متفاوت پست در وردپرس استفاده کنید می توانید از چند آرایه کمک بگیرید. مانند زیر:

<?php $custom_classes = array('longform-article','featured-story','interactive',);?>
<article id="post-<?php the_ID();?>;"<?php post_class($custom_classes);?>>

تغییر ظاهر پست های نویسندگان در وردپرس

این کلاس به صورت پیش فرض دارای نام نویسنده نیست اما چنانچه می خواهید آن را سفارشی کنید اول آن را به صورت the-posts یافته و سپس قطعه کد زیر را در آن تغییر دهید.

<?php $author=get_the_author_meta('user_nicename');?>
<article id="post-<?php the_ID();?>"<?php post_class($author);?>>

ظاهر پست ها بر اساس محبوبیت نظرات

شاید وبسایت هایی را دیده باشید که از ابزارک نوشته های محبوب براساس نظرات کاربران استفاده میکنید. حال میخواهیم ببنیم چگونه میتوان این بخش را سفارشی کنیم .
برای ایجاد یک بخش سفارشی نظر سنجی نیاز به افزودن کد به فایل های قالب است. در هسته ی وردپرس میتوانید قطعه کد زیر را قبل از تگ <article> اضافه کنید.

<?php 
 $postid = get_the_ID();
 $total_comment_count = wp_count_comments($postid);
 $my_comment_count = $total_comment_count->;approved;
 if ($my_comment_count <10){
 $my_comment_count = 'new';
 } elseif ($my_comment_count <= 10 && $my_comment_count <20){
 $my_comment_count = 'emerging';
 } elseif ($my_comment_count <= 20){
 $my_comment_count = 'popular';
 }
?>

همانطور که مشاهده کردید به همین شکل میتوانید تغییراتی را در پست های خود ایجاد کنید و در واقع آنها را سفارشی کنید.
امیدوارم نکات ذکر شده در این نوشته برای شما کاربران گرامی مفید و کاربردی باشد.

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



لینک منبع مطلب

آموزش حذف سایدبار از قالب وردپرس

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

 

آموزش نحوه حذف سایدبار از قالب وردپرس

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

 

حذف سایدبار از صفحه دلخواه در وردپرس

 

آموزش حذف سایدبار از قالب وردپرس

 

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

بنابراین برای حذف Sidebar از قالب وردپرس خود، از طریق FTP یا از پنل هاست وارد بخش قالب ها شده و قالب مورد نظر خود را مشخص کنید. یعنی به مسیر /wp-content/themes/your-current-theme/ folder بروید. یک قالب وردپرس از بخش های متعددی درست شده که شما مجبورید برای اینکه سایدبار را از تمامی قسمت ها حذف کنید فایل هایی را ویرایش کنید. به عنوان مثال به طور معمول در قالب ها فایل های index.php، page.php، single.php، archive.php، home.php موجود است که می توان آنها را ویرایش کرد.

 

برای این منظور فایل مورد نظر را در ویرایشگر باز کرده و خط زیر را در آن پیدا کنید:

<?php get_sidebar();?>

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

<?php get_sidebar('footer-widget-area');?>

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

 

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

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

اول از همه باید قسمتی را که مخصوص به عرض صفحه محتواست در بین کدهای سی اس اس بیابید. برای این منظور می توانید از Inpect در مرورگرها استفاده کنید. پس از آن می توان قطعه کدی مانند نمونه ی زیر را به آن اضافه کنید:

.content-area{
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
} .content-area .site{
margin:0px;
}

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

 

حذف سایدبار از صفحات ایستا در وردپرس

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

 

آموزش حذف سایدبار از قالب وردپرس

 

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

<?php
/*
*
Template Name: Full-Width
*/
get_header();?>

حال فایل را با عنوان full-width.php ذخیره کنید. سپس به هاست مراجعه کرده و فایل page.php را به حالت ویرایش ببرید و سپس همه چیز را بعد از قطعه کد زیر قرار دهید:

<?php get_header();?>

بنابراین حالت تمام صفحه را به قالب خود اضافه کردید و حال نوبت به حذف قطعه کد زیر می رسد:

<?php get_sidebar();?>

حال فایل مورد نظر را ذخیره کنید و سپس فایلی را که ایجاد کرده اید در پوشه قالب آپلود کنید.

 

حذف سایدبار از صفحه بلاگ وردپرس

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

 

آموزش حذف سایدبار از قالب وردپرس

 

حال می توانید به برگه ی بلاگ رفته و حالت آن را تغییر دهید و امکان حذف سایدبار از قالب وردپرس را فراهم کنید.

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

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



لینک منبع مطلب

آموزش تنظیمات رفع خطاهای وردپرس

کمتر کسی است که با سایت وردپسی کار کرده باشد و خطاهای وردپرسی را ندیده باشد این خطاها به دلایل مختلفی مثلاً نصب افزونه، نصب قالب و یا هر چیز دیگری می تواند رخ دهد مسئله اینجاست وقتی که این خطاها رخ دهد شما باید چکار کنید تا خطاها رفع شوند؟!

 

در این آموزش وردپرس به طور کامل به شما خواهیم گفت تا چگونه به رفع خطای وردپرس بپردازید، چگونه خطاها را پنهان کنید و چگونه خطاها را ذخیره کنید …

برای انجام تمام این کارها نیاز به فایل  wp-config دارید؛ فایل wp-config هم تنظیمات سایت شما را کنترل می کند و هم به عنوان یک ابزاری است تا بتوانید خطاها را پیدا و تعمیر کنید پس با آموزش امروز که یک آموزش کاملاً کاربردی است همراه ما باشید…

 

زمان تنظیم گزارش خطا فایل wp-config

فایل  wp-config.php شامل تنظیمات وردپرس است؛ تنظیماتی این فایل شامل: متصل شدن به دیتابیس وردپرس و کلیدهای اعتبارسنجی برای امنیت وردپرس می باشد.

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

اکنون بیایید ببینیم تا چطوری می شود قابلیت خطاهای وردپرس را فعال کنید.

 

فعال کردن قابلیت رفع اشکال در وردپرس

اولین کاری که شما باید انجام دهید این است که فایل wp-config.php را پیدا کنید و سپس آن را ویرایش کنید. برای پیدا کردن فایل wp-config.php باید با کمک FTP یا file maneger در سی پنل به وب سایتتان متصل شوید بعد از آن روی فایل wp-config.php کلیک راست کنید و گزینه ی view/Edit را انتخاب کنید.

 

آموزش تنظیمات رفع خطاهای وردپرس

 

فایل wp-config.php  را می توانید در هر ویرایشگری مثل Notpad++  و یا هر ویرایشگر دیگری باز کنید و خط “That’s all, stop editing! Happy blogging” را پیدا کنید و دقیقاً قبل از این خط  کد زیر را قرار دهید.

 

define( 'WP_DEBUG', true );

 

شاید کد بالا در فایل wp-config.php وجود داشته باشد ولی تنظیمات اشتباهی داشته باشد در این موقع شما می بایست به درستی آن را تغییر دهید.  شما با اضافه کردن قطعه کد بالا قابلیت رفع اشکال را در وردپرس فعال می کنید و وقتی که شما وب سایت تان را باز کردید و خطایی وجود داشت آن خطا را در بالای صفحه مشاهده خواهید کرد.

  • نکته: توصیه ی می شود بعد از اینکه کار بالا را انجام دادید و خطاهای وردپرس رفع شدند این قابلیت را غیرفعال کنید و برای غیرفعال کردن کافی است مقدار false را قرار دهید.

 

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

به لحاظ امنیتی بهتر است که خطاها در وب سایت تان نشان داده نشوند و از دید همه ی کاربران پنهان بمانند پس شما بیایید کد زیر را در فایل wp-config.php قرار دهید تا تمام خطاها در سایت تان دیده نشوند دقت داشته باشید قطعه کد زیر را  در ادامه ی کد قبلی قرار دهید.

 

define( 'WP_DEBUG_DISPLAY', false );

 

فعال کردن قابلیت ذخیره ی تمام خطاهای وردپرس

برای اینکه تمام خطاها ذخیره شود بهتر است قطعه کد زیر را در فایل wp-config.php در زیر کد  WP_DEBUG قرار دهید.

define( 'WP_DEBUG_LOG', true );

اکنون تمام تغییرات را ذخیره کنید و فایل wp-config.php را در وب سایت تان آپلود کنید.

 

پیدا کردن خطاهای وردپرس

اولین کاری که شما باید برای پیدا کردن خطاها انجام دهید این است که به وب سایت تان نگاهی بیاندازید و به  صفحاتی که دچار خطاها و اشتباهاتی شده است دسترسی داشته باشید. شما باید با یک برنامه مثل FTP یا file maneger در سی پنل به وب سایتتان متصل شوید سپس به پوشه ی wp-content رفته و فایلی با نام debug.log را پیدا کنید.

 

آموزش تنظیمات رفع خطاهای وردپرس

 

 

فایل debug.log را باز کنید این فایل حاوی همه ی خطاهای وردپرس می باشد و می توانید این فایل را ویرایش یا دانلود کنید.

آموزش تنظیمات رفع خطاهای وردپرس

در پایان!

اگر از وب سایت وردپرسی استفاده کرده باشید حتما مشاهده کردید که وردپرس شما با نصب افزونه یا اسکرپیتی یا موارد دیگر دچار خطا خواهد شد و این خطاها را هر کسی که با وردپرس کار کرده و می کند حداقل یکبار با آن روبرو شده است در این زمان کاری که شما می بایست انجام دهید این است که قابلیت رفع خطاها و اشکال را در وردپرس فعال کنید و این کار هم با اضافه کردن قطعه کدی در فایل wp-config.php امکان پذیر است پس شما دیگر با اضافه کردن قطعه کد نگران خطاهای وردپرسی تان نیستید.

 

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

 

برای اینکه تمام خطاهای وردپرس ذخیره شوند می توانید قطعه کدی به فایل wp-config.php اضافه کنید با این کار تمام خطاهای وردپرس در داخل پوشه ای ذخیره می شوند. پوشه ای که تمام خطاهای وردپرس در آن ذخیره می شود debug.log نام دارد.

 

امیدواریم مقاله ی آموزشی امروز برای شما مفید بوده باشد.

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



لینک منبع مطلب

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

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

 

شاید خیلی ها ندانند ساب دامین چیست ؟ ساب دامین دقیقاً مشابه آدرس سایت اصلی می باشد تنها یک پیشوند قبل دامنه قرار می گیرد به عنوان مثال ۲۰script.ir دامنه ی اصلی ما است و dl.20script.ir هم ساب دامین می باشد. موتورهای جستجو ساب دامین را یک وب سایت کاملا متفاوت از دامنه ی اصلی می دانند به همین دلیل شما نیاز دارید  تا بعد از انتقال فایل ها به دامنه ی اصلی، موتورهای جستجو را به دامنه ی اصلی ریدایرکت کنید.

 

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

 

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

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

  • از این آموزش میتوانید برای انتقال وردپرس از لوکال هاست به cpanel هم استفاده کنید .

 

ایجاد نسخه پشتیبان در وردپرس

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

 

بعد از اینکه نسخه ی پشتیبان را انجام دادید باید آن را در یک مکان مناسب از رایانه تان ذخیره کنید.

 

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

ابتدا باید با کمک FTP  یا cpanel به وب سایت تان متصل شوید سپس وارد پوشه ی زیر دامنه (public-html/subdomain) شوید و همه ی فایل های وردپرس خود را انتخاب کنید تا بر روی سیستم شما ذخیره شود.

 

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

 

پس از کلیک بر روی گزینه File Manager به آدرس پوشه سابدامین خود مراجعه کرده و طبق تصویر زیر عمل کنید :

 

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

 

بعد از اینکه طبق تصویر بالا فایل های کامل وردپرس را با ابزار Select All انتخاب کردید , با کلیک بر روی گزینه Move فایل را طبق تصویر زیر به دامنه اصلی انتقال دهید :

  • نکته : قبل از انتقال توجه داشته باشید که باید فایل وردپرسی در پوشه Public_html وجود نداشته باشد چرا که ممکنه تداخلی ایجاد شود .

 

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

 

برای اینکه بتونید فایل های سابدامین رو به دامین اصلی انتقال بدید ادرس دایرکتوری روت اصلی دامنه را وارد کنید : Public_html

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

 

تغییر آدرس سایت وردپرس

وقتی که شما فایل های وردپرس را انتقال دادید  نمی توانید وارد بخش پنل مدیریت وردپرس دامنه ی اصلی شوید و مجدداً به پنل مدیریت وردپرس زیردامنه ارجاع داده خواهید شد. برای حل این مشکل با کمک FTP یا cpanel به وب سایت تان متصل شوید سپس پوشه ی public-html را پیدا کنید و وارد آن پوشه شوید بعد فایل wp-config.php را ویرایش کنید و قطعه کد زیر را قبل از خط ‘That’s all, stop editing! Happy blogging قرار دهید.

 

define('WP_HOME','http://example.com');
define('WP_SITEURL','http://example.com');

 

فراموش نکنید به جای example.com  آدرس دامنه ی اصلی را که می خواهید وب سایت شما با آن نمایش داده شود قرار دهید به طور مثال ۲۰script.ir

اگر می خواهید وب سایت خود را با  www  نشان دهید پس  www را نیز اضافه کنید به طور مثال www.20script.ir

تغییرات خود را ذخیره کنید و فایل wp-config.php را به وب سایت خود آپلود کنید. اکنون اگر وارد مسیر www.20script.ir/wp-admin شوید به پنل مدیریت دامنه ی اصلی ارجاع داده می شوید.

 

به روز رسانی آدرس ها (url)

در هاست خود در بخش cpanel ورود کرده و بر روی گزینه phpmyadmin کلیک نمائید طبق تصویر زیر :

 

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

 

بعد از کلیک بر روی گزینه phpmyadmin به صفحه دیتابیس هاست خود هدایت میشوید که در این بخش طبق تصویر زیر دیتابیس مورد نظر را انتخاب نمائید :

 

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

 

طبق تصویر بالا بر روی دیتابیس مورد نظر خود کلیک کرده و بعد بر روی wp_options کلیک نمائید .

چند لحظه صبر کنید تا جدول انتخاب شده بارگذاری شود . بعد از بارگذاری طبق تصویر زیر عمل کرده و آدرس را تغییر دهید :

 

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

 

با تغییر آدرس به راحتی میتوانید از وردپرس و سایت خود استفاده کنید .

ریدایرکت کردن سابدامین به دامنه ی اصلی

برای اینکه بتوانید ترافیک و بازدید کنندگان زیر دامنه را به دامنه اصلی هدایت کنید , یک فایل با نام .htaccess ایجاد کنید و یا چنان چه در پوشه سابدامین وجود دارد انتخاب کرده و ویرایش کنید و کد زیر را درون این فایل درج کنید .

 

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} ^subdomain.example.com$ [NC]
RewriteRule ^(.*)$ "http://example.com/$1" [R=301,L]
</IfModule>

 

فراموش نکنید به جای subdomain در کد بالا زیردامنه ی اصلی و به جای example.com دامنه ی اصلی را قرار دهید. توجه داشته باشید خط RewriteRule از آدرس بدون www استفاده می کند اگر می خواهید www در آدرس دامنه ی اصلی باشد پس باید به آدرس تان پیشوند www را اضافه کنید. تغییرات را ذخیره کنید و فایل .htaccess خود را به سرور آپلود کنید.

 

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

  • نکته پایانی : ممکن است در پایان جابجایی مطالب شما با ارور ۴۰۴ مواجه شود بهتر است به بخش تنظیمات > پیوند های یکتا رفته و یکبار پیوند یکتار رو تغییر داده و ذخیره کنید و مجدد به حالت اول برگردانید .

ما امیدواریم این مقاله به شما کمک کرده باشد تا وب سایت خود را از زیردامنه به دامنه ی اصلی انتقال دهید.

موفق و پیروز باشید .

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



لینک منبع مطلب

ایجاد محدودیت طول عنوان نوشته ها در وردپرس Limit Post Titles

در این پست از بیست اسکریپت میخواهیم چگونگی محدود کردن تعداد واژه های عنوان سایت خود را بگوییم . شاید شما وبمستران و طراح سایت های عزیز بخواهید عنوان مطالب خود را کوتاه یا بلند بنویسید که میتوانید با استفاده از افزونه  Limit Post Titles این کار را به راحتی و در اسرع وقت انجام دهید . شاید نویسندگانی در سایت شما فعالیت میکنند که تعداد واژه های مطلب خود را یا بسیار کوتاه یا بیش از حد بلند مینویسند و شما از این اقدام رنج میبرید پس برای کنترل و مدیریت خود بر روی تعداد واژه های عنوان مطالب سایت خود من افزونه ی Limit Post Titles را به شما معرفی میکنم .

 

ایجاد محدودیت طول عنوان نوشته ها در وردپرس Limit Post Titles

 

  • چگونه تعداد واژه های مطالب سایت خود را محدود کنیم

همان طور که میدانید ، ابتدا باید افزونه را دانلود و سپس بر روی وردپرس نصب کنید . پس از اینکه افزونه را فعال کردید ، در کادر سمت راست که مربوط به پنل مدیریت میشود ، در منوی تنظیمات روی گزینه ی ( Limit Post Titles ) کلیک کنید سپس وارد صفحه ای میشوید که تصویر آن را در پایین مشاهده میکنید .

 

ایجاد محدودیت طول عنوان نوشته ها در وردپرس Limit Post Titles

 

همانطور که در تصویر بالا مشاهده می کنید ، گزینه هایی که در قسمت اول تصویر یعنی ( Character Limit ) تعداد واژه هایی که میخواهید یک نویسنده در عنوان مطالب سایت شما بگذارد را تعیین می کنید . مثلا تعداد واژه هایی که میخواهید اگر ۱۰۰ بود در همین گزینه عدد ۱۰۰ را می نویسید و پس از آن تیک گزینه ی ( post ) که در قسمت بعدی صفحه است را میگذارید . سپس روی کلید ( ذخیره تغییرات ) کلیک کنید و پس از رفرش صفحه تغییرات شما ذخیره میشود . امیدواریم از این قسمت از آموزش ما لذت برده باشید و مورد استفاده شما دوستان قرار گرفته باشد .

این نوشته ایجاد محدودیت طول عنوان نوشته ها در وردپرس Limit Post Titles برای اولین بار در بیست اسکریپت منتشر شده است.



لینک منبع مطلب

آموزش ریدایرکت آدرس سایت از HTTP به HTTPS

زمانیکه برای سایت خود گواهی SSL تهیه می نمایید می باید تمامی درخواست های http را به https انتقال داده تا از بهره گیری کامل از این گواهی نامه اطمینان یابید در غیراینصوت تنها زمانیکه بازدید کنندگان شما آدرس سایت شما را به صورت دستی با پروتکل https وارد نمایند قادر به استفاده از گواهی نامه SSL سایت شما خواهند بود. در این شرایط بهترین و ساده ترین راهکار استفاده کد مرتبط برای ریدارکت http به https در فایل htaccess می باشد.

 

آموزش ریدایرکت آدرس سایت از HTTP به HTTPS

 

نحوه ریدایرکت HTTP به HTTPS :

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

 

نکته :  به صورت کلی اگر از قبل فایل htaccess در سایت مورد نظر شما موجود نیست می باید ابتدا آن را با نام htaccess.txt از طریق file manager سایت خود ایجاد و بعداز وارد نمودن شبه کد مورد نظر آن را به نام .htaccess تغییر دهید.

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.example.com/$1 [R,L]

توضیح : به جای example.com نام دامین مورد نظر خود را وارد نمایید. همچنین در صورتیکه در فایل htaccess موجود در هاست خود خط RewriteEngine On وجود دارد دیگر نیازی به استفاده از این خط در شبه کد بالا نیست.

 

در صورت نیاز به ریدارکت شدن دامینی خاص از http به https می باید شبه کد ذیل را در داخل فایل htaccess قرار دهید.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^example.com [NC]
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.example.com/$1 [R,L]

توضیح : به جای example.com نام دامین مورد نظر خود را وارد نمایید. همچنین در صورتیکه در فایل htaccess موجود در هاست خود خط RewriteEngine On وجود دارد دیگر نیازی به استفاده از این خط در شبه کد بالا نیست.

 

همچنین درصورتیکه قصد دارید عملیات ریدارکت از http به https برای یک فولدر خاص صورت پذیرد، می باید شبه کد ذیل را در فایل htaccess مربوطه وارد نمایید.

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteCond %{REQUEST_URI} folder
RewriteRule ^(.*)$ https://www.example.com/folder/$1 [R,L]

توضیح : به جای example.com نام دامین و به جای folder نام فولدر مورد نظر خود را وارد نمایید. همچنین در صورتیکه در فایل htaccess موجود در هاست خود خط RewriteEngine On وجود دارد دیگر نیازی به استفاده از این خط در شبه کد بالا نیست.

این نوشته آموزش ریدایرکت آدرس سایت از HTTP به HTTPS برای اولین بار در بیست اسکریپت منتشر شده است.



لینک منبع مطلب

صفحه 1 از 2
12 بعدی