کاربری
کاربر گرامی به انجمن پشتیبانی پرستاشاپ - انجمن پرستاشاپ فارسی خوش آمدید . اگر این نخستین بازدید شما از سایت است , لطفا ثبت نام کنید:
تبلیغات در اینترنت دنیای کارتریج

کاربران برچسب زده شده

نمایش نتایج: از 1 به 3 از 3

موضوع: آمورش درج ویدیو از آپارات در فروشگاه

  1. #1

    https://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.png
    مدیرکل سایت
    تاریخ عضویت
    خرد 1403
    محل سکونت
    زایان
    نوشته ها
    2,247
    سپــــــــاس
    156
    تشکر شده 647 بار در 542 ارسال
    یاد شده
    در 0 پست
    برچسب زده شده
    در 0 تاپیک

    آمورش درج ویدیو از آپارات در فروشگاه

    یکی از سوالاتی که بارها و بارها در انجمن مطرح میشد این بود که چطور میشه از سایت آپارات در فروشگاه های پرستاشاپی ویدیو درج کرد؟

    خب پاسخ خیلی ساده بود این که ویرایشگر خود پرستاشاپ این قابلیت رو داره!

    با این راه حل ویدیو درج میشد، اما، مشکل این بود که ویدیوی درج شده شکل و شمایل خوبی نداشت.

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

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

    قبل از هر چیز از بخش مدیریت پرستاشاپتون وارد "تنظیمات - عمومی" شده و گزینه اجازه به iframe ها در فیلدهای HTML روی بله بذارید

    حالا وارد سایت آپارات شوید. زیر ویدیوی آپلود شده کلیدهایی به نام (پسندیدن، دانلود، اشتراک و بیشتر) وجود داره. روی گزینه "بیشتر" موس رو نگه دارید و از منوی باز شده روی "</> ویدیو در سایت شما" کلیک کنید (عکس زیر)




    یک کادر شامل کدی که باید داخل سایت بذارید نمایش داده میشه که شما باید از پایین اون روی "انتخاب نوع کد و اندازه نمایش" کلیک کنید.از سمت چپ نوع کد رو روی "کد iframe" قرار بدید و کدی که در کادر تولید شده رو کپی کنید (عکس زیر)



    کد iframe سایت آپارات

    در صفحه درج/ویرایش محصول در توضیحات بلند روی آیکون درج ویدیو کلیک کنید و از کادر باز شده روی گزینه "جا دادن" کلیک کنید و کدی که از آپارات کپی کرده بودید رو paste کنید. در کدی که درج کردید بعد از عبارت:

    کد:
        <div class="h_iframe-aparat_embed_frame">

    این کد رو کپی و ذخیره کنید:

    کد:
        <div class="block-me"></div>
    درج کد آپارات در ویرایشگر متن پرستاشاپ

    خب تا اینجا ویدیوی شما درج شد اما مشکل اصلی سایز و شکل و شمایل نمایش ویدیوست که زیاد جالب نیست. برای رفع این مشکل به پوشه themes/yourtheme/css/autoload مراجعه کنید (* بجای yourtheme اسم پوشه قالب شما قرار میگیرد)

    در اینجا یک فایل جدید به نام aparat.css ایجاد کنید و فایل رو ویرایش کنید. داخل فایل این کدها رو قرار بدید:
    کد:
    .bottom-footer-container .designer-container {text-align: left;}
    .footer-container #footer h4:hover, .footer-container #footer h4 a:hover {cursor: text;}
    .footer-container #footer h4 a:hover {color: #333;}
    .h_iframe-aparat_embed_frame{position:relative;}
    .h_iframe-aparat_embed_frame div.block-me {
      display: block;
      padding-top: 57%;
    }
    .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;}
    .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
    خب کار تمومه. حالا کافیه کش مرورگرتون رو پاک کنید و صفحه محصولتون رو مشاهده کنید
    [تنها کاربران انجمن می توانند لینک و عکس ها را مشاهده کنند تنها در 10 ثانیه ثبت نام کنید . ]
    و بالاخره آرزوی کاربران پرستاشاپ : [تنها کاربران انجمن می توانند لینک و عکس ها را مشاهده کنند تنها در 10 ثانیه ثبت نام کنید . ]

  2. #2

    https://s4.uupload.ir/files/10637ve_437g.pnghttps://s4.uupload.ir/files/10637ve_437g.pnghttps://s4.uupload.ir/files/10637ve_437g.pnghttps://s4.uupload.ir/files/10637ve_437g.pnghttps://s4.uupload.ir/files/10637ve_437g.png
    کاربرسایت
    تاریخ عضویت
    فرو 1396
    نوشته ها
    5
    سپــــــــاس
    1
    تشکر شده 2 بار در 2 ارسال
    یاد شده
    در 0 پست
    برچسب زده شده
    در 0 تاپیک
    سلام.

    خیلی دنبال این آموزش می گشتم.ممنون از شما

    کاربر مقابل پست fitka عزیز را مفید دانسته و آن را پسندیده است:



  3. #3

    https://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.pnghttps://s4.uupload.ir/files/10637124_it0p.png
    مدیرکل سایت
    تاریخ عضویت
    خرد 1403
    محل سکونت
    زایان
    نوشته ها
    2,247
    سپــــــــاس
    156
    تشکر شده 647 بار در 542 ارسال
    یاد شده
    در 0 پست
    برچسب زده شده
    در 0 تاپیک
    آموزش جدید برای نسخه های جدید پرستاشاپ


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

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

    ابتدا وارد صفحه*ی ویدیوی مدنظر شوید، سپس دکمه*ای تحت عنوان share یا به اشتراک گذاری می*بینید، کافیست روی آن کلیک کنید.

    کپی کردن کد iframe یوتیوب

    اکنون در پنجره*ای که باز شده است، روی گزینه embed کلیک کنید.

    حالا می*توانید با کلیک کردن روی COPY، کد iframe ویدیو را کپی کنید.

    کپی کردن کد iframe یوتیوب

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


    کپی کردن کد ویدیو از آپارات

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

    کپی کردن کد iframe آپارات

    حالا گزینه*ی کد آی فریم را انتخاب کنید و با کلیک کردن روی علامت کپی، کد را کپی نمایید.

    به اشتراک گذاری ویدیو آپارات

    اکنون شما یاد گرفتید که چطور کد iframe را به دست آورید، زمان آن رسیده که ویدیو را در پرستاشاپ وارد کنید...


    جایگذاری ویدیو در پرستاشاپ

    برای درج ویدیو در پرستاشاپ، 2 راه در اختیار شما قرار دارد:

    1- از طریق کد منبع

    اول کد iframe را کپی کنید و سپس به صفحه محصول*ها در مسیر کاتالوگ>>محصول*ها بروید.

    1- بر روی علامت مداد در ردیف محصول مدنظر (که نشان*دهنده ویرایش است)، کلیک کنید.

    وارد کردن ویدیو در پرستاشاپ

    2- اکنون در بخش خلاصه و یا توضیحات (هرجا که مایل هستید)، روی علامت <> کلیک کنید تا کد HTML و کد منبع صفحه به شما نمایش داده شود.

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

    3- کد iframe را در انتهای صفحه و یا هرجای دیگری که می*خواهید، جایگذاری (paste) کنید.

    آموزش درج ویدیو در صفحه محصول پرستاشاپ

    4- روی دکمه باشه کلیک کنید و سپس دکمه ذخیره را بزنید و پیش نمایش محصول را ببینید.



    2- از طریق گزینه افزودن فایل تصویری

    مانند روش قبل، باید اول کد iframe را کپی کنید و سپس به صفحه ویرایش محصول بروید.

    در بخش خلاصه و یا توضیحات، علامتی وجود دارد که برای افزودن فایل تصویری به کار می*رود، روی آن کلیک کنید. (در تصویر زیر مشخص کرده*ایم.) سپس به بخش جا دادن بروید و کد iframe را آنجا وارد کنید.

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

    اکنون بر روی دکمه "باشه" کلیک کنید و ذخیره را بزنید.
    [تنها کاربران انجمن می توانند لینک و عکس ها را مشاهده کنند تنها در 10 ثانیه ثبت نام کنید . ]
    و بالاخره آرزوی کاربران پرستاشاپ : [تنها کاربران انجمن می توانند لینک و عکس ها را مشاهده کنند تنها در 10 ثانیه ثبت نام کنید . ]

مجوز های ارسال و ویرایش

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

سایت پشتیبانی پرستاشاپ فارسی خدمات رایگان خود را در سال 1392 با عنوان"انجمن پشتیبانی پرستاشاپ فارسی" در ایران آغاز نمود و از آن لحظه تا کنون همواره سعی در به کارگیری شیوه هایی نوین داشته و به عنوان اولین بومی کننده پرستاشاپ در ایران همواره در نشر و توسعه این فروشگاه ساز کوشا می باشد.

session بارگذاری مجدد کد امنیتی مندرج در تصویر را وارد کنید:
پیاده سازی ، پشتیبانی و تنظیم توسط :پرستاشاپ فارسی طراحی شده توسط رامین محمدی