ਲੇਖ ਡਾਇਰੈਕਟਰੀ
ਬਣਾਉਣਾਵਰਡਪਰੈਸਥੀਮਿੰਗ ਕਰਦੇ ਸਮੇਂ, ਜੇਕਰ ਕੋਈ ਖਾਸ JavaScript ਜਾਂ CSS ਕੋਡ ਹੈ ਜੋ ਵਰਡਪਰੈਸ ਵਿੱਚ ਇੱਕ ਖਾਸ ਪੰਨੇ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਤਾਂ ਇਹ ਕੇਵਲ ਇੱਕ ਵਾਰ ਵਰਤਿਆ ਜਾਵੇਗਾ।
ਕੋਡ ਕਿੱਥੇ ਰੱਖਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ? Style.css ਜਾਂ base.js?
ਪਰ ਅਜਿਹਾ ਕਰਨ ਦੀ ਕੀਮਤ ਥੋੜੀ ਜ਼ਿਆਦਾ ਹੈ।
ਉਦਾਹਰਨ 1:
- ਆਪਣੀ ਵਰਡਪਰੈਸ ਸਾਈਟ 'ਤੇ ਹਾਈ ਸਲਾਈਡ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਪ੍ਰਭਾਵ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ।
- ਪਰ ਆਮ ਤੌਰ 'ਤੇ ਇਹ ਸਿਰਫ਼ ਚਿੱਤਰਾਂ ਜਾਂ ਲੋੜੀਂਦੇ ਪੰਨਿਆਂ ਵਾਲੇ ਹਿੱਸਿਆਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ ਹਾਈ ਸਲਾਈਡ ਭਾਗਾਂ ਨੂੰ ਜੋੜਨ ਲਈ ਅਣਵਰਤੇ ਪੰਨਿਆਂ 'ਤੇ ਪੰਨਿਆਂ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਇਸਲਈ 50 KB ਤੋਂ ਵੱਧ JavaScript ਬਹੁਤ ਵੱਡੀ ਹੈ।
ਉਦਾਹਰਨ 2:
- ਇੱਕ ਲੇਖ ਵਿੱਚ ਇੱਕ ਮਿਆਰੀ ਅਨੁਕੂਲਤਾ ਵਿਧੀ ਨੂੰ ਵਰਤਣ ਲਈ ਹੈਟੈਗ ਇਸ ਨੂੰ ਸੰਮਿਲਿਤ ਕਰਦਾ ਹੈ, ਪਰ ਸੰਮਿਲਿਤਟੈਗ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਪੰਨਾ W3C ਪੁਸ਼ਟੀਕਰਨ ਨੂੰ ਪਾਸ ਨਹੀਂ ਕਰ ਸਕਦਾ ਹੈ।
- W3C-ਪ੍ਰਮਾਣਿਤ ਕੋਡ ਬਣਾਉਣ ਲਈ SWFObject, ਇੱਕ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਇੱਕ ਵਧੀਆ ਤਰੀਕਾ ਹੈ।
- ਪਰ ਸਮੱਸਿਆ ਇਹ ਹੈ ਕਿ ਵਰਡਪਰੈਸ ਵਿੱਚ ਹਰ ਪੰਨੇ 'ਤੇ SWFObject ਨੂੰ ਲੋਡ ਕਰਨਾ ਬੇਕਾਰ ਹੈ, ਅਤੇ ਸਾਰੇ ਪੰਨੇ ਇਸ JavaScript ਫਾਈਲ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ ਹਨ।
ਵਾਸਤਵ ਵਿੱਚ, ਅਸੀਂ ਕਸਟਮ ਪੋਸਟਾਂ ਜਾਂ ਪੇਜ ਲੋਡ ਲਈ ਵੱਖ-ਵੱਖ JavaScript ਪੰਨਿਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਵਰਡਪਰੈਸ ਦੇ ਸ਼ਕਤੀਸ਼ਾਲੀ ਕਸਟਮ ਖੇਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ।
ਇਹ ਲੇਖ ਤੁਹਾਨੂੰ ਦਿਖਾਏਗਾ: ਵਰਡਪਰੈਸ, ਕਸਟਮ JavaScript ਜਾਂ CSS ਫਾਈਲਾਂ 'ਤੇ ਕਸਟਮ ਖੇਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?
ਜੇ ਤੁਸੀਂ ਸਮਝ ਸਕਦੇ ਹੋ, ਤਾਂ ਕਸਟਮ ਫੀਲਡ ਮੁੱਲ JavaScript ਅਤੇ CSS ਫਾਈਲਾਂ ਵਾਂਗ ਸਧਾਰਨ ਨਹੀਂ ਹਨ.
ਵਰਡਪਰੈਸ ਥੀਮਾਂ ਵਿੱਚ ਕਸਟਮ ਫੀਲਡ ਕਿਵੇਂ ਸ਼ਾਮਲ ਕਰੀਏ?
ਵਰਡਪਰੈਸ ਥੀਮ ਦੀ 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代码 结束 -->ਕੋਡ ਵਿੱਚ ਸਿਰ ਕਸਟਮ ਫੀਲਡ ਦਾ ਨਾਮ ਹੈ, ਜਿਸਨੂੰ ਕਸਟਮਾਈਜ਼ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
ਵਰਡਪਰੈਸ ਪੋਸਟਾਂ ਜਾਂ ਪੰਨਿਆਂ ਵਿੱਚ ਕਸਟਮ ਖੇਤਰ ਸ਼ਾਮਲ ਕਰੋ
ਵਰਡਪਰੈਸ ਬੈਕਐਂਡਸੰਪਾਦਨ ਲੇਖ ਪੰਨੇ ਦੇ ਸੰਪਾਦਕ ਵਿੱਚ, "ਕਸਟਮ ਖੇਤਰਾਂ" ਲਈ ਇੱਕ ਛੋਟੀ ਵਿੰਡੋ ਹੈ।
- "ਨਾਮ" ਲਈ ਦਰਜ ਕਰੋ:
head - ਫਿਰ "ਮੁੱਲ" ਵਿੱਚ ਉਹ ਕੋਡ ਦਰਜ ਕਰੋ ਜੋ ਤੁਸੀਂ ਡਿਸਪਲੇ ਵਿੱਚ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ ▼
- ਕਸਟਮ ਫੀਲਡ ਸ਼ਾਮਲ ਕਰੋ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
- ਲੇਖ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨਾ ਤੁਹਾਨੂੰ ਥੀਮ ਨੂੰ ਕੋਡ ਕਰਨ ਅਤੇ ਇਹਨਾਂ ਕਸਟਮ ਖੇਤਰਾਂ ਲਈ ਮੁੱਲ ਦਾਖਲ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇਵੇਗਾ।
ਕਿਉਂਕਿ ਤੁਸੀਂ ਸਿਰਫ ਉਹ ਕੋਡ ਆਉਟਪੁੱਟ ਕਰਦੇ ਹੋ ਜਿਸ ਨੂੰ "ਮੁੱਲ" ਵਿੱਚ ਲੋਡ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਤੁਹਾਨੂੰ "ਮੁੱਲ" ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤੇ ਸਮਾਨ ਕੋਡ ਨੂੰ ਦਾਖਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ▼
<script type="text/javascript">...</script>
ਜਾਂ ▼
<style type="text/css">...</style>
ਉਪਰੋਕਤ ਕੋਡ ਨੂੰ ਆਉਟਪੁੱਟ ਕਰਨ ਲਈ.
ਵਰਡਪਰੈਸ ਕਸਟਮ ਖੇਤਰਾਂ ਲਈ ਹੋਰ ਵਰਤੋਂ
ਉਪਰੋਕਤ ਸਿਧਾਂਤਾਂ ਨੂੰ ਸਮਝਣ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਵਰਡਪਰੈਸ ਕਸਟਮ ਖੇਤਰ ਸਿਰਫ਼ ਕਸਟਮ ਪੰਨਿਆਂ ਲਈ ਕਸਟਮ JavaScript ਜਾਂ CSS ਨੂੰ ਲਾਗੂ ਨਹੀਂ ਕਰ ਸਕਦੇ ਹਨ, ਸਗੋਂ ਕਸਟਮ ਖੇਤਰਾਂ ਦੁਆਰਾ ਕਈ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਵੀ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ: ਲੇਖ ਥੰਬਨੇਲ, ਲੇਖ ਸੁਝਾਅ, ਆਦਿ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ।
ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ, ਕਸਟਮ ਖੇਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ।
ਵਰਡਪਰੈਸ ਵਿੱਚ JavaScript/CSS ਕੋਡ ਨੂੰ ਲੋਡ ਕਰਨ ਲਈ ਲੇਖ ਟੈਗਸ ਅਤੇ ਸ਼੍ਰੇਣੀ ਸਿਰਲੇਖ ਅਤੇ ਫੁੱਟਰ ਨੂੰ ਕਿਵੇਂ ਨਿਰਧਾਰਿਤ ਕਰਨਾ ਹੈ?
ਵਰਡਪਰੈਸ ਵਿੱਚ ਸਿਰਲੇਖ ਨੂੰ ਕਿਵੇਂ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਹੈ?ਅਸੀਂ ਇਸਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਲੇਖ ਨਿਰਦੇਸ਼ਾਂ ਦੁਆਰਾ ਸਥਾਪਿਤ ਕਰ ਸਕਦੇ ਹਾਂਵਰਡਪਰੈਸ ਪਲੱਗਇਨਹੈੱਡ ਕੋਡ ਨੂੰ ਜੋੜਨ ਦਾ ਅਹਿਸਾਸ ਕਰੋ▼
- ਇਸ ਤਰ੍ਹਾਂ, ਵਰਡਪਰੈਸ ਥੀਮ ਨੂੰ ਬਦਲਣ ਤੋਂ ਬਾਅਦ ਕਸਟਮ ਕੋਡ ਨੂੰ ਗੁਆਉਣ ਜਾਂ ਹੱਥੀਂ ਕਸਟਮ ਕੋਡ ਨੂੰ ਟ੍ਰਾਂਸਫਰ ਕਰਨ ਬਾਰੇ ਚਿੰਤਾ ਕਰਨ ਦੀ ਕੋਈ ਲੋੜ ਨਹੀਂ ਹੈ.
ਹੋਪ ਚੇਨ ਵੇਇਲਿਯਾਂਗ ਬਲੌਗ ( https://www.chenweiliang.com/ ) ਸਾਂਝਾ ਕੀਤਾ "ਵਰਡਪਰੈਸ ਇਹ ਕਿਵੇਂ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਲੇਖ ਪੰਨਾ JavaScript/CSS ਕੋਡ ਨੂੰ ਲੋਡ ਕਰਦਾ ਹੈ? , ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ।
ਇਸ ਲੇਖ ਦਾ ਲਿੰਕ ਸਾਂਝਾ ਕਰਨ ਲਈ ਸੁਆਗਤ ਹੈ:https://www.chenweiliang.com/cwl-1740.html
ਨਵੀਨਤਮ ਅਪਡੇਟਸ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਚੇਨ ਵੇਇਲਿਯਾਂਗ ਦੇ ਬਲੌਗ ਦੇ ਟੈਲੀਗ੍ਰਾਮ ਚੈਨਲ ਵਿੱਚ ਸੁਆਗਤ ਹੈ!
📚 ਇਸ ਗਾਈਡ ਵਿੱਚ ਬਹੁਤ ਵੱਡਾ ਮੁੱਲ ਹੈ, 🌟ਇਹ ਇੱਕ ਦੁਰਲੱਭ ਮੌਕਾ ਹੈ, ਇਸ ਨੂੰ ਨਾ ਗੁਆਓ! ⏰⌛💨
ਜੇ ਚੰਗਾ ਲੱਗੇ ਤਾਂ ਸ਼ੇਅਰ ਅਤੇ ਲਾਈਕ ਕਰੋ!
ਤੁਹਾਡੀ ਸ਼ੇਅਰਿੰਗ ਅਤੇ ਪਸੰਦ ਸਾਡੀ ਨਿਰੰਤਰ ਪ੍ਰੇਰਣਾ ਹਨ!