ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ನಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?

ವ್ಯವಸ್ಥಿತವಾಗಿ ಕಲಿತರುವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಿಸಿತಾಂತ್ರಿಕಎಸ್ಇಒಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರೋಗ್ರಾಂಗಳನ್ನು ಸುಲಭವಾಗಿ ಬಳಸುವುದು ಹೇಗೆ ಎಂದು ತಜ್ಞರು ತಿಳಿದಿದ್ದಾರೆ.

ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ಇತರರು ಹಂಚಿಕೊಂಡಿರುವ ಹಲವು ಸುಲಭವಾದ JavaScript ಕೋಡ್‌ಗಳಿವೆ.

ನಿನಗೆ ಸಾಧ್ಯವಾದಲ್ಲಿವರ್ಡ್ಪ್ರೆಸ್ಲೇಖನಕ್ಕೆ JS ಕೋಡ್ ಸೇರಿಸುವುದರಿಂದ ಲೇಖನವು ಖಂಡಿತವಾಗಿಯೂ ವರ್ಣಮಯವಾಗಿರುತ್ತದೆ.

ವರ್ಡ್ಪ್ರೆಸ್ ಲೇಖನಗಳಿಗೆ JS ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು

ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸುವುದು ತುಂಬಾ ಸರಳವಾಗಿದೆ.

ಮುಂದೆ,ಚೆನ್ ವೈಲಿಯಾಂಗ್ನಿಮ್ಮೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆ:ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗಳಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?

JS ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಲು ಸಾಮಾನ್ಯವಾಗಿ 2 ಮಾರ್ಗಗಳಿವೆ:

1. ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗಳಿಗೆ ನೇರವಾಗಿ JS ಕೋಡ್ ಸೇರಿಸಿ
2. JS ಫೈಲ್ ಅನ್ನು ಬರೆದ ನಂತರ ವರ್ಡ್ಪ್ರೆಸ್ ಲೇಖನದಲ್ಲಿ JS ಕೋಡ್ ಅನ್ನು ಕರೆ ಮಾಡಿ

1) ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗೆ ನೇರವಾಗಿ JS ಕೋಡ್ ಸೇರಿಸಿ

ಮೊದಲ ವಿಧಾನ, ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ನಲ್ಲಿ ನೇರವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬರೆಯುವುದು.

"ಹಲೋ ವರ್ಲ್ಡ್!" ▼ ಪಠ್ಯವನ್ನು ಮುದ್ರಿಸುವ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ

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

ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ▼ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿದ ನಂತರ "ಹಲೋ ವರ್ಲ್ಡ್!" ಅನ್ನು ಪ್ರದರ್ಶಿಸುವ ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ನಲ್ಲಿದೆ

2) JS ಫೈಲ್ ಅನ್ನು ಬರೆದ ನಂತರ, ವರ್ಡ್ಪ್ರೆಸ್ ಲೇಖನದಲ್ಲಿ JS ಕೋಡ್ ಅನ್ನು ಕರೆ ಮಾಡಿ

ಎರಡನೆಯ ರೀತಿಯಲ್ಲಿ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಪ್ರತ್ಯೇಕ ಫೈಲ್ಗೆ ಬರೆಯಿರಿ.

ನಂತರ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸೇರಿಸಬೇಕಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್ನಲ್ಲಿ, ವರ್ಡ್ಪ್ರೆಸ್ ಪಠ್ಯ ಸಂಪಾದಕದ ಮೂಲಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್ ಅನ್ನು ಕರೆ ಮಾಡಿ.

ಕೆಳಗಿನ ಉದಾಹರಣೆಯು ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ನಲ್ಲಿದೆ, "ಹಲೋ ವರ್ಲ್ಡ್" ಪಠ್ಯವನ್ನು ಮುದ್ರಿಸುತ್ತದೆ ▼

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

JavaScript ಫೈಲ್‌ನ ವಿಷಯ hello.js ▼

document.write("Hello World");

ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗೆ JavaScript ಕೋಡ್ ಅನ್ನು ಸೇರಿಸುವುದು ಫಲಿತಾಂಶಗಳನ್ನು ತೋರಿಸುತ್ತದೆ ▼

ಇಂದಿನ ದಿನಾಂಕಕ್ಕಾಗಿ ವರ್ಡ್ಪ್ರೆಸ್ JS ಕೋಡ್ ಅನ್ನು ಕರೆಯುತ್ತದೆ

ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ಸಾಕಷ್ಟು ವಿನೋದ ಮತ್ತು ಉಪಯುಕ್ತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಇದೆ.

ಈಗ ಅವುಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದರ ಉದಾಹರಣೆ ನೀಡಿ?

ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗಳಲ್ಲಿ ಇಂದಿನ ದಿನಾಂಕವನ್ನು ಮುದ್ರಿಸಿ.

ಕೆಳಗಿನ JavaScript date.js ಫೈಲ್ ಅನ್ನು ನಿಮ್ಮ WordPress ಪೋಸ್ಟ್‌ಗೆ ಸೇರಿಸಿ ▼

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

