دیجی اسکریپت

ترکیب کردن دو سایت وردپرس بدون از دست رفتن سئو

ترکیب کردن دو سایت وردپرس بدون از دست رفتن سئو

گاهی اوقات ممکن است چند سایت وردپرس را ایجاد کنید اما بعدها بخواهید آنها را با هم ترکیب کنید. در این مقاله ما به شما روش ادغام دو سایت وردپرس با هم بدون شکست سئو را آموزش میدهیم.

 

دلیل ادغام دو سایت وردپرس

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

 

به جای اجرا,بازاریابی,آپدیت و نگهداری پشتیبانی وردپرس از دو یا چند سایت میتوانید روی نگهداری و توسعه تنها یک سایت زمان بگذارید.

 

صدور محتوا از سایت قدیمی وردپرس

برای این مثال ما به شما نحوه ی ترکیب سایت http://oldsite.com با سایت http://newsite.com را آموزش میدهیم.

 

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

 

ابتدا شما باید به بخش ابزار>درون ریزی در بخش مدیریت سایت وردپرس قدیمی بروید. این همان سایتی است که میخواهید باسایت جدید ترکیب کنید.

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

 

ادغام محتوا روی سایت وردپرس جدید

اکنون که محتوا را از سایت قدیمی صادر کردید زمان ادغام آن با سایت وردپرس جدید میباشد. به بخش مدیریت و صفحه ابزار>import بروید.

لیست این صفحه تمام ابزاریست که میتوانید نصب کنید و روی سایت وردپرس اجرا کنید. اسکرول را پایین آورده و روی لینک install now کلیک کنید. پس از نصب ورودیهای وردپرس باید برای ادامه روی run importer کلیک کنید.

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

برای ادامه روی گزینه upload file and import کلیک کنید. اکنون وردپرس فایل های خروجی را آپلود کرده و تجزیه و تحلیل میکند. پس از آن شما را به صفحه تنظیمات ورودی تغییر مسیر میدهد.

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

تغییر مسیر و ریدایرکت کردن آدرس ها

پس از ادغام موفق محتوا از دو سایت وردپرس,گام بعدی راه اندازی تغییر مسیر است که کاربران پس از بازدید سایت قدیمی بصورت خودکار به سایت جدید تغییر مسیر یابند. شما نیاز به ویرایش فایل htaccess. روی سایت وردپرس قدیمی دارید. میتوانید فایل را توسط متصل شدن به سایت وردپرس با استفاده از ftp client یا ابزار مدیریت فایل در سی پنل میزبانی وردپرس ویرایش کنید. این فایل در هسته ی وب سایت قرار دارد. شما نیاز دارید کد زیر را در بالای این فایل قرار دهید:

