ممکن است قصد داشته باشید تا در یک مطلب، ویدئویی مرتبط با آن را قرار دهید تا خواننده درصورت تمایل آن را مشاهده کند. شما با استفاده از کدهای HTML5 قادر خواهید بود تا در هر مطلبی که دوست دارید ویدئوی مورد نظر خود را اجرا نمایید!

این کار با استفاده از چند خط کد امکان پذیر است! برای انجام آن ادامه مطلب را مطالعه کنید…

ابتدا کدهای زیر را در فایل Functions.php قالب خود قرار دهید.

function html5_video($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"width" => '',
"height" => ''
), $atts));
return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
}
add_shortcode('video5', 'html5_video');

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

[video5 src="File Address" width="720" height="480"]

آدرس ویدئو را به جای File Address بگذارید. سایز پلیر را هم میتوانید با استفاده از Width ئ Height تغییر دهید.

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

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

ابتدا کد زیر را در فایل function.php قرار دهید.

function Wp_UCanHide($text) {
global $user_ID;
if ($user_ID == '') {
$posdebut = strpos($text, '[hide]');
$posfin = strpos($text, '[/hide]');
$posfin = $posfin + 5;
$texttohide = substr($text,$posdebut,$posfin);
$text = str_replace($texttohide, "", $text);
return $text;
}else{
$text = str_replace('[hide]', "", $text);
$text = str_replace('[/hide]', "", $text);
return $text;
}
}
// Apply the filters, to get things going
add_filter('the_content', 'Wp_UCanHide');

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

[hide]Hidden paragraph[/hide]

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

امیدوارم مورد استفاده قرار گرفته باشد. موفق باشید.

استفاده از شورت کدها در وردپرس می تواند بسیار جالب و کاربردی باشد! در این مطلب قصد دارم تا با استفاده از یک Shortcode پیش نمایش یا اسکرین شات یک وبسایت دلخواه را در یک مطلب قرار دهم!

با استفاده از این کار میتوانید لینک هایی که به وب سایت های دیگر میدهید را زیبا تر و جذاب تر کنید!

برای این کار ابتدا کدهای زیر را در فایل Functions.php قالب خود قرار دهید.

function wps_screenshot($atts, $content = null) {
extract(shortcode_atts(array(
"screenshot" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://',
"alt" => 'screenshot',
"width" => '400',
"height" => '300'
), $atts));
return $screen = '<img src="' . $screenshot . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '"/>';
}
add_shortcode("screenshot", "wps_screenshot");

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

[screenshot url="http://Iranhex.com" alt="Graphic and web design" width="200" height="200"]

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

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

<?php if (!current_user_can(‘edit_users’)) {
add_action( ‘init’, create_function( ‘$a’, “remove_action( ‘init’, ‘wp_version_check’ );” ), 2 );
add_filter( ‘pre_option_update_core’, create_function( ‘$a’, “return null;” ) );
} ?>

کاراکترهای مخصوص در جاوا اسکریپت (JavaScript Special Characters )

در جاوا اسکریپت شما می توانید یک کاراکتر خاص را به یک رشته متنی بوسیله ی یک &#۸۲۲۱; بک اسلش ” (\) اضافه کنید .

وارد کردن کاراکتر خاص

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

به کد جاوا اسکریپت زیر نگاه کنید

var txt="We are the so-called "Vikings" from the north.";
document.write(txt);

در جاوااسکریپت، یک رشته با یک یا دو کوتیشن شروع و خاتمه می یابد .این به این معنی است که رشته بالا به این صورت جدا می شود‌ : We are the so-called

برای حل این مشکل، شما باید یک علامت بک اسلش(\) را قبل از هر دابل کوتیشن در عبارت ” vikings” قرار دهید . این کار باعث می شود هر دابل کوتیشن به لفظ رشته تبدیل شود.

var txt="We are the so-called \"Vikings\" from the north.";
document.write(txt);

حالا جاوا اسکریپت خروجی مربوط به متن را اینگونه نمایش می دهد :      We are the so-called “Vikings” from the north.

حالا یک مثال دیگر :

document.write ("You \& I are singing!");

مثال بالا این خروجی را تولید می کند :

   You & I are singing!

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

عبارت Try … Catch  جاوا اسکریپت:

عبارت Try … Catch  به شما نشان می دهد که یک بلاک از کد را برای خطا چک کند .

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

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

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

عبارت  Try … Catch

عبارت Try … Catch  به شما اجازه می دهد که یک بلاک از کد جاوا اسکریپت را برای خطا چک کنید . بلاک Try  شامل کدهایی برای اجراست و بلاک  Catch  شامل کدهایی است که اگر خطایی رخ دهد اجرا می شود.

Syntax

try
  {
  //Run some code here
  }
catch(err)
  {
  //Handle errors here

توجه : این Try … Catch  با حروف کوچک نوشته می شود . استفاده از حروف بزرگ برای نوشتن آن موجب ایجاد خطا ی جاوا اسکریپت می شود.

مثال ۱ :

در مثال زیر فرض شده که زمانی که کاربر بر روی دکمه کلیک کند پیغام ”  Welcome guest! “   ظاهر می شود .هرچند در اینجا در تابع  message()  غلط املایی وجود دارد . alert()  با املای غلط به کار بردن()   adddlert است . یک خطای جاوا اسکریپت رخ داده است. بلاک Catch  دچار یک خطا شده است و یک کد عادی برای اداره  ی آن اجرا می کند . این کد نشان می دهد که یک پیغام خطای عادی به کاربر می گوید که چه کاری انجام دهد .

Example

<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {

مثال ۲ :

مثال بعدی از یک جعبه ی تایید برای نشان دادن یک پیغام عادی که به کاربران می گوید که آنها می توانند بر روی  ok  کلیک کنند و به دیدن صفحه ادامه بدهند و یا بر روی Cancel  کلیک کنند و به صفحه ی  homepage  بروند؛ استفاده می کند .اگر روش تایید مقدار false  برگرداند ، کاربر بر روی cancel  کلیک کرده و کد کاربر را دوباره هدایت می کند .اگر روش تایید مقدار true  برگرداند کدها کار خاصی انجام می دهد .

Example

<html>
<head>
<script type="text/javascript">
var txt=""
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Click OK to continue viewing this page,\n";
  txt+="or Cancel to return to the home page.\n\n";
  if(!confirm(txt))
    {
    document.location.href="http://www.w3schools.com/";
    }
  }
}
</script>
</head>

<body>
<input type="button" value="View message" onclick="message()" />
</body>

</html>

عبارت  throw

عبارت throw  می تواند همراه با try … catch  بزای ایجاد یک حالت خاص برای خطا استفاده می شود . درباره ی عبارت throw  در فصل بعد یاد خواهیم گرفت .

وقایع جاوا اسکریپت

Event  ها وقایعی هستند که توسط جاوا اسکریپت می توانند نمایش داده شوند .

Events

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

هر عنصر در صفحه وب هر اتفاق معینی که می تواند توسط جاوا اسکریپت راه اندازی شود را دارد.برای مثال ما می توانیم از  event  ، OnClick  یک عنصر دکمه که نشان می دهد یک تابع زمانی که یک کاربر بر روی دکمه کلیک کند ؛ اجرا می شود .

مثالی از event  ها:

-          با کلیک موس

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

-          موس بر روی یک نقطه خاص بر روی صفحه برود

-          انتخاب کردن یک فیلد ورودی در فرم HTML

-          فرستادن یک فرم HTML

-          یک بار کلیک کردن

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

Onload , onunload  :

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

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

“Welcome Jone Doe!”

onFocus, onBlur , onChange:

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

مثال زیر چگونگی استفاده از  event ، onchange  آورده شده ؛تابع checkEmail()  زمانی که کاربر مقدار فیلد را تغییر می دهد ، فراخوانی می شود.

