آشنایی با قالب بلاگر - قسمت سوم (آخر)

این نوشتار ، سومین قسمت از مجموعه ی « آشنایی با قالب بلاگر » است که تقدیم شما می شود .
قسمت اول و دوم را قبلا خواندیم .


فضای اسمی اصطلاح ، ساده است ولی کاربرد آن بسیار مهم است . « اصطلاح » (expr) ، اصولا در ارتباط با برچسبهای داده بکار می رود . برای ساخت مورتو بلاگر ، بدانی که مشخصات برچسب xml که در ادامه می آیند ، دارای برچسب های داده در درون خود هستند و بایستی تجزیه شوند . هرکجا برچسبی وجود دارد ، که برچسب « لنگر » (anchor) گفته می شود ، شما ویژگی هایی شبیه href دارید و در این مورد ، شما قصد دارید که پیوند href را بصورت پویا با کمک برخی از داده ها که data:post.url نامیده می شوند ، ایجاد و سپس از این href بعنوان expr:href استفاده نمایید .

   

اجرای ساده ی expr:href در زیرمجموعه ی عنوان
این « زیرمجموعه » ، بخش عنوان در وبلاگ شما خواهد بود .
کاربرد expr:href را با برچسب « لنگر » بررسی کنید .

 

<b:includable id='title'>  
  <b:if cond='data:blog.url == data:blog.homepageUrl'>  
   <data:title/>  
   <b:else/>  
   <a expr:href='data:blog.homepageUrl'><data:title/></a>  
  </b:if>  
 </b:includable> 

 

 

کد زیر را برای درک اجرای expr:src و برچسبهای دیگر را ببینید که کاربرد آن برای تجزیه ی برچسب های داده در ویژگی های تصویر برچسب img است .

 

<a expr:href='data:blog.homepageUrl' style='display: block'>  
  <img   
   expr:alt='data:title'   
   expr:height='data:height'   
   expr:id='data:widget.instanceId'  
   expr:src='data:sourceUrl'   
   expr:width='data:width'   
   style='display: block'  
  />  
 </a

 

 

مشاهده می کنید که چگونه برچسب expr به بطور انتخابی بر روی ویژگی ها ، اعمال می شود . هرجا داده ی مورد استفاده قرار گیرد ، expr اعمال شده و هر جا که برچسب داده مورد نیاز نباشد ، expr حذف می شود . بنابراین متغیرهای فضای اسمی expr ، کلیه ی ویژگی هایی هستند که می توانند برخی از متغیرهای فضای اسمی داده را در درون خود داشته باشند . فلذا کاربرد expr برای برچسب های داده ، در هر مقدار ویژگی از جمله expr:title, expr:id, expr:onClick
و امثال آن بکار میرود . این ویژگی ها می توانند برای هر چسب xml باشند . بعضا در « لنگر » یک تصویر از img, span, div, select, input, button و موارد دیگر نیز دیده شده است .

 

مثال لغزش بوکمارک اجتماعی بر روی دکمه برای بلاگر
کدی که در زیر فهرست شده است ، تشریح می کند که چگونه لغزش را بر روی کلیدی در بلاگر قرار دهیم . گرچه این یک مثال است ولی می تواند تمرکز اصلی من در اینجا بر روی کاربرد نقل قول ها (quote) است . پس بررسی کنید که چطور نقل قول های تکی یا دوتایی در expr:href برای ایجاد و بکارگیری آدرس اینترنتی برای ارائه ی انگشتک و/یا (or/and thumb) بر روی پست بکار می روند . عموما مهم نیست که شما از نقل قول های تکی یا جفتی استفاده می کنید ، ولی هنگامی که ویژگیهای شما قرار است هر دوی آنها را استفاده کند ، نقل قول تکی ویژگی را باز کرده و می بندد و نقل قول جفتی ، بصورت بخشی از ویژگی درک می شود .

بلاگر از نقل قول تکی برای مقادیر ویژگی و از نقل قول جفتی در درون آن استفاده می کند . پس در صورت لزوم ، کدهایتان را تغییر دهید . درون مقادیر ویژگی ، اگر نقل قول های جفتی یا تکی اضافی بعنوان بخشی از کد اصلی وجود داشت ، مثلا جاوااسکریپت ، شما بایستی از آنها رد شوید . همچنین بررسی کنید که علامت'&' به '&' تبدیل شود . بنابراین شما ممکن است مجبور شوید که آدرس اینترنتی خودتان را به این روش ایجاد کنید . بررسی بیشتری را بر روی لغزش بر روی آدرس اینترنتی پست بر روی « لغزش بر » سایت آنها در بخش دکمه و اشیاء انجام دهید . http://www.stumbleupon.com Widgets and button section.

 

1. <a   
   2.  rel="nofollow"   
   3.  target="_blank"   
   4.  expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title'   
   5.  title="StumbleUpon">  
   6.  <img   
   7.   src="../stumbleupon.png"   
   8.   title="StumbleUpon"   
   9.   alt="StumbleUpon"   
  10.   class="sociable-hovers"  
  11.  />  
  12. </a>  

 

مثال بوکمارک اجتماعی – افزودن آواتار به بلاگر
بازهم گرچه کدهای زیر ، فقط یک مثال هستند ، ولی تمرکز من بر روی کاربرد جاوااسکریپت است . بررسی کنید که چگونه data:post.url بکار می رود ، در حالیکه آن را در آدرس آواتار متغیر جاوااسکریپت وارد می کند . شما می توانید این کد را برای نمایش یک شمارنده ی آواتار برای پستهای خودتان به یک شیوه ی فشرده ی مرتب بر روی وبلاگتان استفاده کنید . مستندات آواتار را در این آدرس و در بخش ابزارها بررسی کنید . http://www.digg.com tools section

 

1. <script type="text/javascript">  
   2.  digg_url = &#39;<data:post.url/>&#39;;  
   3.  digg_skin = 'compact';  
   4.  digg_window = 'new';  
   5. </script>  
   6. <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>   

 

 

همانگونه که می بینید ، فرار از نقل قول ها در بالا انجام شد . گرچه این یک مثال مستقیم از کاربرد expr:tag بصورت javascript onclick یا چیز دیگر نیست . آیا شما منطق کار را متوجه شدید ؟ ولی اگر شما متوجه نشدید ، این فهرست کد را که دکمه ی افزودن نظر را نشان می دهد ، بررسی کنید . این دکمه عموما در پایین پست های شما وجود دارد که مطمئنا قابل سفارشی سازی نیز هست .

 

1. <div class='post-footer-line post-footer-line-3'>  
   2.  <span class='post-comment-link'>  
   3.   <b:if cond='data:blog.pageType != &quot;item&quot;'>  
   4.    <b:if cond='data:post.allowComments'>  
   5.     <a   
   6.      class='comment-link'   
   7.      expr:href='data:post.addCommentUrl'   
   8.      expr:onclick='data:post.addCommentOnclick'>  
   9.       <b:if cond='data:post.numComments == 1'>  
  10.        1 <data:top.commentLabel/>  
  11.       <b:else/>  
  12.        <data:post.numComments/> <data:top.commentLabelPlural/>  
  13.       </b:if>  
  14.     </a>  
  15.    </b:if>  
  16.   </b:if>  
  17.  </span>   
  18. </div>  

 

data:post.addCommentOnclick ، جاوااسکریپت مناسب را بر اساس تنظیمات وبلاگ شما تولید می کند . برای مثال یک پنجره ی popup یا صفحه ی نظرات .

data:post.addCommentUrl ، آدرس اشاره به نظرات برای پست شما را تولید می کند .

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

منبع را در اینجا ببینید



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