دیجی اسکریپت

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

افزودن اسکرول به بالا با استفاده از 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 اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

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

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

چند وقت پیش یکی از هم میهنان از من پرسید، خاصیت 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 چیست؟ چرا به لینک‌های وردپرس اضافه می‌شود؟ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

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

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

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

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

 

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

توجه: این آموزش برای کاربران سطح متوسط که از برچسب های قالب و 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;
}

موفق باشید

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

[ad_2]

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

کاربران سایت ما را با چه مرورگر‌هایی باز می‌کنند؟ تست سایت با مرورگر‌های مختلف
[ad_1]

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

 

کاربران سایت ما را با چه مرورگر‌هایی باز می‌کنند؟

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

 

مثلا ممکن است سایت شما در زمینه طراحی سایت فعالیت داشته باشد. مسلما اکثر افراد با گوگل کروم سایت شما را باز می‌کنند. حالا فرض کنیم زمینه فعالیت شما فروش لوازم یدکی خودروی تویوتا fg45 هست. ‌:) شکی نیست که کاربران سایت شما پیرمرد‌هایی خواهند بود که با اینترنت اکسپلورر سایتتان را مشاهده می‌کنند.

 

هر مسئله، پاسخی دارد. در نتیجه باید به دنبال یک راه کاملا اصولی برای مشاهده مرورگر کاربران باشیم. بهترین روش برای اینکار استفاده از سیستم‌های آمارگیری هست و چه چیزی بهتر از گوگل آنالیتیکس برای اینکار!

 

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

همانطور که بصورت کامل در آموزش گوگل آنالیتیکس توضیح دادم، می‌توانید از منوی Audience و زیر شاخه Technology بخش Browser & OS را کلیک کنید.

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

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

 

تست سایت با مرورگر‌های مختلف

برای تست سایتتان با مرورگر‌های مختلفی از جمله Edge, FireFox, Google Chrome و Opera وارد سایت CrossBrowser Testing شوید. این سرویس، سایت شما را با مرورگر‌های مختلف تست خواهد کرد. ابتدا وارد این سایت شوید. سپس روی Start a Free Trial کلیک کنید تا بتوانید از نسخه رایگان آن استفاده کنید

در فرمی که به شما نمایش داده می‌شود، اطلاعات خود را وارد کنید و روی CREATE YOUR FREE ACCOUNT کلیک کنید.

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

 

حالا به پنل تست مرورگر‌ها وارد شدید. از منوی Test Center روی Run Live Test کلیک کنید.

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

موفق باشید.

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

[ad_2]

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

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

افزودن ویدجت تب 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 به وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

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

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

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

 

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

 

مهم: اگر شما در حال انتقال سایت به یک دامنه جدید یا هاست جدید خودتان هستید توصیه میکنیم ابتدا از وب سایت خود پشتیبان بگیرید و همچنین توصیه میکنیم از پشتیبان  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');

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

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

[ad_2]

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

آموزش حذف سایت از گوگل و اینترنت
[ad_1]

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

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

آموزش حذف سایت از گوگل

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

 

مرحله اول: از سایت خود بک آپ بگیرید

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

مرحله دوم: تمامی فایل های سایتتان را پاک کنید

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

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

حالا که سایتتون رو پاک کردید نوبت به بلوکه کردن موتور های جستجو هست تا به سایت شما دسترسی نداشته باشند. این کار را باید از طریق فایل robots.txt انجام داد. پس فایل robots.txt را با کلیک روی new file در این پوشه بسازید و کد زیر را در آن کپی کنید:

User-agent: *
Disallow: /

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

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

[ad_2]

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

نمایش نقشه Bing در وردپرس
[ad_1]

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

 

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

 

نمایش نقشه Bing در وردپرس (بدون نیاز به افزونه)

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

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

 

سفارشی‌‌سازی نقشه بینگ

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

بعد از اینکه سفارشی‌‌سازی‌‌های خودتان را بررسی کردید و از تغییراتی که انجام داده‌‌ید اطمینان پیدا کردید، باید روی گزینه‌‌ی Generate Code کلیک کنید. بعد از کلیک بر روی این گزینه یک کد به شما داده می‌‌شود که شما باید این کد را کپی کنید چون که به این کد در مراحل بعدی احتیاج دارید.

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

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

در گام بعدی باید کدی که قبلا در سایت به شما ارائه شد را در این قسمت پیست کنید.

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

 

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

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

 

استفاده از پلاگین Ultimate Maps by Supsystic

افزونه‌‌ای که می‌‌تواند به شما برای اضافه کردن نقشه بینگ در سایت کمک کند افزونه‌‌ی رایگان Ultimate Maps by Supsystic است. شما بعد از نصب و فعال‌‌سازی این افزونه باید نقشه‌‌های نهایی خودتان را فعال کنید.

 

این پلاگین در واقع به شما این امکان را می‌‌دهد که نقشه‌‌های بینگ، نقشه‌‌های برگه و دیگر گزینه‌‌های دیگر Google Maps را در سایت وردپرسی خودتان قرار دهید.

 

برای استفاده از این افزونه شما به یک کلید API در نقشه بینگ نیاز دارید. شما می‌‌توانید به سادگی یک حساب کاربری در وب‌‌سایت Bing Maps Dev Center ایجاد کنید و یا اینکه اگر در مایکروسافت یک حساب کاربری دارید می‌‌توانید از همان استفاده کنید.

پس از وارد شدن به حساب خود، باید بر روی منوی «حساب من» کلیک کنید و گزینه «My Keys» را انتخاب کنید.

