no-img
اِمیلا

قرار دادن کدهای codepen در پست وردپرس

انتشار؛ 26 فوریه 2020،
41 روز پیش
وردپرس

codepen یک ویرایشگر آنلاین است که در آن می‌توانیم کدهای  html و css و javascript را وارد کنیم و خروجی را هم، همزمان مشاهده کنیم.

مراحل انجام کار:

codepen یک ویرایشگر آنلاین است که در آن می‌توانیم کدهای  html و css و javascript را وارد کنیم و خروجی را هم، همزمان مشاهده کنیم، در این لینک می‌توانید بیشتر در موردش یاد بگیرید.

مراحل انجام کار:

1: در ابتدا اگر اکانتی در سایت codepen.io ندارید، یک اکانت بسازید، ساخت اکانت در این سایت ساده است و وقتی نمی‌گیرد.

2: در اکانت خود یک pen جدید ایجاد کرده و کد خود را در آن نوشته و ذخیره کنید.

3: پلاگین یا افزونه‌ی codepen embedded pens shortcode را در سایت وردپرس خود نصب و فعال کنید.

4: پست جدید خود را ایجاد کنید. یا اینکه پست شخص دیگری را انتخاب نمائید.

5: به سایت codepen  باز گردید، از سمت راست، پایین، گزینه‌ی embed را پیدا و سپس را انتخاب کنید، در پنجره‌ی جدیدی که باز می‌شود کمی به پایین اسکرول کنید و سپس تب wordpress shortcode را انتخاب کنید و از باکس زیرِ آن کد را کپی کرده و سپس به سایت خود باز گردید و در بدنه‌ی پستی که ایجاد کرده‌اید این کد را paste کنید.

تمام

لینک کوتاه : https://emila.ir/?p=21331
سلام علیکم!
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم