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

ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಅನ್ನು ರಚಿಸುವಾಗ , ನಿರ್ದಿಷ್ಟ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ CSS ಕೋಡ್ ನಿರ್ದಿಷ್ಟ ವರ್ಡ್ಪ್ರೆಸ್ ಪುಟದಲ್ಲಿ ಕಾಣಿಸಿಕೊಂಡರೆ, ಅದನ್ನು ಒಮ್ಮೆ ಮಾತ್ರ ಬಳಸಲಾಗುತ್ತದೆ.

ಕೋಡ್ ಅನ್ನು ಎಲ್ಲಿ ಇರಿಸಬೇಕು? Style.css ಅಥವಾ base.js?

ಆದರೆ ಹಾಗೆ ಮಾಡುವ ವೆಚ್ಚ ಸ್ವಲ್ಪ ಹೆಚ್ಚು.

ಉದಾಹರಣೆ 1:

  • ನಿಮ್ಮ ವರ್ಡ್ಪ್ರೆಸ್ ಸೈಟ್‌ನಲ್ಲಿ ಹೈಸ್ಲೈಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪರಿಣಾಮವನ್ನು ಪಡೆಯಲು ಪ್ರಯತ್ನಿಸಿ.
  • ಆದರೆ ಸಾಮಾನ್ಯವಾಗಿ ಇದನ್ನು ಚಿತ್ರಗಳು ಅಥವಾ ಬಯಸಿದ ಪುಟಗಳಿರುವ ಭಾಗಗಳಿಗೆ ಮಾತ್ರ ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಹೈಸ್ಲೈಡ್ ವಿಭಾಗಗಳನ್ನು ಸೇರಿಸಲು ಬಳಕೆಯಾಗದ ಪುಟಗಳಲ್ಲಿ ಪುಟಗಳನ್ನು ಲೋಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ, ಆದ್ದರಿಂದ 50 KB ಗಿಂತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಂಬಾ ದೊಡ್ಡದಾಗಿದೆ.

ಉದಾಹರಣೆ 2:

  • ಒಂದು ಲೇಖನದಲ್ಲಿ ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಹೊಂದಾಣಿಕೆಯ ವಿಧಾನವನ್ನು ಬಳಸುವುದಾಗಿದೆಟ್ಯಾಗ್ ಅದನ್ನು ಸೇರಿಸುತ್ತದೆ, ಆದರೆ ಸೇರಿಸಲಾಗಿದೆಟ್ಯಾಗ್‌ನಿಂದ ರಚಿಸಲಾದ ಪುಟವು W3C ಪರಿಶೀಲನೆಯನ್ನು ರವಾನಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.
  • W3C- ಮೌಲ್ಯೀಕರಿಸಿದ ಕೋಡ್ ಅನ್ನು ರಚಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ SWFObject ಅನ್ನು ಬಳಸುವುದು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ.
  • ಆದರೆ ಸಮಸ್ಯೆಯೆಂದರೆ ವರ್ಡ್ಪ್ರೆಸ್‌ನಲ್ಲಿನ ಪ್ರತಿ ಪುಟದಲ್ಲಿ SWFObject ಅನ್ನು ಲೋಡ್ ಮಾಡುವುದು ವ್ಯರ್ಥವಾಗಿದೆ ಮತ್ತು ಎಲ್ಲಾ ಪುಟಗಳು ಈ JavaScript ಫೈಲ್ ಅನ್ನು ಬಳಸುವುದಿಲ್ಲ.

ವಾಸ್ತವವಾಗಿ, ಕಸ್ಟಮ್ ಪೋಸ್ಟ್‌ಗಳು ಅಥವಾ ಪುಟ ಲೋಡ್‌ಗಳಿಗಾಗಿ ವಿಭಿನ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪುಟಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ನಾವು ವರ್ಡ್‌ಪ್ರೆಸ್‌ನ ಪ್ರಬಲ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಬಳಸಬಹುದು.

ಈ ಲೇಖನವು ನಿಮಗೆ ತೋರಿಸುತ್ತದೆ: WordPress, ಕಸ್ಟಮ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ CSS ಫೈಲ್‌ಗಳಲ್ಲಿ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು?

