رفتن به مطلب

جستجو در تالارهای گفتگو

در حال نمایش نتایج برای برچسب های 'blockrss'.

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


تالارهای گفتگو

  • بخش اختصاصی انجمن
    • پرستاشاپ چیست؟
    • قوانین انجمن
    • اخبار و اعلامیه‌ها
    • نظرسنجی‌ها و نظرخواهی‌های انجمن
    • پیشنهاد و انتقاد
  • دانلود پرستاشاپ فارسی | قالب ماژول پرستاشاپ
    • دانلود پرستاشاپ فارسی
    • دانلود ماژول پرستاشاپ
    • دانلود قالب پرستاشاپ
    • نرم‌افزار ، اسکریپت و اصلاحیه
  • سؤالات و رفع مشکلات
    • مشکلات و سوالات پرتکرار (قبل از هر سوالی بخوانید)
    • سوالات و مشکلات متداول پرستاشاپ 1.7
    • مشکلات و سؤالات متداول پرستاشاپ 1.6
    • مشکلات و سؤالات متداول پرستاشاپ 1.5
    • گزارش خطاهای احتمالی در نصب، نمایش، ترجمه و ...
  • آموزش ها
    • آموزش‌های پرستا شاپ
    • آموزش مرتبط با پرستا شاپ
    • سایر آموزش ها
  • بخش تخصصی
    • همکاری های عمومی
    • ترجمه پرستا شاپ
  • کاربران پرستا شاپ فارسی
    • معرفی فروشگاه های پرستاشاپی
  • بایگانی
    • بایگانی پرستاشاپ 1.3
    • بایگانی پرستاشاپ 1.4
  • موضوعات غیر پرستا شاپی
    • گپ خودمانی
    • حذفیات انجمن‌ها

جستجو در ...

نمایش نتایجی که شامل ...


تاریخ ایجاد

  • شروع

    پایان


آخرین بروزرسانی

  • شروع

    پایان


فیلتر بر اساس تعداد ...

تاریخ عضویت

  • شروع

    پایان


گروه


Website URL


Skype


Location

  1. مدت زیادی دنبال این بودم که بتونم آخرین مطالب وبلاگی که با سیستم وردپرس راه اندازی شده به همراه تصویر شاخص (Featured Image) رو داخل صفحه اصلی فروشگاه راه اندازی شده با پرستاشاپ، نمایش بدم. پرستاشاپ ماژولی داره به نام Blockrss که با نصب اون و اضافه کردن فید وبلاگ مورد نظر، عنوان (Title) آخرین مطالب رو در قسمتی که ماژول قرار داده شده (ساید بار و یا فوتر و یا هرجایی که برای قرارگیری ماژول داخل قالب تعریف شده) نمایش می ده. اما اگر بخواهید عکس شاخص (Featured Image) رو هم نمایش بده باید تغییر کوچیکی داخل فایل blockrss.tpl بدید. بعد از باز کردن فایل blockrss.tpl کد زیر رو پیدا کنید: <!-- Block RSS module--> <div id="rss_block_left" class="block"> <p class="title_block">{$title}</p> <div class="block_content"> {if $rss_links} <ul> {foreach from=$rss_links item='rss_link'} <li><a href="{$rss_link.url}">{$rss_link.title}</a></li> {/foreach} </ul> {else} <p>{l s='No RSS feed added' mod='blockrss'}</p> {/if} </div> </div> <!-- /Block RSS module--> و کد زیر رو داخل تگ <li></li> اضافه کنید: <img src="{$rss_link.image}"> برای اینکه هم عنوان نوشته و هم عکس به صورت لینک در بیان و بشه از طریق CSS استایل داد، کد رو به صورت زیر نوشتم: <!-- /Block RSS module--> و کد زیر رو داخل تگ <li></li> اضافه کنید: <!-- Block RSS module--> <div id="rss_block_left" class="block"> <p class="title_block">{$title}</p> <div class="block_content"> {if $rss_links} <ul> {foreach from=$rss_links item='rss_link'} <li><a href="{$rss_link.url}"><span class="rss-img"><img class="circlerss" src="{$rss_link.image}"></span><span class="rsstitle">{$rss_link.title}</span></a></li> {/foreach} </ul> {else} <p>{l s='No RSS feed added' mod='blockrss'}</p> {/if} </div> </div> <!-- /Block RSS module--> از کدهای زیر هم برای استایل دهی استفاده کردم: #rss_block_left li { margin-bottom: 15px; } .rss-img { margin-left: 5px; margin-bottom: 10px; display: inline-block; } .circlerss { width: 60px; height: 60px; border-radius: 50%; } .rsstitle { display: inline-block; width: 150px; line-height: 22px; vertical-align: top; margin-right: 5px; } که این کد و نحوه استفاده از تگ‌ های HTML برای مثال و نمونه هست، شما می تونید از تگ‌های مورد نیاز خودتون استفاده کنید. منبع: وبلاگ «اگر...آنگاه...» (شرطی بی نام)
×
×
  • اضافه کردن...