Wordpress Shortcode için yardım

Merhaba, bir javascript kodunu wordpress siteme shortcode olarak eklemek istiyorum. Bunu da en iyi eklenti ile yaparım diye düşündü ama php bilgim hiç yok.

siteme eklemek istediğim kod şu:

<link rel="stylesheet" href="https://s3.amazonaws.com/canvas-chess/source/pgn.min.css">
<script src="https://s3.amazonaws.com/canvas-chess/source/canvaschess-0.1.0.min.js"></script>
<script src="https://s3.amazonaws.com/canvas-chess/source/pgnviewer-0.1.0.min.js"></script>
<script>
    var viewer = new CHESS.PgnViewer({
        pgn_uri: 'https://s3.amazonaws.com/canvas-chess/pgn/lasker_capablanca_1921.pgn',
        piece_set: 'https://s3.amazonaws.com/canvas-chess/pieces/merida'
    });
</script>

Bunu şu şekilde entegre etmek istiyorum mesela [satranc][/satranc] kısa yolunun içrisine "pgn_uri: 'https://s3.amazonaws.com/canvas-chess/pgn/lasker_capablanca_1921.pgn', "değişkeni gelecek şekilde adres ya da text yazdığımda kodun çalışmasını istiyorum.

Yardım edebilecek?

sorunu çözdüm, belki başkalarının da işine yarar:

Önce shortcoder eklentisini kurdum.
Sonra shortcode oluştur seçeneğinden kısayolu oluşturup yukardaki kodu içine kopyaladım ama şu şekilde:

<link rel="stylesheet" href="https://s3.amazonaws.com/canvas-chess/source/pgn.min.css">
<script src="https://s3.amazonaws.com/canvas-chess/source/canvaschess-0.1.0.min.js"></script>
<script src="https://s3.amazonaws.com/canvas-chess/source/pgnviewer-0.1.0.min.js"></script>
<script>
    var viewer = new CHESS.PgnViewer({
        pgn_text: '%%pgnurl%%',
        piece_set: 'https://s3.amazonaws.com/canvas-chess/pieces/merida'
    });
</script>

Yeni yazı ekleyip shortcode ekle butonuna tıkladığımda url parametresi çıkıyor ve oraya url yazdığımda kod çalışıyor...