ನೀವು ಅರ್ಥಮಾಡಿಕೊಂಡರೆ, ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರ ಮೌಲ್ಯಗಳು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು CSS ಫೈಲ್‌ಗಳಂತೆ ಸರಳವಾಗಿಲ್ಲ.

ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್‌ಗಳಲ್ಲಿ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು?

WordPress ಥೀಮ್‌ನ header.php ಫೈಲ್ ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೋಡ್ ▼ ಅನ್ನು ಹುಡುಕಿ

<?php wp_head(); ?>

ಅದರ ನಂತರ ▼ ಸೇರಿಸಿ

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

ಕೋಡ್‌ನಲ್ಲಿನ ತಲೆಯು ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರದ ಹೆಸರಾಗಿದೆ, ಅದನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು.

ವರ್ಡ್ಪ್ರೆಸ್ ಪೋಸ್ಟ್‌ಗಳು ಅಥವಾ ಪುಟಗಳಿಗೆ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಸೇರಿಸಿ

ವರ್ಡ್ಪ್ರೆಸ್ ಬ್ಯಾಕೆಂಡ್ ಪೋಸ್ಟ್ ಎಡಿಟಿಂಗ್ ಪುಟದ ಸಂಪಾದಕದಲ್ಲಿ, "ಕಸ್ಟಮ್ ಫೀಲ್ಡ್" ಎಂಬ ಸಣ್ಣ ವಿಂಡೋ ಇದೆ.

  1. "ಹೆಸರು" ಗಾಗಿ ನಮೂದಿಸಿ:head
  2. ನಂತರ "ಮೌಲ್ಯ" ನಲ್ಲಿ ನೀವು ಪ್ರದರ್ಶನಕ್ಕೆ ಸೇರಿಸಲು ಬಯಸುವ ಕೋಡ್ ಅನ್ನು ನಮೂದಿಸಿ ▼

ವರ್ಡ್ಪ್ರೆಸ್ JavaScript/CSS ಕೋಡ್ ಅನ್ನು ಲೋಡ್ ಮಾಡಲು ಲೇಖನದ ಪುಟವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ

  • ಕಸ್ಟಮ್ ಫೀಲ್ಡ್ ಸೇರಿಸಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
  • ಲೇಖನವನ್ನು ನವೀಕರಿಸುವುದರಿಂದ ಥೀಮ್ ಅನ್ನು ಕೋಡ್ ಮಾಡಲು ಮತ್ತು ಈ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳಿಗೆ ಮೌಲ್ಯಗಳನ್ನು ನಮೂದಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ನೀವು "ಮೌಲ್ಯ" ದಲ್ಲಿ ಲೋಡ್ ಮಾಡಬೇಕಾದ ಕೋಡ್ ಅನ್ನು ಮಾತ್ರ ಔಟ್‌ಪುಟ್ ಮಾಡುವುದರಿಂದ, ನೀವು "ಮೌಲ್ಯ" ▼ ನಲ್ಲಿ ಈ ಕೆಳಗಿನ ಒಂದೇ ರೀತಿಯ ಕೋಡ್ ಅನ್ನು ನಮೂದಿಸಬೇಕಾಗುತ್ತದೆ

<script type="text/javascript">...</script>

ಅಥವಾ ▼

<style type="text/css">...</style>

ಮೇಲಿನ ಕೋಡ್ ಅನ್ನು ಔಟ್ಪುಟ್ ಮಾಡಲು.

ವರ್ಡ್ಪ್ರೆಸ್ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳಿಗೆ ಇತರ ಬಳಕೆಗಳು

ಮೇಲಿನ ತತ್ವಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಂಡ ನಂತರ, WordPress ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳು ಕಸ್ಟಮ್ ಪುಟಗಳಿಗಾಗಿ ಕಸ್ಟಮ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ CSS ಅನ್ನು ಮಾತ್ರ ಕಾರ್ಯಗತಗೊಳಿಸುವುದಿಲ್ಲ, ಆದರೆ ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳ ಮೂಲಕ ಹಲವಾರು ಕಾರ್ಯಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು, ಉದಾಹರಣೆಗೆ: ಲೇಖನ ಥಂಬ್‌ನೇಲ್‌ಗಳಿಗೆ ಸೇರಿಸಿ, ಲೇಖನ ಪ್ರಾಂಪ್ಟ್‌ಗಳು, ಇತ್ಯಾದಿ.

ಅವುಗಳನ್ನು ಹೇಗೆ ಕಾರ್ಯಗತಗೊಳಿಸುವುದು ಎಂಬುದರ ಕುರಿತು, ಕಸ್ಟಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಬಳಸಲು ಪ್ರಯತ್ನಿಸಿ.

ವರ್ಡ್ಪ್ರೆಸ್‌ನಲ್ಲಿ JavaScript/CSS ಕೋಡ್ ಅನ್ನು ಲೋಡ್ ಮಾಡಲು ಲೇಖನ ಟ್ಯಾಗ್‌ಗಳು ಮತ್ತು ವರ್ಗದ ಹೆಡರ್‌ಗಳು ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿಗಳನ್ನು ಹೇಗೆ ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು?

ವರ್ಡ್ಪ್ರೆಸ್ ಹೆಡರ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡುವುದು ಹೇಗೆ ? ವರ್ಡ್ಪ್ರೆಸ್ ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲು ಮತ್ತು ಹೆಡರ್ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಲು ನಾವು ಮುಂದಿನ ಲೇಖನದಲ್ಲಿನ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಬಹುದು ▼

  • ಈ ರೀತಿಯಾಗಿ, ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಅನ್ನು ಬದಲಾಯಿಸಿದ ನಂತರ ಕಸ್ಟಮ್ ಕೋಡ್ ಅನ್ನು ಕಳೆದುಕೊಳ್ಳುವ ಅಥವಾ ಹಸ್ತಚಾಲಿತವಾಗಿ ಕಸ್ಟಮ್ ಕೋಡ್ ಅನ್ನು ವರ್ಗಾಯಿಸುವ ಬಗ್ಗೆ ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ.

ಚೆನ್ ವೈಲಿಯಾಂಗ್ ಅವರ ಬ್ಲಾಗ್‌ನಲ್ಲಿ ( https://www.chenweiliang.com/ ) ಹಂಚಿಕೊಂಡಿರುವ "ವರ್ಡ್ಪ್ರೆಸ್‌ನಲ್ಲಿ ಪೋಸ್ಟ್ ಪುಟಗಳಲ್ಲಿ ಲೋಡ್ ಮಾಡಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/CSS ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು?" ಎಂಬ ಲೇಖನವು ನಿಮಗೆ ಸಹಾಯಕವಾಗಿರುತ್ತದೆ ಎಂದು ಆಶಿಸುತ್ತೇವೆ.

ಈ ಲೇಖನದ ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಹಿಂಜರಿಯಬೇಡಿ: https://www.chenweiliang.com/cwl-1740.html

ಇನ್ನಷ್ಟು ಗುಪ್ತ ತಂತ್ರಗಳನ್ನು ಅನ್‌ಲಾಕ್ ಮಾಡಲು 🔑, ನಮ್ಮ ಟೆಲಿಗ್ರಾಮ್ ಚಾನಲ್‌ಗೆ ಸೇರಲು ಸ್ವಾಗತ!

ಇಷ್ಟವಾದಲ್ಲಿ ಶೇರ್ ಮಾಡಿ ಮತ್ತು ಲೈಕ್ ಮಾಡಿ! ನಿಮ್ಮ ಹಂಚಿಕೆಗಳು ಮತ್ತು ಇಷ್ಟಗಳು ನಮ್ಮ ನಿರಂತರ ಪ್ರೇರಣೆ!

 

ಪ್ರತಿಕ್ರಿಯೆಗಳು

您的邮箱地址不会被公开。必填项已用*标注

ಟಾಪ್ ಗೆ ಸ್ಕ್ರೋಲ್