ದಿನಾಂಕ.js ಫೈಲ್ ▼ ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಿಷಯ ಕೆಳಗಿದೆ

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 ಫೈಲ್ ದಿನಾಂಕ.js ನ ಫಲಿತಾಂಶವನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ

ಮುನ್ನೆಚ್ಚರಿಕೆಗಳು

ಪೋಸ್ಟ್‌ಗೆ JS ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಲು, ನೀವು ವರ್ಡ್ಪ್ರೆಸ್ ಸಂಪಾದಕವನ್ನು ಪಠ್ಯ ಮೋಡ್‌ಗೆ ಬದಲಾಯಿಸಬೇಕಾಗುತ್ತದೆ.

ವಿಶೇಷ ಗಮನ和之间不能有换行。

ಲೈನ್ ಬ್ರೇಕ್ ಇದ್ದರೆ, WordPress ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅದನ್ನು ಪ್ಯಾರಾಗ್ರಾಫ್ ಆಗಿ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುತ್ತದೆ ಮತ್ತು JS ಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ವಿಫಲಗೊಳ್ಳಲು ಕಾರಣವಾಗುವ p ಟ್ಯಾಗ್ ಅನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸೇರಿಸುತ್ತದೆ.

ಇಲ್ಲಿ ವರ್ಡ್ಪ್ರೆಸ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ನಲ್ಲಿ ಹೆಚ್ಚಿನ ಲೇಖನಗಳಿವೆ ▼

ಲೇಖನ ಪುಟಗಳು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ಅನ್ನು ಲೋಡ್ ಮಾಡುವುದನ್ನು ವರ್ಡ್ಪ್ರೆಸ್ ಹೇಗೆ ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ?

WordPress ಥೀಮ್ ಅನ್ನು ರಚಿಸುವಾಗ, ವರ್ಡ್ಪ್ರೆಸ್ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಪುಟದಲ್ಲಿ ಗೋಚರಿಸುವ ನಿರ್ದಿಷ್ಟ JavaScript ಅಥವಾ CSS ಕೋಡ್ ಇದ್ದರೆ, ಅದನ್ನು ಒಮ್ಮೆ ಮಾತ್ರ ಬಳಸಲಾಗುತ್ತದೆ.ಕೋಡ್ ಅನ್ನು ಎಲ್ಲಿ ಇರಿಸಬೇಕು? Style.css ಅಥವಾ base.js?ಆದರೆ ಹಾಗೆ ಮಾಡುವ ವೆಚ್ಚ ಸ್ವಲ್ಪ ಹೆಚ್ಚು. ...

ಪುಟ ರೆಂಡರಿಂಗ್ ಅನ್ನು ವೇಗಗೊಳಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ವರ್ಡ್ಪ್ರೆಸ್ ಲೇಜಿ ಲೋಡ್ ಮಾಡುವುದು ಹೇಗೆ?

ಪುಟ ರೆಂಡರಿಂಗ್ ವಿಧಾನಗಳನ್ನು ವೇಗಗೊಳಿಸಲು ವರ್ಡ್ಪ್ರೆಸ್ ಲೇಜಿ-ಲೋಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್.JavaScript ನ ಡಿಫರ್ ಆಸ್ತಿ ಎಂದರೇನು?ಪ್ರತಿಯೊಬ್ಬರೂ ಬಹುಶಃ ಈ ಪರಿಸ್ಥಿತಿಯನ್ನು ಎದುರಿಸಿದ್ದಾರೆ: ತಲೆಯಲ್ಲಿ N ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳಿವೆ, ಮತ್ತು ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ, ಪುಟ ರೆಂಡರಿಂಗ್ ಅನ್ನು ನಿರ್ಬಂಧಿಸಲಾಗಿದೆ, ಅದು ಸಾಮಾನ್ಯವಾಗಿ ಖಾಲಿಯಾಗಿರುತ್ತದೆ. ...

ವರ್ಡ್ಪ್ರೆಸ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಹೇಗೆ ಸರಿಯಾಗಿ ಪರಿಚಯಿಸುತ್ತದೆ?JS ಮತ್ತು CSS ಫೈಲ್‌ಗಳ ಕಸ್ಟಮ್ ಲೋಡ್

ವರ್ಡ್ಪ್ರೆಸ್ನೊಂದಿಗೆ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವ ಪ್ರೋಗ್ರಾಮರ್‌ಗಳು ವರ್ಡ್‌ಪ್ರೆಸ್ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸುವಾಗ ಅಥವಾ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ಗಳನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವಾಗ ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಸಿಎಸ್‌ಎಸ್ ಸ್ಕ್ರಿಪ್ಟ್ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಉಲ್ಲೇಖಿಸುತ್ತಾರೆ.ಸಾಮಾನ್ಯವಾಗಿ, ಜನರು ನೇರವಾಗಿ HTML ಗಾಗಿ ಲಿಂಕ್, ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಬಳಸುತ್ತಾರೆ.ವಾಸ್ತವವಾಗಿ, ವರ್ಡ್ಪ್ರೆಸ್ ಒಳಗೆ…