როგორ განსაზღვრავს WordPress, რომ სტატიის გვერდები იტვირთება JavaScript/CSS კოდი?

მიღებისWordPressთემის შექმნისას, თუ არსებობს კონკრეტული JavaScript ან CSS კოდი, რომელიც გამოჩნდება WordPress-ის კონკრეტულ გვერდზე, ის მხოლოდ ერთხელ იქნება გამოყენებული.

სად უნდა განთავსდეს კოდი? Style.css თუ base.js?

მაგრამ ამის გაკეთების ღირებულება ცოტა მაღალია.

მაგალითი 1:

  • შეეცადეთ მიიღოთ Highslide JavaScript ეფექტი თქვენს WordPress საიტზე.
  • მაგრამ, როგორც წესი, ის გამოიყენება მხოლოდ სურათების ან საჭირო გვერდების მქონე ნაწილებისთვის და გვერდების ჩატვირთვა გამოუყენებელ გვერდებზე Highslide სექციების დასამატებლად, ამიტომ 50 KB-ზე მეტი JavaScript ძალიან დიდია.

მაგალითი 2:

  • სტატიაში მოცემულია სტანდარტული თავსებადობის მეთოდის გამოყენებატეგი ათავსებს მას, მაგრამ ჩასმულიატეგის მიერ გენერირებული გვერდი ვერ გაივლის W3C ვერიფიკაციას.
  • კარგი გზაა SWFObject, JavaScript-ის გამოყენება W3C-ით დამოწმებული კოდის შესაქმნელად.
  • მაგრამ პრობლემა ის არის, რომ უსარგებლოა SWFObject-ის ჩატვირთვა WordPress-ის ყველა გვერდზე და ყველა გვერდი არ იყენებს ამ JavaScript ფაილს.

სინამდვილეში, ჩვენ შეგვიძლია გამოვიყენოთ WordPress-ის ძლიერი მორგებული ველები, რათა განვახორციელოთ სხვადასხვა JavaScript გვერდები მორგებული პოსტებისთვის ან გვერდის ჩატვირთვისთვის.

ეს სტატია გაჩვენებთ: როგორ გამოვიყენოთ პერსონალური ველები WordPress-ზე, მორგებულ JavaScript-ზე ან CSS ფაილებზე?

თუ გესმით, მორგებული ველის მნიშვნელობები არც ისე მარტივია, როგორც JavaScript და CSS ფაილები.

როგორ დავამატოთ პერსონალური ველები WordPress თემებში?

გახსენით 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代码 结束 -->

კოდის თავი არის მორგებული ველის სახელი, რომლის მორგებაც შესაძლებელია.

დაამატეთ მორგებული ველები WordPress პოსტებსა და გვერდებზე

WordPress backendსტატიის რედაქტირების გვერდის რედაქტორში არის პატარა ფანჯარა "მორგებული ველებისთვის".

  1. "სახელისთვის" შეიყვანეთ:head
  2. შემდეგ "Value"-ში შეიყვანეთ კოდი, რომლის დამატება გსურთ ეკრანზე 

WordPress განსაზღვრავს სტატიის გვერდს JavaScript/CSS კოდის ჩასატვირთად

  • დააწკაპუნეთ მორგებული ველის დამატებაზე.
  • სტატიის განახლება საშუალებას მოგცემთ დააკოპიროთ თემა და შეიყვანოთ მნიშვნელობები ამ მორგებული ველებისთვის.

ვინაიდან თქვენ გამოსდით მხოლოდ კოდი, რომელიც უნდა ჩაიტვირთოს "მნიშვნელობაში", თქვენ უნდა შეიყვანოთ შემდეგი მსგავსი კოდი "მნიშვნელობაში" ▼

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

ან ▼

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

ზემოაღნიშნული კოდის გამოსატანად.

WordPress პერსონალური ველების სხვა გამოყენება

ზემოაღნიშნული პრინციპების გააზრების შემდეგ, თქვენ აღმოაჩენთ, რომ WordPress-ის მორგებულ ველებს შეუძლიათ არა მხოლოდ დანერგონ მორგებული JavaScript ან CSS მორგებული გვერდებისთვის, არამედ მრავალი ფუნქციის განხორციელება მორგებული ველების მეშვეობით, როგორიცაა: სტატიის ესკიზების დამატება, სტატიის რჩევები და ა.შ.

რაც შეეხება მათ განხორციელებას, სცადეთ გამოიყენოთ მორგებული ველები.

როგორ დავაკონკრეტოთ სტატიის ტეგები და კატეგორიის სათაურები და ქვედა კოლონტიტულები WordPress-ში JavaScript/CSS კოდის ჩასატვირთად?

როგორ მოვარგოთ ჰედერი WordPress-ში?ჩვენ შეგვიძლია დავაინსტალიროთ შემდეგი სტატიის ინსტრუქციებითWordPress მოდულიგააცნობიერეთ სათაურის კოდის დამატება ▼

  • ამ გზით, არ არის საჭირო ფიქრი პერსონალური კოდის დაკარგვის ან პერსონალური კოდის ხელით გადაცემის შესახებ WordPress თემის შეცვლის შემდეგ.

იმედი ჩენ ვეილიანგის ბლოგი ( https://www.chenweiliang.com/ ) გააზიარა „როგორ აკონკრეტებს WordPress, რომ სტატიის გვერდი იტვირთება JavaScript/CSS კოდი? , რომ დაგეხმარო.

კეთილი იყოს თქვენი მობრძანება ამ სტატიის ბმულის გასაზიარებლად:https://www.chenweiliang.com/cwl-1740.html

მეტი ფარული ხრიკის გასახსნელად🔑, კეთილი იყოს თქვენი მობრძანება ჩვენს Telegram არხზე!

გააზიარეთ და მოიწონეთ თუ მოგეწონათ! თქვენი გაზიარებები და მოწონებები ჩვენი მუდმივი მოტივაციაა!

 

评论

თქვენი ელფოსტის მისამართი არ გამოქვეყნდება. გამოყენებულია აუცილებელი ველები * ლეიბლი

გადაახვიეთ ზემოთ