options +FollowSymLinks#
RewriteEngine on
$ (*.)^ RewriteRule 
//:http
[www.newsite.com/$1[R=301,L

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

 

عیب یابی پس از ترکیب دو سایت

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

 

فیکس کردن نشان آدرس به دامنه پست یا صفحه قدیمی

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

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

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

استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس

استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس

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

ابتدا نیاز دارید استایل قالب را ویرایش کنید. میتوانید این کار با استفاده از برنامه FTP یا رفتن به نمایش>ویرایشگر در مدیریت وردپرس انجام دهید. سپس کد زیر را به فایل CSS اضافه کنید:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

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

اگر تصویر گراواتار چیزی غیر از .avatar بود پس از آن به جای avatar. در کد بالا استفاده کنید.

نوشته استایل دهی به عکس آواتار نویسنده و نظرات در وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

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

اسکن وردپرس برای پیدا کردن فایل‌های مخرب و تروجان

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

 

پیدا کردن فایل‌های مخرب و تروجان

پس تصمیم گرفتیم در ابتدا فایل‌های مخرب و تروجان را حذف کنیم. برای حذف این فایل‌ها چه باید کرد؟ روش‌های مختلفی برای پیدا کردن و حذف این فایل‌ها هست که خدمتتان توضیح خواهم داد.

 

روش اول: استفاده از CXS روی سرور وبسایت

یکی از بهترین eXploit اسکنر‌های موجود که هاست شما می‌تواند روی سرور استفاده کند، CXS هست که توسط شرکت Config Server منتشر شده. این اسکنر می‌تواند به راحتی فایل‌های مخرب وردپرسی را پیدا کرده و حذف کند. (البته اگر درست و دقیق کانفیگ شود.)

در نتیجه بهتر است در ابتدا از مدیر سرور یا هاستینگ خود بخواهید تا سایتتان را با اسکنر خود (که انشالله CXS هست.) اسکن کنند و شما را از شر فایل‌های مخرب نجات دهند.

 

روش دوم: استفاده از پلاگین‌های اسکنر امنیتی وردپرس

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

 

بعضی فایل‌ها، اصلا مخرب نیستند!

بعضی از فایل‌های روی وردپرس شما اصلا مخرب نیستند! به عنوان مثال:

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

موفق باشید.

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

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

افزودن css و جاوا اسکریپت سفارشی به قالب وردپرس

افزودن css و جاوا اسکریپت سفارشی به قالب وردپرس

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

 

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

<?php
add_action('wp_head', 'wpb_bad_script');
function wpb_bad_script() {
echo 'jQuery goes here';
}
?>

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

 

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

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

 

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

 

قرار دادن صحیح اسکریپت در صف

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

<?php

function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );  
?>

توضیح:

ما با ثبت نام اسکریپت خود از طریق تابع () wp_register_script شروع میکنیم. این تابع ۵ پارامتر را میپذیرد:

• handle$: یک نام منحصر به فرد برای اسکریپت است. که ما آنرا “my_amazing_script” مینامیم.
• src$: مکان اسکریپت میباشد. ما از تابع آدرس افزونه برای بدست آوردن آدرس صحیحی از فولدر افزونه استفاده میکنیم. پس از اینکه وردپرس آنرا پیدا کرد سپس به دنبال فایل amazing_script.js در فولدر میگردد.
• deps$: این پارامتر برای وابستگی میباشد. از آنجا که اسکریپت از جی کوئری استفاده میکند ما جی کوئری را در بخش وابستگی اضافه میکنیم. وردپرس بصورت خودکار جی کوئری را اگر در سایت در حال بارگذاری نباشد بار گذاری میکند.
• ver$: این پارامتر نسخه ی اسکریپت ما را نشان میدهد. این پارامتر مورد نیاز نمیباشد.
• in_footer$: میخواهیم اسکریپت را در فوتر بارگذاری کنیم بنابراین برای درست بودن باید ارزش تعیین کنیم. اگر بخواهید اسکریپت را در هدر بارگذاری کنید پس به شما میگوید نادرست است.

پس از فراهم کردن تمام پارامترها در wp_register_script فقط میتوانیم اسکریپت را در ()wp_enqueue_script که باعث میشود همه چیز اتفاق بیفتد صدا بزنیم. رفتن به گام ثبت نام و در صف قرار دادن اسکریپت به سایتهای دیگر اجازه ی ثبت نام اسکریپت شما اگر بخواهند بدون تغییر کد افزونه استفاده کنند را میدهد.

 

در صف قرار دادن صحیح سی اس اس

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

<?php
function wpb_adding_styles() {
wp_register_script('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_script('my_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );  
?>

توجه کنید که ما از قلاب عمل wp_enqueue_scripts هم برای اسکریپت و هم برای سبک استفاده کرده ایم. پس این تابع برای هر دو حالت کار میکند. در مثال بالا ما از  plugins_url برای اشاره کردن به مکان اسکریپت و یا سبک که میخواهیم در صف قرار دهیم استفاده کرده ایم. با این حال اگر از تابع اسکریپت صف در قالب خود استفاده میکنید پس از ()get_template_directory_uri استفاده کنید. اگر با قالب کودک کار میکنید از () get_stylesheet_directory_uri استفاده کنید مانند مثال زیر:

<?php

function wpb_adding_scripts() {
wp_register_script('my_amazing_script', get_template_directory_uri() . '/js/amazing_script.js', array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );  
?>

موفق باشید

نوشته افزودن css و جاوا اسکریپت سفارشی به قالب وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

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

چرا گوگل سایت رو ایندکس نمی‌کنه؟ دلایل و روش‌های حل مشکل

خیلی از دوستان می‌پرسند که چرا گوگل سایت رو ایندکس نمی‌کنه؟ مگر سایت من آنلاین نیست؟! پس باید در نتایج گوگل دیده بشه!

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

 

چرا گوگل سایت رو ایندکس نمیکنه؟

خب خب. با من همراه باشید تا شرایط و مراحل ایندکس شدن سایت در گوگل رو به شما توضیح بدم.

 

ابتدا یا باید در اینترنت دیده شوید و یا خودتان را معرفی کنید!

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

 

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

 

محتوای صفحه باید دیده شود!

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

مرحله اول: صفحه باید دارای تگ Robots با مقدار Noindex نباشد!

ربات‌های گوگل در ابتدا سایت شما را با کدهای HTML می‌بینند. در کدهای سایت شما یک مقدار به نام Robots قرار دارد که توسط قالب یا افزونه‌ها یا وردپرس شما مدیریت می‌شود.

 

دقت داشته باشید که صفحه شما باید قابل ایندکس شدن باشد. تگ robots مشخص می‌کند که این صفحه از سایت شما در گوگل ثبت شود یا خیر؟ برای بررسی noindex بودن تگ Robots کافیست سایتتان را با ابزار‌های بررسی سئو، آنالیز کنید. اگر این تگ فعال بود باید وارد بخش تنظیمات > خواندن در پنل وردپرس خودتان شده و گزینه از موتورهای جستجو درخواست کن تا محتوای سایت را بررسی نکنند را غیر فعال کنید. سپس روی ذخیره کلیک کنید. اگر باز هم مشکل حل نشد باید تنظیمات یواست سئو را انجام دهید.

ضمنا فایل Robots.txt را هم بررسی کنید.

 

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

اشتباه نکنید! منظورم این نیست که برای ایرانی‌ها ننویسید و متن را به زبان‌های مختلف در سایتتان منتشر کنید. منظور این هست که با استفاده از افزونه‌های محدودیت محتوا، محتوای صفحه سایتتان نباید برای کاربران ویژه سایتتان یا مثلا یک آی پی خاص محدود باشد.

 

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

 

مرحله سوم: حجم زیادی از جاوا اسکریپت روی سایتتان اجرا نکنید!

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

 

مرحله آخر: محتوای بدون کیفیت رد خواهد شد.

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

 

اگر این موارد را در نظر بگیرید، سایت شما بدون مشکل پس از گذشت چند روز در گوگل نمایش داده خواهد شد.

نوشته چرا گوگل سایت رو ایندکس نمی‌کنه؟ دلایل و روش‌های حل مشکل اولین بار در بیست اسکریپت. پدیدار شد.

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

افزودن اسکرول به بالا با استفاده از jQuery

افزودن اسکرول به بالا با استفاده از jQuery

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

 

یادداشت: این آموزش برای کاربران متوسط که در ویرایش قالب خود راحت هستند میباشد. اگر میخواهید از روش افزونه استفاده کنید از smooth page scroll to top plugin استفاده کنید. کسانیکه میخواهند بدون استفاده از افزونه این کار را انجام دهند ادامه این آموزش را مطالعه کنند.

 

اسکرول روان چیست و چه زمانی استفاده میشود؟

وقتی پست دارای محتوای زیادی باشد,کاربران برای خواندن محتواها مجبورند اسکرول را به پایین بیاورند. با اسکرول به پایین تمام لینک های ناوبری به بالا میروند. زمانیکه کاربران مقاله میخوانند نیاز دارند به بالا رفته و عملیات وب سایت شما را ببینند. دکمه ی Scroll to top کاربران را به سرعت به بالای صفحه میبرد. میتوانید این کار را بدون استفاده از jQuery و با استفاده از لینک متن زیر انجام دهید:

<a href="#" title="Back to top">^Top</a>

کار این لینک فقط بردن کاربران به بالای صفحه با سرعت زیاد میباشد. این مورد کاربردی است اما مانند یک دست انداز در جاده است. Smooth scroll  دقیقا مخالف این مورد است,این اسکرول به نرمی کاربر را بالای صفحه میبرد. این کار باعث یک اثر زیبا و بهبود تجربه کاربر میشود.

 

افزودن اسکرول به بالا با استفاده از jQuery

برای افزودن این اسکرول از jQuery,کدهای CSS و HTML در قالب وردپرس استفاده خواهیم کرد. ابتدا ویرایشگر متن را باز کنید سپس یک فایل ایجاد کرده و با نام  smoothscroll.js ذخیره کرده و کد زیر را در فایل کپی کنید:

jQuery(document).ready(function($){
	$(window).scroll(function(){
        if ($(this).scrollTop() < 200) {
			$('#smoothup') .fadeOut();
        } else {
			$('#smoothup') .fadeIn();
        }
    });
	$('#smoothup').on('click', function(){
		$('html, body').animate({scrollTop:0}, 'fast');
		return false;
		});
});

فایل را ذخیره کرده و آنرا در دایرکتوری قالب /js/ آپلود کنید. اگر قالب شما دایرکتوری /js/ را ندارد یک دایرکتوری ایجاد کرده و smoothscroll.js را در آن آپلود کنید. این کد اسکریپت جی کوئری است که اسکرول های موثر را بعنوان یک دکمه که کاربران را به بالای صفحه ببرد اضافه میکند. گام بعدی افزودن smoothscroll.js به قالب است,کد زیر را به فایل قالب functions.php اضافه کنید:

wp_enqueue_script( 'smoothup', get_template_directory_uri() . '/js/smoothscroll.js', array( 'jquery' ), '',  true );

در کد بالا به وردپرس گفته میشود که اسکریپت را بارگذاری کند همچنین کتابخانه جی کوئری را از آنجا افزونه ها وابسته به آن هستند بارگذاری کند. اکنون که jQuery را اضافه کرده ایم یک لینک به سایت وردپرس که کاربران را به بالای صفحه ببرد اضافه میکنیم. کد HTML را به فایل قالب footer.php اضافه کنید:

<a href="#top" id="smoothup" title="Back to top"></a>

همانطور که متوجه شدید یک لینک اضافه کردیم اما با هر متنی در ارتباط نیست,دلیل آن استفاده از یک آیکون تصویر با فلش رو به بالا برای بازگشت به بالای صفحه میباشد. در این مثال از آیکون ۴۰x40px استفاده کرده ایم,آنرا به قالب خود اضافه کنید:

#smoothup { 
height: 40px; 
width: 40px; 
position:fixed;
bottom:50px;
right:100px;
text-indent:-9999px;
display:none;
background: url("http://www.example.com/wp-content/uploads/2013/07/top_icon.png"); 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
}

#smoothup:hover {
-webkit-transform: rotate(360deg) }
background: url('') no-repeat;
}

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

 

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

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

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

rel= noopener چیست؟ چرا به لینک‌های وردپرس اضافه می‌شود؟

چند وقت پیش یکی از هم میهنان از من پرسید، خاصیت rel=”noopener” چیست و چه مزیتی دارد؟ این سوال باعث شد مقاله امروز رو در رابطه با این خاصیت و ویژگی‌های آن توضیح دهم.

 

خیلی‌ها فکر می‌کنند این خاصیت مثل rel=”nofollow” مربوط به سئوی سایت می‌شود. اما این خاصیت بر خلاف سایر خصوصیات تگ a به مواردی مثل سئو مربوط نیست.

 

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

اما تا اینجای کار زیاد عجیب نیست. عجیب اینجاست که وردپرس بصورت خودکار یک خاصیت rel=”noopener” به کدنویسی سایت شما اضافه می‌کند!

 

rel= noopener چیست؟

noopener یک صفت در HTML هست که بصورت پیشفرض به تمام لینک های وردپرس اضافه می شود. اما معمولا همراه با ویژگی rel=”noreferrer” همراه هست. این امکان معمولا توسط وردپرس استفاده می‌شود تا امنیت کاربران شما را ارتقا دهد.

 

یک خاصیت می‌تواند چه ربطی به امنیت کاربر داشته باشد؟

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

 

