Поддержка Проблемы и решения Как вставить код codepen на сайт wordpress

  • Здравствуйте!

    Имеется проект на codepen:
    https://codepen.io/babaykin/pen/VVGmBp

    Как вставить данный проект на свой сайт? Если использовать встроенные функцию — «EMBED» на сервисе Сodepen, то проект отображается в боксе Сodepen. То же самое происходит при использовании плагина CodePen Embedded Pens Shortcode.
    Мне нужно разместить на своем сайте сам объект без бокса (оболочки), сам анимированный текст.
    Экспортировал файлы проекта на свой комп: index.html, style.css и index.js. Бросил style.css и index.js в корень сайта. Прописал путь к css и js в html — ничего не отображается! Читал, что надо регистрировать и подключать стили и JS в файле functions.php, но ничего толком не понял.
    Помогите, как все организовать? Если можно поподробнее, для чайников! Спасибо!

    • Тема изменена 5 лет, 4 месяца назад пользователем babaykin.
Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Модератор Yui

    (@fierevere)

    永子

    Пробовал… Вставляет не сам объект, а проект целиком в боксе (оболочка Сodepen, рамка)… Мне нужно вставить просто анимированный текст

    • Ответ изменён 5 лет, 4 месяца назад пользователем babaykin.

    Вставляет не сам объект, а проект целиком в боксе (оболочка Сodepen, рамка)… Мне нужно вставить просто анимированный текст

    По-моему тут все очень просто…. Это можно сделать только зарегистрировавшись на сайте Сodepen (а не как анонимному пользователю) и скорее всего имея платный про-аккаунт. ( То есть, например, по принципу некоторых приложений в гуглплей — хочешь без рекламы — купи платную версию.)

    Так что халява не прокатит 🙂

    • Ответ изменён 5 лет, 4 месяца назад пользователем O.

    Я зарегистрированный пользователь!
    Хорошо, поставлю вопрос по другому — у меня есть html, css и js… Как их интегрировать на свой сайт?

    Как их интегрировать на свой сайт?

    Смотря куда «интегрировать».
    Универсальный способ — сделать из них плагин и вывести его результаты там где Вам нужно

    Я зарегистрированный пользователь!

    Зарегистрированный — не значит оплаченный. Почитайте по указанной выше ссылке (с помощью онлайн-переводчика) в чем отличие Free аккаунта от платных.

    http://joxi.ru/zANzGwNtBdDReA

    у меня есть html, css и js…

    созданных бесплатно и поэтому в них уже наверняка прошита реклама codepen.

    • Ответ изменён 5 лет, 4 месяца назад пользователем O.
    • Ответ изменён 5 лет, 4 месяца назад пользователем O.

    Имеется проект на codepen:
    https://codepen.io/babaykin/pen/VVGmBp

    Решился я всё же глянуть о чем речь… Так эта хрень мне загрузила процессор до 80% (без этой владки загрузка 5-7%).

    h

    та хрень мне загрузила процессор до 80%

    Да. Есть такая проблема. У меня не так критично, но тоже заметно! http://joxi.ru/L2164k8t8p47qA
    http://joxi.ru/GrqjxREcQjaelm

    Модератор Yui

    (@fierevere)

    永子

    View post on imgur.com


    у вас неправильное что-то
    не выше 30%

    у вас неправильное что-то

    Винда 64bit? 😉

    Винда 64bit? 😉

    ну, с ГНУтыми окнами и кде на борту

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Как вставить код codepen на сайт wordpress» закрыта для новых ответов.