নির্দিষ্ট পোস্ট এবং / অথবা পৃষ্ঠাগুলিতে জাভাস্ক্রিপ্ট ফাইল যুক্ত করার সর্বাধিক দক্ষ উপায়?


17

আমি ভাবছি যে কোনও পোস্ট এবং / অথবা পৃষ্ঠার জন্য জাভাস্ক্রিপ্ট ফাইল যুক্ত করার জন্য সবচেয়ে কার্যকর পদ্ধতিটি কী।

এখানে আমি কয়েকটি সমাধান নিয়ে এসেছি:

  • এইচটিএমএল সম্পাদনা দর্শনটিতে স্যুইচ করুন এবং সেখানে আপনার জাভাস্ক্রিপ্ট পোস্ট করুন (বেশ খারাপ সমাধান)
  • কী এবং মান জোড়গুলিতে সেই পোস্ট / পৃষ্ঠার জন্য নির্দিষ্ট জাভাস্ক্রিপ্ট সহ কাস্টম ক্ষেত্র
  • ফুটার.এফপি-তে, আপনি কোন পৃষ্ঠায় রয়েছেন তার উপর ভিত্তি করে জাভাস্ক্রিপ্ট ফাইলগুলি লোড করুন (এটি যদিও অনেক শর্তে পরিণত হয়)

পাশের নোটে, জাভাস্ক্রিপ্ট ফাইলগুলির কোনওটিই পৃষ্ঠার মধ্যে ভাগ করা হবে না - এটি আপনি বর্তমানে যা দেখছেন তা আক্ষরিকরূপে নির্দিষ্ট হয়ে যাবে।

কোন চিন্তা?


মেটা বাক্স / কাস্টম ক্ষেত্রগুলি আপনার সেরা বিকল্প
মিহা রেকার

আপনি দক্ষতা কিভাবে সংজ্ঞায়িত করবেন?
ফুসিয়া

1
'দক্ষ' দ্বারা আমি কোডের অপ্রয়োজনীয়তার ন্যূনতম পরিমাণ এবং একক পোস্ট / পৃষ্ঠার জন্য বিশেষত এটি করার সবচেয়ে কার্যকর উপায় mean
মাউসস্পোর্টগুলি

উত্তর:


30

আমি মনে করি দক্ষতার মধ্যে সেরা ভারসাম্য, এবং জাভাস্ক্রিপ্ট যুক্ত করার জন্য যথাযথ ওয়ার্ডপ্রেস পদ্ধতি ব্যবহার করা আপনার থিম ফাংশন.এফপি ফাইলটিতে এই লাইনগুলির সাথে কিছু যুক্ত করবে। উদাহরণ স্বরূপ:

থিমের functions.php:

function load_scripts() {
    global $post;

    if( is_page() || is_single() )
    {
        switch($post->post_name) // post_name is the post slug which is more consistent for matching to here
        {
            case 'home':
                wp_enqueue_script('home', get_template_directory_uri() . '/js/home.js', array('jquery'), '', false);
                break;
            case 'about-page':
                wp_enqueue_script('about', get_template_directory_uri() . '/js/about-page.js', array('jquery'), '', true);
                break;
            case 'some-post':
                wp_enqueue_script('somepost', get_template_directory_uri() . '/js/somepost.js', array('jquery'), '1.6', true);
                break;
        }
    } 
}

add_action('wp_enqueue_scripts', 'load_scripts');

এই আপনি কি লোড পরার উপর পূর্ণ নিয়ন্ত্রণ দেয় যেখানে, সম্পাদনা কি লোড পরার যেখানে জন্য আপনার থিম থিমের functions.php ফাইলে একটি কেন্দ্রীভূত অবস্থান: এবং, আপনার পোস্ট এবং পৃষ্ঠাগুলি করতে দয়া করে জাভাস্ক্রিপ্ট যোগ করার জন্য এই পথ ব্যবহার ওয়ার্ডপ্রেস পদ্ধতি নিরাপদে