افزودن خاصیت rel= noopener این ویژگی را از ساختار جاوا اسکریپت سلب می‌کند. به این ترتیب دیگر وبسایتی که به آن لینک می‌دهید نمی‌تواند اطلاعات کاربر شما را سرقت کند.

 

تفاوت بین rel= nofollow و rel= noopener چیست؟

تفاوت بین این دو کاملا ساده و قابل فهم هست. این دو هیچ ربطی به یکدیگر ندارند. nofollow برای ربات‌های جستجوگر و دستور به بات‌های گوگل و بینگ و … به کار می‌رود و noopener برای جلوگیری از استفاده window.opener که این دو کاملا با یکدیگر متفاوت هستند. در واقع هر کدام از اینها در جای خود و در حیطه کاری خود بکار می‌روند.

موفق باشید.

نوشته rel= noopener چیست؟ چرا به لینک‌های وردپرس اضافه می‌شود؟ اولین بار در بیست اسکریپت. پدیدار شد.

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

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

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

آیکون جستجو همراه با دکمه باز شونده در اکثر سایتهای محبوب دیده می شود. ایده اینست که برای نمایش یک آیکون جستجوی ساده، زمانیکه کاربر بر روی اشکال جستجو کلیک می کند، یک اسلاید به عنوان اثر ضامن شناخته می شود.

 

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

