Title: Insert JavaScript and CSS
Author: Ryan
Published: <strong>22.06.2012</strong>
Last modified: 26.07.2012

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://s.w.org/plugins/geopattern-icon/insert-javascript-css.svg)

# Insert JavaScript and CSS

 Від автора [Ryan](https://profiles.wordpress.org/ryannutt/)

[Завантажити](https://downloads.wordpress.org/plugin/insert-javascript-css.0.2.zip)

 * [Деталі](https://uk.wordpress.org/plugins/insert-javascript-css/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/insert-javascript-css/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/insert-javascript-css/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/insert-javascript-css/#developers)

 [Підтримка](https://wordpress.org/support/plugin/insert-javascript-css/)

## Опис

Easily add custom JavaScript or CSS to a single post or page.

When activated, a new icon is added to the post edit page near the icon you use

to add media to a post. Clicking the new icon brings up a screen where you can insert
JavaScript and CSS that will be included with the current post.

Anything entered into the text field on the JavaScript tab will be inserted into

the <head> section of your web page. Same is true of the CSS tab. This allows you
to insert arbitrary JavaScript and CSS into any post or page you would like without
having to resort to loading it on all pages.

## Скріншоти

[⌊Icon added to the post media area⌉⌊Icon added to the post media area⌉[

Icon added to the post media area

[⌊Form to enter JavaScript⌉⌊Form to enter JavaScript⌉[

Form to enter JavaScript

[⌊Form to enter CSS⌉⌊Form to enter CSS⌉[

Form to enter CSS

## Встановлення

 1. Upload the `insert-javascript-css` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

OR

 1. Use the plugin installer inside of WordPress

## Часті питання

  Do I need to wrap in script or style tags?

Does’t matter. If you do, they’re left in place. If you don’t, they’ll be added.

  What about archive pages?

Unless you specifically tell it not to, this plugin will include any JavaScript 
or CSS
 included in a post on archive pages as well.

This can lead to conflicts. Take for example two posts, one with `body { background:
blue; }`
 and the other with `body { background: green; }`. Whichever post comes
last will take priority, but that’s probably not what you want.

If you add a custom field named `ijsc_single_only` to your post the JavaScript or
CSS will
 only add when `is_single()` is true. It doesn’t matter what value you 
put in `ijsc_single_only`, only that there is a value.

  Who can insert JavaScript or CSS

By default users with the capability upload_files are allowed to insert JavaScript

or CSS into posts. This seemed to be a logical choice as you need to have a certain
level of trust for users to upload files.

If you would like to change what capability is required you can edit the `IJC_CAPABILITY_REQUIRED`

constant defined in `insert-javascript-css.php` inside the plugin folder.

## Відгуки

![](https://secure.gravatar.com/avatar/20eed4d0ae64e466d8d9597de8f63a2b8333d4ef9c5d3fc4b79b83d451235232?
s=60&d=retro&r=g)

### 󠀁[Another awesome WP plugin](https://wordpress.org/support/topic/another-awesome-wp-plugin/)󠁿

 [fpats](https://profiles.wordpress.org/fpats/) 07.02.2017

Not.

 [ Прочитати всі 10 відгуків ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/)

## Учасники та розробники

“Insert JavaScript and CSS” — проект з відкритим вихідним кодом. В розвиток плагіну
внесли свій вклад наступні учасники:

Учасники

 *   [ Ryan ](https://profiles.wordpress.org/ryannutt/)

[Перекладіть “Insert JavaScript and CSS” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/insert-javascript-css)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/insert-javascript-css/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/insert-javascript-css/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/insert-javascript-css/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/insert-javascript-css/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 0.2

Fix so CSS and JS will show up in post types other than post.

#### 0.1

Initial release

## Мета

 *  Версія **0.2**
 *  Останнє оновлення **14 років тому**
 *  Активних встановлень **400+**
 *  Версія WordPress ** 3.0 або вище **
 *  Tested up to **3.4.2**
 *  Мова
 * [English (US)](https://wordpress.org/plugins/insert-javascript-css/)
 * Позначки
 * [css](https://uk.wordpress.org/plugins/tags/css/)[javascript](https://uk.wordpress.org/plugins/tags/javascript/)
   [page](https://uk.wordpress.org/plugins/tags/page/)[post](https://uk.wordpress.org/plugins/tags/post/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/insert-javascript-css/advanced/)

## Оцінки

 4.1 out of 5 stars.

 *  [  7 5-star reviews     ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/insert-javascript-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/insert-javascript-css/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/insert-javascript-css/reviews/)

## Учасники

 *   [ Ryan ](https://profiles.wordpress.org/ryannutt/)

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/insert-javascript-css/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](http://www.nutt.net/donate/)