<input type="text" size="30" id="email" onchange="checkEmail()">

Onsubmit:

Event ، submit  همه ی فیلدها را قبل از فرستادنشان اعتبارسنجی می کند .

در مثال زیر چگونگی استفاده از این  event  آورده شده. تابع checkForm()  زمانی که کاربر دکمه ای از فرم را فشار می دهد فراخوانی می شود .اگر مقدار فیلد مورد قبول نباشد ، ارسال صفحه متوقف می شود .تابع  checkForm()  مقدار  True و یا False  را بر می گرداند..اگر مقدار True  برگرداند صفحه ارسال می شود در غیر این صورت ارسال صفحه  cancel  می شود.

onMouseOver and onMouseOut:

ایندو برای ایجاد صفحات جنبنده  استفاده می شود.

در مثال زیر event ، onMouseOver  اورده شده است . یک جعبه ی هشدار زمان نشان دادن این Event  ظاهر می شود .

<a href="http://www.webfocus.ir" onmouseover="alert('An onMouseOver event');return false">
<img src="webfocus.gif" alt="Webfocus" /></a>

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

Syntax

for (variable in object)
  {
  code to be executed
  }

توجه: کدی که در بدنه ی for … in  باشد حلقه را برای هر عنصز یا شی فقط یک بار اجرا می کند .

توجه: آرگومانها می توانند به عنوان یک متغییر نامگذاری شوند ، یک عنصز آرایه یا یک مشخصه ی شی .

مثال:

استفاده از عبارت For … In  برای ایجاد حلقه در میان یک آرایه :

<html>
<body>

<script type="text/javascript">
var x;
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

for (x in mycars)
  {
  document.write(mycars[x] + "<br />");
  }
</script>

</body>
</html>

عبارت Break

عبارت Break  حلقه را می شکند و کد بعد از حلقه را اجرا می کند (اگر کدی بعد از آن نوشته شده باشد)

مثال

<html>
<body>
<script type="text/javascript">
var i=0;
for (i=0;i<=10;i++)
  {
  if (i==3)
    {
    break;
    }
  document.write("The number is " + i);
  document.write("<br />");
  }
</script>
</body>
</html>

عبارت Continue

عبارت Continue  حلقه جاری را می شکند و با مقدار بعدی ادامه پیدا می کند .

مثال

<html>
<body>
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++)
  {
  if (i==3)
    {
    continue;
    }
  document.write("The number is " + i);
  document.write("<br />");
  }
</script>
</body>
</html>

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

حلقه while

حلقه ی  while  ، یک بلاک از کد را تا زمانیکه شرطی برقرار باشد اجرا می کند.

Syntax

while (var<=endvalue)
  {
  code to be executed
  }

توجه: <=  می تواند هر عبارت مقایسه ای باشد.

مثال:

مثال زیر یک حلقه را با مقدار اولیه i=0 را تعریف کرده .حلقه تا زمانی که i کوچکتر ویا  مساوی ۵ است ادامه می یابد. مقدار i با هر بار اجرای حلقه یک واحد افزایش می یابد.

مثال:

<html>
<body>
<script type="text/javascript">
var i=0;
while (i<=5)
  {
  document.write("The number is " + i);
  document.write("<br />");
  i++;
  }
</script>
</body>
</html>

حلقه  do … while:

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

Syntax

do
  {
  code to be executed
  }
while (var<=endvalue);

مثال:

مثال زیر از حلقه ی do … while  استفاده کرده است . حلقه ی do … while  حداقل یک بار اجرا می شود ؛ حتی زمانی که شرط غلط باشد. زیرا قبل از اینکه شرط بررسی گردد بدنه آن اجرا می شود .

 <html>
<body>
<script type="text/javascript">
var i=0;
do
{
document.write("The number is " + i);
document.write("<br />"); 
i++;
 }
while (i<=5);
</script>
</body>
</html>