1
খুব ভাল ফাংশন। আপনি একটি 'কেন্দ্রীভূত অবস্থান' থাকা দরকারী হিসাবে ঠিক। একটি গুচ্ছ ধন্যবাদ।
মাউসস্পোর্টগুলি

3
আমার ধারণা এটি কিছুটা পরিষ্কার করা যায়। আপনি মূলত দুটি ভিন্ন ভিন্ন সুইচ-কেসের সাথে একই জিনিসটি পরীক্ষা করছেন checking আমি সুইচ-কেস এবং শর্তসাপেক্ষ উভয়ই একত্রিত করতে চাই if (is_page() || is_single())। তুমি কী ভাবছো বেন?
মাউসস্পোর্টগুলি

আমার কাছে উন্নতির মতো শোনাচ্ছে। ভাল একটা!
বেন হার্টলেন

@Ben এটা থিমের functions.php এক ভিতরে থিম বা মধ্যে WP-অন্তর্ভুক্ত ? আমার পাতা শিরোনাম হোম অনলাইন অ্যাক্সেস আমি তোমার ফাংশন changeing করা আছে homeকরতে Access to Home Onlineকিন্তু এটা কাজ করছে না?
সিয়াস্তো পাইকার্জ

@ সাইস্তোপিকার্জ আমি আমার উত্তরটি আরও ভাল করে দেখানোর জন্য আপডেট করেছি যে কোডটি আপনার থিম ফাংশন.এফপি ফাইলে চলে।
বেন হার্টলেন

2

আমি যা করব তা হয় ফুটার বা শিরোলেখের মধ্যে রাখুন এবং পিএইচপি শর্তাদি ব্যবহার করুন।

উদাহরণ স্বরূপ:

<?php if (is_page ('your-page')){?>

  <script type="text/javascript" src"the file path"></script>

<?php } elseif ( is_page ('another')){?>

  <script type="text/javascript" src"the file path"></script>

<?php } else { ?>

  <script type="text/javascript" src"the file path"></script>

<?php } ?>

এভাবে প্রতিটি পৃষ্ঠার লোডে সমস্ত স্ক্রিপ্টগুলিকে সর্বদা কল না করা এবং আপনার কেবলমাত্র প্রয়োজনীয় কলগুলি।

এখানে ওয়ার্ডপ্রেস কোডেক্সের একটি লিঙ্ক দেওয়া হয়েছে: http://codex.wordpress.org/ শর্তসাপেক্ষে _ ট্যাগগুলি

এবং যদি আপনার কাছে বিশেষ স্ক্রিপ্ট থাকে তবে কেবলমাত্র প্রতি পোস্টের ভিত্তিতে কাস্টম ক্ষেত্রগুলি ব্যবহার করতে বলা যেতে পারে।


ধন্যবাদ নিকোল - এটি # 3 ছিল। আমি অনেক পৃষ্ঠা পাচ্ছি না তা বিবেচনা করে এটি একটি শালীন সমাধান ... এখনও এটি বিবেচনা করছে।
মাউসস্পোর্টস

ওহাতি উপরে ওয়ার্ডপ্রেস কোডেক্সের বিভিন্ন আইটেম যেমন: is_categories, is_single (পোস্টের জন্য), is_post_type ব্যবহার করতে পারে ... আমি আমার উত্তরটিতে ওয়ার্ডপ্রেসের শর্তাধীন তালিকার একটি লিঙ্ক যুক্ত করেছি।
নিকোল

0

অন্য পরীক্ষিত উপায়টি নীচে নীচে সরাসরি সম্পাদক থেকে পৃষ্ঠাতে যুক্ত করুন এবং স্ক্রিপ্ট ট্যাগের সাথে মন্তব্যগুলি যুক্ত করুন যা এটি কাজ করবে না wise

<script type="text/javascript">
<!--
var a = 5;
alert("hello world. The value of a is: " + a);
-->
</script>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.