در صفحه بعد باید برای ایجاد یک کلید، اطلاعات وب‌‌سایت خود را پر کنید.

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

شما به سادگی می‌‌توانید روی پیوند «کپی کلید» یا «نمایش کلید»کلیک کنید و کلید Bing Maps API را کپی کنید.

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

 

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

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

 

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

 

فراموش نکنید که تنظیمات پلاگین را ذخیره کنید.

پس از آن، شما نیاز به اضافه کردن دسته‌‌های نشانه‌‌گذاری شده دارید که برای این کار باید روند زیر را  طی کنید  Ultimate Maps by Supsystic » Marker Categories » Add Category.

هر تعداد دسته نشانه‌‌گذاری شده که نیاز دارید بسازید.

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

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

 

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

 

نشانه‌‌گذاری نقاط اصلی نقشه

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

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

 

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

 

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

 

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

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

هنگامیکه در ویرایشگر صفحه کلیک کردید باید بر روی آیکون Add New Block کلیک کنید و بخش Shortcode را از قسمت ابزارک‌‌ها انتخاب کنید.

 

اضافه کردن شورت کد افزونه در سایت

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

به همین راحتی! نقشه بینگ به سایت شما اضافه شد.

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

[ad_2]

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

آموزش حذف wpseo_sitemap‌ از دیتابیس وردپرس
[ad_1]

حذف wpseo_sitemap‌ ها از دیتابیس وردپرس

درود بر شما. هر چند وقت یکبار دیتابیس سایت بیست اسکریپت رو بررسی می‌کنم، تا دیتای افزونه‌هایی که قبلا نصب کردیم رو حذف کنم و سرعت بیشتری داشته باشیم. (البته به زودی این روش پاکسازی دیتابیس رو بصورت کامل و مطمئن آموزش خواهم داد.) اما در هر صورت مشکل امروز اینجا بود که حدود ۱۴۰۰ ردیف توی جدول wp_options اضافه شده بود که توجه من رو به خودش جلب کرد.   یعنی ۱۴۰۰ تا ردیف با اسامی مشابه که با wpseo_sitemap شروع شده چی می‌تونه باشه؟

خب داستان این اطلاعات اضافی چیست؟

همانطور که از اسم ردیف‌ها پیداست بی شک این اطلاعات مربوط به افزونه یواست سئو پرمیوم هستند اما واقعا به این اطلاعات نیازی هست؟ با کمی جستجو توی گیت هاب و منبع یواست متوجه شدم که این مشکل از نسخه‌های قبلی یواست وجود داشته و در نسخه ۷٫۴ به بعد یواست حل شده اما اطلاعات قبلی روی دیتابیس مانده و حجم دیتابیس ما را بالا برده بودند.

 

چطور حذف کنیم؟

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

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

سپس وارد phpmyadmin بشید تا بتونید دیتابیس های سایت را مدیریت کنید.

بعد از باز شدن phpmyadmin، از سمت چپ دیتابیس وردپرس سایتتون رو از لیست دیتابیس ها انتخاب کنید. و روی دکمه sql از نوار بالایی کلیک کنید.

دستور زیر را در SQL تایپ کنید و روی GO کلیک کنید تا تمام اطلاعات اضافی یواست مپ از دیتابیس شما حذف شود.

DELETE FROM `wp_options` WHERE option_name LIKE 'wpseo_sitemap%validator%'

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

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

[ad_2]

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

چرا باید رسانه های وردپرس را noindex کنیم؟
[ad_1]

چرا باید رسانه های وردپرس را noindex کنیم؟

بدترین حالت ممکن برای شمایی که مدیر یک وب سایت هستید این هستش که پرونده های چند رسانه ای شما یا به عبارت دیگر، رسانه هایی که بر روی وب سایت قرار داده اید، اعم از تصاویر، ویدئوها و … در وب سایتتان برای کاربران به نمایش در نیایند و بازتابی نداشته باشند، پس باید برای اینکه چنین مشکلی به وجود نیاید از این کار جلوگیری کرد. یکی از راه های این کار noindex کردن محتوای تمامی پست تایپ های ‘media’ می باشد، که در ادامه بیشتر توضیح خواهم داد.

 

 

noindex به چه معناست و کاربرد آن چیست؟

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

 

به صورت کلی، زمانی که صفحه مطلب ما ارزشی بابت اضافه شدن آن به لینک ها ندارد، از تگ noindex بر روی المنت های html و یا لینک ها و … استفاده می کنیم تا جلوگیری کنیم از ورود ربات ها به ذخیره سازی (Index) کردن اینگونه محتویات.

 

noindex کردن تمامی رسانه ها در وردپرس

زمانی که شما یک یا چند تصویر را در رسانه های وردپرس آپلود می کنید، نه تنها تصویر در مطالب شما قابلیت نمایش دارد، بلکه به صورت خودکار یک برگه (Page) مانند برای تصاویر آپلود شده شما در پایگاه داده ایجاد می شود، که یکی از قابلیت های عجیب در وردپرس می باشد. با توضیحی که داده شد، هر تصویر آپلود شده در وب سایت شما یک برگه بدون محتوا را شامل می شود؛ چرا که درون آن فقط خود رسانه هست که نمایش داده می شود یا در برخی موارد محتوای متنی Alt تصویر نیز هم وجود دارد و دیگر هیچ محتوایی در برگه موجود نیست.

 

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

 

راه حل چیست؟

شما می توانید از افزونه سئو وردپرس حرفه ای Yoast SEO Premium برای noindex کردن محتوای رسانه های وردپرس خود استفاده کنید.

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

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

[ad_2]

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