چگونه باید از یک فایل جاوااسکریپت در پوسته ی وردپرس استفاده کرد؟

karaneha · فروردین 92

با سلام و عرض وقت بخیر و شادباش به همه ی عزیزان و اساتید گرانقدر. ببخشید سوالای خیلی ابتدایی میپرسم!

من اخیرا یک کد جاوااسکریپت پیدا کردم، که بصورت تایپ کردنی نوشته ها رو نشون میده، یک کد جاوا اسکریپته. ولی متاسفانه نمیدونم چطوری باید فایل این کد رو در پوسته ی سایتم آپلود کنم (با چه پسوندی و در کدام قسمت پوسته)، و این که این فایل رو چطور در مکان مورد نظر فراخوانی کنم؟ لطفن راهنماییم کنید چطوری از این نوع کدها باید استفاده کرد؟

یعنی کلن در مورد فایلهای جاوا اسکریپت ( یا جی کوئری) بفرمایید:

1- کجا فایل مورد نظر رو آپلود کنم ( در هاست و قسمت پوسته ی مورد نظر یا مکان دیگه ای؟) ؟ 2 - چطوری در مکان مورد نطرم برای نمایش محتویات کد فراخوانیشون کنم؟

الآن من کل کد رو همینجوری ریختم در انتهای فایل header.php سایتم ، و در زیر هدر داره نمایش داده میشه.

کد جاوااسکریپتی که گفتم اینه : ( در سایتم اسفادش کردم : www.karaneha.ugig.ir )


<script>
// CREDITS:
// Newsticker
// By Peter Gehrig
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com
// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.fabulant.com on the webpage
// where this script will be featured
var text=new Array()
var textlink=new Array()
var texttarget=new Array()
/////////////////////////////////////////////////////////////////////
// START OF
// CONFIGURATION ZONE
////////////////////////////////////////////////////////////////////
// Your messages. Add as many as you like. Experienced webmasters may even embed simple HTML-tags (see samples below)
text[0]="<strong></strong>حضرت علي (ع) مي فرمايد:به دوستت به طور کامل اعتماد نکن."
text[1]="<strong></strong><br>شهادت حضرت زهرا (س) تسليت باد."
text[2]="<strong>عنوان پاراگراف سوم </strong><br>متن پاراگراف اول متن خبر بايد متناسب با کادر باشد در يک سطر نوشته شودو با . به پايان برسد ."
// Add a link for each message
// Enter "#" if you don't want to link a message (see sample below)
textlink[0]="http://آدرس لينک پاراگراف اول"//بايد با http://آغاز شود
textlink[1]="http://آدرس لينک پاراگراف دوم"
textlink[2]="http://آدرس لينک پاراگراف سوم"
// Add the target of the link
// Corect values are "_blank","_top", "_self", "_parent" or the name of any frame
texttarget[0]="_blank" //"پنچره اي که لينک در آن باز مي شود معروف ترين تابع ها _blank براي باز شدن در پنجره ديگر_selfبراي باز شدن داخل وبلاگ
texttarget[1]="_self"
texttarget[2]="_parent"
// Font
var textfont="tahoma"// نام فونت پيشنهاد مي شود از فونتهاي يوني کد مانند Arial,Tahoma,...استفاده گردد
// Font-color
var textfontcolor="#000000"// رنگ متن مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....
// Font-color on rollover
var textfontcolorrollover="#FF0000" // رنگ متن هنگامي که موس بر روي آن قرار مي گيرد
// Font-size
var textfontsize=9 //سايز فونت بر حسب pt
// Enter true "true" if you want add an underline, else add "none"
var textdecoration="none" // وضعيت خط کشي همرا کلمه underline براي زير خط none براي خط نداشتن
// Background-color
var textbgcolor="Gold" // رنگ جعبه مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....

