پی سی پاور

وبلاگ تخصصی برق،کامپیوتر و اینترنت
پی سی پاور

پی سی پاور

وبلاگ تخصصی برق،کامپیوتر و اینترنت

جستجو در سایت

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

آخرین نظرات
بایگانی

تصویر مطلب چیست و چه کاربردهایی دارد

چهارشنبه, ۲۶ شهریور ۱۳۹۳، ۰۹:۲۶ ق.ظ

 تصویر مطلب چیست و چه کاربردهایی دارد

برخی از دوستان در قسمت نظرات پرسیده بودند که من چگونه در قسمت آخرین مطالب عکس قرار میدهم

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

 

چگونه قابلیت تصویر مطلب را فعال کنیم

 

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

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

فعال سازی امکان انتخاب تصاویر برای مطالب

چگونه برای مطالبمان تصویر انتخاب کنیم

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

‌‌انتخاب تصویر برای مطالب

چگونه از این تصویر در قالب استفاده کنیم

برای استفاده از این تصویر در وبلاگ‌های بیان در قالبتان باید از عبارت (*post_image*) استفاده کنید

چند مثال

حال با هم چند مثال از کاربرد تصویر مطلب را بررسی می‌کنیم

1- خلاصه‌ی مطلب

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

خلاصه مطلب

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

‌ 

<check:if post_image>

<img alt="(*post_title*)" src="(*post_image*)" title="(*post_title*)"> 

</check:if>

در این کد (*post_image*) که همان تصویر مطلب است و (*post_title*) عنوان مطلب است

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

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

اگر می‌خواهید عکس را کوچکتر کنید می‌توانید از عبارت width استفاده کنید

‌ 

<check:if post_image>

<img alt="(*post_title*)" src="(*post_image*)" title="(*post_title*)" width="300"

</check:if>

با تغییر عدد 300 میتوانید میتوانید سایز عکس را تغییر دهید

اگر می‌خواهید عکس سمت چپ یا راست صفحه قرار بگیرد می‌توانید از عبارت "align="left یا "align="right استفاده کنید

‌ 

<check:if post_image>

<img align="left" alt="(*post_title*)" src="(*post_image*)" title="(*post_title*)" width="300"> 

</check:if>

‌ 

2- ادامه مطلب

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

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

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

3- آخرین مطالب ، پربیننده‌ترین مطالب ، محبوب‌ترین مطالب ، مطالب پربحث‌تر و مطالب با موضوع یکسان

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

 

<a href="(*post_link*)"><img align="right" alt="(*post_title*)" src="(*post_image*)" title="(*post_title*)" width="60">(*post_title*)<br><span> ( (*post_views*) نمایش و </span><span class="cmt">(*post_comment_count*) نظر )</span></a>

وارد کردن کد تصویر مطلب در قسمت آخرین مطالب

 

با width و align قبلاً آشنا شده‌اید

(*post_views*) برابر با تعداد نمایش‌ها و  (*post_comment_count*) برابر با تعداد نظرات مطلب است

شما می‌توانید مشابه این کار را برای پربیننده‌ترین مطالب ، محبوب‌ترین مطالب و مطالب پربحث‌تر نیز انجام دهید

همچنین شما با استفاده از نشانه‌ ( Flag ) می‌توانید جعبه‌ای شبیه به آخرین مطالب درست کنید و در آن مطالب با موضوع یکسان را قرار دهید و مشابه آخرین مطالب برای آن تصویر مطلب قرار دهید

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

4- دیگر کاربردها

همچنین شما با استفاده از تصویر مطلب می توانید اسلایدر ، ویژه‌های آرشیو ، گالری عکس و ... درست کنید البته همه‌ی این‌ها نیاز به یادگیری Flag دارد که در مطالب آینده به آن می‌پردازیم

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

در پایان این نکته را متذکر می‌شوم که گاهی اوقات عواملی باعث می شوند که تصاویر مطلب به درستی نشان داده نشوند  در این مواقع با تغییری جزئی در کد CSS قالب وبلاگتان مشکل حل می‌شود

امیدوارم که از خواندن این مطلب لذت کافی را برده باشید
باز نشر مطالب با ذکر «وبلاگ پی سی پاور» و درج لینک به همان مطلب ، آزاد است.
لطفا به اشتراک بزارید تا همه استفاده کنند
      اشتراک گذاری در لینکداین اشتراک گذاری در stumbleupon اشتراک گذاری در شبکه اجتماعی مایکروسافت ( سوشال ) اشتراک گذاری در توییتر اشتراک گذاری در فیس بوک اشتراک گذاری در گوگل پلاس اشتراک گذاری در افسران اشتراک گذاری در کلوب اشتراک گذاری در بالاترین ایمیل کردن این مطلب
      اشتراک گذاری در هر ایرانی اشتراک گذاری در هم میهن اشتراک گذاری در فرندفا اشتراک گذاری در فارس توییتر اشتراک گذاری در دستنویس اشتراک گذاری در میکروبلاگ دنبالر اشتراک گذاری در فیس نما اشتراک گذاری در شبکه اجتماعی تبیان اشتراک گذاری در لینکام اشتراک گذاری در لینک پد اشتراک گذاری در آزاد مهر
      اشتراک گذاری در فیس فارسی اشتراک گذاری در شبکه اجتماعی چارباغ اشتراک گذاری در رفسنگ اشتراک گذاری در اسپیکفا اشتراک گذاری در گپ فارسی اشتراک گذاری در دلشکسته اشتراک گذاری در لونه اشتراک گذاری در نت ایران اشتراک گذاری در آیتگ اشتراک گذاری در سنگریها

نظرات (۶)

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

    با افتخار لینک شدید.
    پاسخ:
    سلام
    شما هم لینک شدید
    سلام
    وبلاگ خوبی داری. لینک وبلاگتون رو در وبلاگم قرار دادم. لطفا شما هم به وبلاگم دهید
    موفق باشید
    پاسخ:
    سلام
    شما لینک شدید
  • آواتار
  • علی عیالبار
  • شما هم لینک شدید
    پاسخ:
    ممنون
    سلام محمد جان داداشم مرسی لینکت کردم و امیدوارم بتونم دوست خوبی باشم برات
    پاسخ:
    ممنون
    سلام لینک شدید
    شما هم لینک کنید  وخبرم کنید
    پاسخ:
    سلام
    شما لینک شدید
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی
    بالا