1

だから私はワードプレスのページに埋め込みたい祈りの時間のスクリプトを持っています。ここにリンクがあります: http://praytimes.org/manual/

基本的に、header.php/page.php ファイルに含めようとした PrayTimes.js ファイルがありますが、成功しませんでした。

通常の HTML ページに投稿するコードは次のようになります。

<!DOCTYPE html>
<html>
<head>
    <title> Daily Prayer Timetable </title>
    <style>
        body, td, th {font-family: verdana; font-size: 12px; color: #404040;}
        #timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; width: 9em;}
        #timetable td, #timetable th {border-width: 1px; border-spacing: 1px; padding: 2px 4px; border-style: inset; border-color: #CCCCCC;}
        #timetable th {color:black; text-align: center; font-weight: bold; background-color: #F8F7F4;}
    </style>
</head>

<body>

<script type="text/javascript" src="../PrayTimes.js"></script>

<br>
<p align="center">Waterloo, ON, Canada<p>
<div align="center" id="table"></div>

<script type="text/javascript">

    var date = new Date(); // today
    var times = prayTimes.getTimes(date, [43, -80], -5);
    var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

    var html = '<table id="timetable">';
    html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
    for(var i in list)  {
        html += '<tr><td>'+ list[i]+ '</td>';
        html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
    }
    html += '</table>';
    document.getElementById('table').innerHTML = html;

</script>

</body>
</html>

これをWordpressページに埋め込む方法がわかりません。一度だけ使用する必要があります。

4

2 に答える 2

0

テーマヘッダーテンプレートを変更できます。

ただし、これを行う適切な方法は、インラインスクリプトを別のjsファイルに配置し、を使用wp_enqueue_scriptして2つのjsファイルをページに追加することです。

于 2012-04-19T07:20:43.430 に答える
0

タグの間にスクリプトを配置する必要がありheadます。

<!DOCTYPE html>
<html>
<head>
    <title> Daily Prayer Timetable </title>
    <style>
        body, td, th {font-family: verdana; font-size: 12px; color: #404040;}
        #timetable {border-width: 1px; border-style: outset; border-collapse: collapse; border-color: gray; width: 9em;}
        #timetable td, #timetable th {border-width: 1px; border-spacing: 1px; padding: 2px 4px; border-style: inset; border-color: #CCCCCC;}
        #timetable th {color:black; text-align: center; font-weight: bold; background-color: #F8F7F4;}
    </style>
    <script type="text/javascript" src="../PrayTimes.js"></script>
</head>

<body>

<br>
<p align="center">Waterloo, ON, Canada<p>
<div align="center" id="table"></div>

<script type="text/javascript">

    var date = new Date(); // today
    var times = prayTimes.getTimes(date, [43, -80], -5);
    var list = ['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'];

    var html = '<table id="timetable">';
    html += '<tr><th colspan="2">'+ date.toLocaleDateString()+ '</th></tr>';
    for(var i in list)  {
        html += '<tr><td>'+ list[i]+ '</td>';
        html += '<td>'+ times[list[i].toLowerCase()]+ '</td></tr>';
    }
    html += '</table>';
    document.getElementById('table').innerHTML = html;

</script>

</body>
</html>
于 2012-04-19T07:08:50.410 に答える