توجه: این آموزش برای کاربران سطح متوسط که از برچسب های قالب و HTML و CSS اطلاع دارند می باشد. برای یادگیری html و سی اس اس می توانید دوره طراحی صفر تا صد قالب وردپرس را ببینید. به کاربران سطح مبتدی توصیه می شود که بر روی سرور محلی تمرین کنند.

 

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

 

تم های وردپرس از برچسب قالب <?php get_search_form(); ?> برای نمایش فرم جستجو استفاده می کند. خروجی فرم جستجو می تواند به دو شکل مختلف باشد. یکی برای تم های HTML4 و دیگری برای تم هایی که با HTML5 پشتیبانی می شوند.

 

اگر تم شما خط (‘add_theme_support(‘html5’, array(‘search-form را در فایل functions.php دارد، سپس برچسب قالب، فرم جستجوی HTML5 را خروجی می دهد. در غیر اینصورت خروجی فرم جستجوی HTML4 خواهد بود.

 

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

 

این هست برچسب قالب ()get_search_form که وقتیکه تم شما توسط HTML5 پشتیبانی نمی شود، نمایش داده می شود.

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

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

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text">Search for:</span>
		<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
	</label>
	<input type="submit" class="search-submit" value="Search" />
</form>

در این آموزش از فرم جستجوی HTML5 استفاده می کنیم. اگر تم شما فرم جستجوی HTML4 را تولید می کند، خط کد زیر را در فایل functions.php تم خود اضافه کنید:

add_theme_support('html5', array('search-form'));

اضافه کردن اثر ضامن به فرم جستجوی وردپرس

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

 

هر چند شما می توانید در فتوشاپ آنرا ایجاد کنید یا آنرا از وب دانلود کنید. در هر صورت باید مطمئن شوید که نام فایل search-icon.png باشد. حال شما نیاز است که این آیکون فرم جستجو را در پوشه تصاویر تم خود آپلود کنید. سپس کد زیر را به استایل قالب اضافه کنید.

 

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

.site-header .search-form {
	position: absolute;
	right: 200px;
	top: 200px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-form
.search-submit { 
display:none;
}

موفق باشید

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

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

افزودن ابزارک تب بندی jQuery به وردپرس

افزودن ویدجت تب jQuery به وردپرس

با تب جی کوئری می توانید چندین بخش مختلف از قالب سایتتان را همزمان مشاهده نمایید و همچنین اجازه صرفه جویی در فضا روی صفحه نمایش کاربران با ترکیب ویدجت های مختلف در یک ابزارک را میدهد. هدف از این مقاله آموزش نحوه ی افزودن تب jQuery به وردپرس (بدون کد نویسی) میباشد.

 

دلیل افزودن تب jQuery

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

 

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

 

نکته: این آموزش برای کاربران سطح متوسط است و به دانش HTML و CSS نیاز است.

 

ایجاد ویدجت jQuery در وردپرس

اولین کاری که باید انجام دهید ایجاد یک فولدر به نام bistscript-tabber-widget روی دسکتاپ میباشد. پس از آن فایل درون این فایل با استفاده از ویرایشگر متنی ساده مانند Notepad ایجاد کنید. هدف از اولین فایل ایجاد bistsc-tabber-widget.php است که شامل کد HTML و PHP برای ایجاد تب و ویدجت سفارشی وردپرس میباشد.

 

فایل دوم یک bistsc-tabber-style.css است که شامل کد css برای تب ها میباشد. سومین فایل ایجاد یک bistsc-tabber.js است که شامل اسکریپت jQuery برای راه گزینی تب و افزودن انیمیشن میباشد.

 

ابتدا با فایل bistsc-tabber-widget.php شروع میکنیم,هدف از این فایل ایجاد یک افزونه برای ثبت نام ویدجت میباشد. اگر اولین باری است که ویدجت وردپرس ایجاد میکنید توصیه میکنیم کد زیر را در فایل bistsc-tabber-widget.php اضافه کنید.

<?php
/* Plugin Name: 20script jQuery Tabber Widget
Plugin URI: http://www.20script.ir
Description: A simple jquery tabber widget.
Version: 1.0
Author: 20script
Author URI: http://www.20script.ir
License: GPL2
*/

// creating a widget
class WPBTabberWidget extends WP_Widget {

function WPBTabberWidget() {
		$widget_ops = array(
		'classname' => 'WPBTabberWidget',
		'description' => 'Simple jQuery Tabber Widget'
);
$this->WP_Widget(
		'WPBTabberWidget',
		'WPBeginner Tabber Widget',
		$widget_ops
);
}
function widget($args, $instance) { // widget sidebar output

function wpb_tabber() { 

// Now we enqueue our stylesheet and jQuery script

wp_register_style('wpb-tabber-style', plugins_url('bistsc-tabber-style.css', __FILE__));
wp_register_script('wpb-tabber-widget-js', plugins_url('wpb-tabber.js', __FILE__), array('jquery'));
wp_enqueue_style('wpb-tabber-style');
wp_enqueue_script('wpb-tabber-widget-js');

// Creating tabs you will be adding you own code inside each tab
?>

<ul class="tabs">
<li class="active"><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>

<div class="tab_container">

<div id="tab1" class="tab_content">
<?php 
// Enter code for tab 1 here. 
?>
</div>

<div id="tab2" class="tab_content" style="display:none;">
<?php 
// Enter code for tab 2 here. 
?>
</div>

<div id="tab3" class="tab_content" style="display:none;">
<?php 
// Enter code for tab 3 here. 
?>
</div>

</div>

<div class="tab-clear"></div>

<?php

}

extract($args, EXTR_SKIP);
// pre-widget code from theme
echo $before_widget; 
$tabs = wpb_tabber(); 
// output tabs HTML
echo $tabs; 
// post-widget code from theme
echo $after_widget; 
}
}

// registering and loading widget
add_action(
'widgets_init',
create_function('','return register_widget("WPBTabberWidget");')
);
?>

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

 

اکنون نیاز است یک ویدجت با کد های PHP و HTML برای تب ها ایجاد کنیم و در گام بعدی برای نمایش آنها بعنوان تب jQuery اضافه کنیم. برای این کار کد زیر را به فایل wp-tabber.js اضافه کنید.

(function($)  {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
})(jQuery);

اکنون ویدجت همراه با jQuery آماده است,گام بعدی افزودن یک ظاهر طراحی شده به تب میباشد. شیوه ی زیر را به فایل wpb-tabber-style.css اضافه کنید.

ul.tabs { 
position: relative; 
z-index: 1000; 
float: left; 
border-left: 1px solid #C3D4EA; 
}
ul.tabs li {
position: relative; 
overflow: hidden; 
height: 26px; 
float: left; 
margin: 0; 
padding: 0; 
line-height: 26px; 
background-color: #99B2B7;
border: 1px solid #C3D4EA; 
border-left: none; 
}
ul.tabs li  a{ 
display: block; 
padding: 0 10px; 
outline: none; 
text-decoration: none;
}
html ul.tabs li.active, 
html ul.tabs li.active a:hover { 
background-color: #D5DED9; 
border-bottom: 1px solid #D5DED9; 
}
.widget-area .widget .tabs a  { 
color: #FFFFFF; 
}
.tab_container {
position: relative; 
top: -1px; 
z-index: 999; 
width: 100%; 
float: left; 
font-size: 11px; 
background-color: #D5DED9; 
border: 1px solid #C3D4EA;
}
.tab_content { 
padding: 7px 11px 11px 11px;
line-height: 1.5;
}
.tab_content ul { 
margin: 0;
padding: 0; 
list-style: none; 
}
.tab_content li { 
margin: 3px 0;
 }
.tab-clear {
clear:both;
}

اکنون فولدر bistsc-tabber-widget را در دایرکتوری سایت /wp-content/plugins/ آپلود کرده و همچنین میتوانید فولدر را به فایلهای فشرده ی زیپ اضافه کنید و به افزونه ها>افزودن در بخش مدیریت بروید و روی تب upload برای نصب افزونه کلیک کنید. پس از فعال شدن افزونه به نمایش>ویدجت بروید و ویدجت تب بندی را به نوار کناری اضافه کنید.

موفق باشید

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

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

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

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

 

حتی اگر بتوانید تمام تست را با محتوای ساختگی در وردپرس انجام دهید,داده های سایت واقعی به شما یک نمایش تصویری بهتر از چگونگی نمایش این تغییرات در سایت را میدهد.

 

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

 

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

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

برای ایجاد بسته جدید باید روی گزینه  create new package کلیک کنید. Duplicator با ایجاد یک بسته از سایت وردپرس شروع میکند که ممکن است بسته به تعداد داده های روی سایت مدتی طول بکشد. پس از اتمام شما را به صفحه بسته تغییر مسیر میدهد و بسته ایجاد شده ی جدید را با فایل نصبی نشان میدهد. برای انتقال سایت نیاز دارید بسته پستی و همچنین فایل نصب شده روی کامپیوتر را دانلود کنید.

سایت سرور محلی شما به پایگاه داده ی جدید نیاز دارد پس باید یک پایگاه داده روی سرور محلی توسط phpMyAdmin ایجاد کنید. پس از ایجاد پایگاه داده باید بسته را کپی کرده و فایل را روی فولدرهای خالی در دایرکتوری وب سرور محلی نصب کنید. برای اجرای اسکریپت نصب شده باید فایل نصبی در مرورگر وب را باز کنید. برای مثال اگر هر دو فایل را در /test-site/ کپی کردید پس در مرورگر توسط http://localhost/test-site/install.php به آنها دسترسی پیدا میکنید. اکنون نسخه اسکریپت نصب شده را به این شکل خواهید دید:

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

 

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

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

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

 

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

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

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

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

پس از دانلود تمامی فایلهای وردپرس آنها را در فایلی در سرور محلی جاییکه باید وردپرس را نصب کنید کپی کنید. در سرور محلی نیاز دارید برای سایت وردپرس پایگاه داده ایجاد کنید. برای انجام این کار در مرورگر صفحه ی http://localhost/phpmyadmin/ را باز کنید و پایگاه داده ی جدید ایجاد کنید. پس از ایجاد پایگاه داده روی تب Import کلیک کنید و در صفحه بعد برای انتخاب پایگاه داده ی استخراج فایل که به زودی دانلود میکنید روی Choose File کلیک کنید و سپس روی گزینه Go کلیک کنید. اکنون پیام موفقیت ورود پایگاه داده را خواهید دید.

اکنون تمام پایگاه داده ها نصب شده اند و شما نیاز دارید آدرس را در پایگاه داده ی وردپرس آپدیت کنید که میتوانید این کار را با اجرای SQL در phpMyAdmin انجام دهید. اطمینان حاصل کنید که پایگاه داده ی سایت محلی را انتخاب کرده اید و سپس روی SQL کلیک کنید. در صفحه ی phpMyAdmin’s SQL کد زیر را کپی کرده و اطمینان حاصل کنید که example.com را با آدرس سایت جایگزین کرده اید.

UPDATE wp_options SET option_value = replace(option_value, 'http://www.example.com', 'http://localhost/test-site') WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET post_content = replace(post_content, 'http://www.example.com', 'http://localhost/test-site'); UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.example.com','http://localhost/test-site');

این کوئری منابع را به آدرس سایت زنده از پایگاه داده جایگزین میکند و با آدرس localhost جایگزین میکند. گام نهایی آپدیت کردن سایت محلی فایل  wp-config.php میباشد. شما نیاز دارید به فولدری که وردپرس که روی سرور محلی نصب کرده اید رفته و فایل wp-config.php را در ویرایشگر متن باز کنید. نام پایگاه داده را با پایگاه داده ای که در phpMyAdmin روی میزبان محلی ایجاد کردید جایگزین کنید و نام کاربری خود را با نام کاربری  mysql محلی جایگزین کنید.

 

اگر برای کاربر mySQL در میزبان محلی رمز عبور ایجاد کرده اید سپس رمز عبور را وارد کنید. در غیر اینصورت آنرا خالی بگذارید و تغییرات را ذخیره کنید.

/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');

/** MySQL database username */
define('DB_USER', 'username_here');

/** MySQL database password */
define('DB_PASSWORD', 'password_here');

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

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

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