વર્ડપ્રેસ પોસ્ટની અંદર JavaScript કોડ કેવી રીતે ઉમેરવો?

વ્યવસ્થિત રીતે શીખ્યાવેબસાઇટ બનાવોતકનીકીSEOનિષ્ણાતો જાણે છે કે JavaScript પ્રોગ્રામનો સરળતાથી ઉપયોગ કેવી રીતે કરવો.

ઈન્ટરનેટ પર અન્ય લોકો દ્વારા શેર કરવામાં આવે છે તેવા ઘણા ઉપયોગમાં સરળ JavaScript કોડ છે.

તારાથી થાય તોવર્ડપ્રેસલેખમાં JS કોડ ઉમેરવાથી લેખ ચોક્કસપણે રંગીન બનશે.

વર્ડપ્રેસ લેખોમાં JS કોડ કેવી રીતે ઉમેરવો

વર્ડપ્રેસ પોસ્ટમાં JavaScript કોડ ઉમેરવાનું ખૂબ જ સરળ છે.

આગળ,ચેન વેઇલીંગતમારી સાથે શેર કરશે:વર્ડપ્રેસ પોસ્ટમાં JavaScript કોડ કેવી રીતે ઉમેરવો?

JS કોડ ઉમેરવાની સામાન્ય રીતે 2 રીતો છે:

1. વર્ડપ્રેસ પોસ્ટમાં સીધો JS કોડ ઉમેરો
2. JS ફાઇલ લખ્યા પછી WordPress લેખમાં JS કોડ કૉલ કરો

1) વર્ડપ્રેસ પોસ્ટમાં સીધા જ JS કોડ ઉમેરો

પ્રથમ પદ્ધતિ, સીધા વર્ડપ્રેસ પોસ્ટમાં JavaScript લખવું.

અહીં "હેલો વર્લ્ડ!" લખાણ છાપવાનું ઉદાહરણ છે! ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

આ વર્ડપ્રેસ પોસ્ટમાં છે જે JavaScript ને એક્ઝિક્યુટ કર્યા પછી "Hello World!" દર્શાવે છે ▼

2) JS ફાઇલ લખ્યા પછી, WordPress લેખમાં JS કોડ પર કૉલ કરો

બીજી રીત, JavaScript કોડને અલગ ફાઇલમાં લખો.

પછી વર્ડપ્રેસ પોસ્ટમાં જ્યાં JavaScript દાખલ કરવાની જરૂર છે, ત્યાં WordPress ટેક્સ્ટ એડિટર દ્વારા JavaScript ફાઇલને કૉલ કરો.

નીચેનું ઉદાહરણ વર્ડપ્રેસ પોસ્ટમાં છે, "હેલો વર્લ્ડ" ટેક્સ્ટ ▼ છાપે છે

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

JavaScript ફાઇલ hello.js ની સામગ્રી ▼

document.write("Hello World");

WordPress પોસ્ટમાં JavaScript કોડ ઉમેરવાથી પરિણામો ▼ દેખાય છે

વર્ડપ્રેસ આજની તારીખ માટે JS કોડને કૉલ કરે છે

ઈન્ટરનેટ પર ઘણો મજાનો અને ઉપયોગી JavaScript કોડ છે.

હવે તેનો ઉપયોગ કેવી રીતે કરવો તેનું ઉદાહરણ આપો?

વર્ડપ્રેસ પોસ્ટ્સમાં આજની તારીખ છાપો.

તમારી WordPress પોસ્ટમાં નીચેની JavaScript date.js ફાઇલ દાખલ કરો ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

નીચે date.js ફાઇલની JavaScript સામગ્રી છે ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

વર્ડપ્રેસ પોસ્ટ ▼માં આજની તારીખને અમલમાં મૂકવાનું JavaScriptનું પરિણામ અહીં છે

નીચે આ લેખમાં ચલાવવામાં આવેલી JavaScript ફાઇલ date.js નું પરિણામ છે ▼

સાવચેતી

પોસ્ટમાં JS કોડ દાખલ કરવા માટે, તમારે WordPress સંપાદકને ટેક્સ્ટ મોડ પર સ્વિચ કરવાની જરૂર છે.

ખાસ ધ્યાન和之间不能有换行。

જો લાઇન બ્રેક હોય, તો વર્ડપ્રેસ આપમેળે તેને ફકરા તરીકે પ્રક્રિયા કરશે, અને આપમેળે એક p ટેગ ઉમેરશે જે JS સ્ક્રિપ્ટ કોડને નિષ્ફળ બનાવે છે.

WordPress JavaScript કોડ પર વધુ લેખો અહીં છે ▼

વર્ડપ્રેસ કેવી રીતે સ્પષ્ટ કરે છે કે લેખના પૃષ્ઠો JavaScript/CSS કોડ લોડ કરે છે?

વર્ડપ્રેસ થીમ બનાવતી વખતે, જો ત્યાં કોઈ ચોક્કસ JavaScript અથવા CSS કોડ છે જે વર્ડપ્રેસમાં ચોક્કસ પૃષ્ઠ પર દેખાય છે, તો તેનો ઉપયોગ ફક્ત એક જ વાર કરવામાં આવશે.કોડ ક્યાં મૂકવો જોઈએ? Style.css કે base.js?પરંતુ આમ કરવાની કિંમત થોડી વધારે છે. ...

પૃષ્ઠ રેન્ડરિંગને ઝડપી બનાવવા માટે વર્ડપ્રેસને બેકાર લોડ જાવાસ્ક્રિપ્ટ કેવી રીતે બનાવવી?

વર્ડપ્રેસ આળસુ-લોડ જાવાસ્ક્રિપ્ટ પૃષ્ઠ રેન્ડરીંગ પદ્ધતિઓ ઝડપી.JavaScript ની ડિફર પ્રોપર્ટી શું છે?દરેક વ્યક્તિએ સંભવતઃ આ પરિસ્થિતિનો સામનો કર્યો છે: માથામાં N સ્ક્રિપ્ટો છે, અને જ્યારે સ્ક્રિપ્ટો લોડ થાય છે, ત્યારે પૃષ્ઠ રેન્ડરિંગ અવરોધિત થાય છે, જે સામાન્ય રીતે ખાલી હોય છે. ...

વર્ડપ્રેસ કેવી રીતે જાવાસ્ક્રિપ્ટને યોગ્ય રીતે રજૂ કરે છે?JS અને CSS ફાઇલોનું કસ્ટમ લોડિંગ

વર્ડપ્રેસ સાથે વેબસાઈટ બનાવનારા પ્રોગ્રામરો જ્યારે WordPress પ્લગઈન્સ વિકસાવતા હોય અથવા વર્ડપ્રેસ થીમ્સ કસ્ટમાઈઝ કરતા હોય ત્યારે કેટલાક JavaScript અને CSS સ્ક્રિપ્ટ સંસાધનોનો સંદર્ભ લે છે.સામાન્ય રીતે, લોકો સીધા જ HTML માટે લિંક, સ્ક્રિપ્ટ ટૅગ્સનો ઉપયોગ કરે છે.હકીકતમાં, વર્ડપ્રેસની અંદર…