// Font-weight. Enter "bold" or "normal"
var textweight="normal" // وضعيت ضخامت فونت
// Font-style. Enter "italic" or "normal"
var textitalic="normal" // وضعيت خميدگي فونت
// width and height of ticker (pixels)
var textwidth=800 // اندازه طول جعبه نمايش
var textheight=60 // اندازه عرض جعبه نمايش
// Pause between the Messages (Sekunden)
var textpause=3 // مدت زمان توقف هر پاراگراف بر حسب ثانيه
// Border-width (write 0 if you don't want to add a border)
var textborder=5 // اندازه بردار بر حسب پيکسل
// Border-color
var textbordercolor="#336699"// رنگ بردار مي تواند کد و يا نام لاتين رنگها باشد مانند orange, black ,....
// Speed (higher=slower)
var speed=70 // سرعت هرچه عدد بالاتر رود کندتر تايپ مي کند
// پايان بخش کنترل به ادامه لينک ها دست نزنيد
/////////////////////////////////////////////////////////////////////
// END OF
// CONFIGURATION ZONE
////////////////////////////////////////////////////////////////////
// Do not edit below this line
document.write("<table border=0 cellpadding=0 cellspacing=0>")
document.write("<tr><td width="+textwidth+" height="+textheight+" valign=top dir=rtl>")
var textalign="right"
var textvalign="top"
var textitalicA=""
var textitalicB=""
var textweightA=""
var textweightB=""
var textfontsizeHTML=1
var i_mes=0
var i_substring=0
var i_presubstring=0
var i_text=0
var textcontent=""
var notag=true
var textpresubstring=""
var textaftersubstring=""
textpause*=1000
var browserinfos=navigator.userAgent
var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)
function gettextcontent() {
tablewidth=textwidth-2*textborder
tableheight=textheight-2*textborder
textpresubstring=text[i_text].substring(0,i_presubstring)
var i_prepre=i_presubstring-1
if (i_prepre<0) {i_prepre=0}
if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false}
if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true}
if (notag) {
textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+" dir=rtl><tr valign="+textvalign+"><td align="+textalign+">"
textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"
textcontent+=textpresubstring
textcontent+="</a>"
textcontent+="</td></tr></table>"
}
}
function showtickerNS6() {
textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">"
textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onmouseover=\"this.style.color=\'"+textfontcolorrollover+"\'\" onmouseout=\"this.style.color=\'"+textfontcolor+"\'\">"
textcontent+=text[i_text]
textcontent+="</a>"
textcontent+="</td></tr></table>"
document.getElementById("ticker").innerHTML=textcontent
i_text++
if (i_text>=text.length-1) {i_text=0}
var timer=setTimeout("showtickerNS6()", 2*textpause)
}
function showticker() {
if (i_substring<=text[i_text].length) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
gettextcontent()
if (ie4) {
ticker.innerHTML=textcontent
var timer=setTimeout("showticker()", speed)
}
if (ie5 || opera || ns6) {
document.getElementById("ticker").innerHTML=textcontent
var timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
var timer=setTimeout("changetext()", textpause)
}
}
function changetext() {
i_substring=0
i_presubstring=0
i_text++
if (i_text>text.length-1) {
i_text=0
}
showticker()
}

if (ie5 || ns6 || opera) {
if (ns6) {
textwidth-=2*textborder
textheight-=2*textborder
}
document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+'">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+textwidth+'px;height:'+textheight+'px;"></span>')
document.write('</div>')
}
window.onload=showticker
document.write("</td></tr></table>")
</script>

ممنون از همگی

ویرایش شده فروردین 92 توسط karaneha

ho3ein · فروردین 92

میتونید در یه فایل در پوشه قالب خودتون wp-content/themes/MAHDI THEME/ یک فایل با پسنود .js ایجاد کنید و این کد ها رو در داخلش بریزید مثلا با نام script.js

و به این صورت فراخوانی کنید :


<script type="text/javascript" src="<?php bloginfo('template_url');?>/script.js"></script>

کد بالا رو در فایل header.php قبل تگ head بزارید

ورود

چگونه باید از یک فایل جاوااسکریپت در پوسته ی وردپرس استفاده کرد؟

پست های پیشنهاد شده

karaneha 27

لینک به ارسال

ho3ein 330

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها