WordPress PHP/JavaScript/CSS કોડ લોડ કરવા માટે લેખના હેડર અને ફૂટરનો ઉલ્લેખ કરે છે

જો તમે વેબસાઇટ બનાવવા માટે WordPress નો ઉપયોગ કરી રહ્યા છો , તો તમે ચોક્કસ પોસ્ટ અથવા પેજના હેડર અને ફૂટરમાં PHP/JavaScript/CSS કોડ કેવી રીતે લોડ કરી શકો છો?

અમે આપેલ પોસ્ટ અથવા પૃષ્ઠ લોડ માટે વિવિધ JavaScript પૃષ્ઠોને અમલમાં મૂકવા માટે વર્ડપ્રેસના શક્તિશાળી કસ્ટમ ફીલ્ડનો ઉપયોગ કરી શકીએ છીએ.

આ લેખ તમને બતાવશે: વર્ડપ્રેસ, કસ્ટમ JavaScript અથવા CSS ફાઇલો પર કસ્ટમ ફીલ્ડનો ઉપયોગ કેવી રીતે કરવો?

જો તમે સમજી શકો, તો કસ્ટમ ફીલ્ડ મૂલ્યો JavaScript અને CSS ફાઇલો જેટલા સરળ નથી.

વર્ડપ્રેસમાં કસ્ટમ ફીલ્ડ કેવી રીતે ઉમેરવું?

સામાન્ય રીતે, તમારા WordPress થીમમાં header.php ફાઇલ ખોલો અને ખાતરી કરો કે નીચેનો કોડ ઉમેરવામાં આવ્યો છે: ▼

<?php wp_head(); ?>

વર્ડપ્રેસમાં હેડરને કેવી રીતે કસ્ટમાઇઝ કરવુંવધુ ભલામણ કરેલ અભિગમ: દ્વારા functions.php અથવા કોડ પ્લગઇન અમલીકરણ

થીમમાં સીધો ફેરફાર કરો header.php અથવા footer.php થીમ અપડેટ થયા પછી કોડ સરળતાથી ખોવાઈ જાય છે.

વધુ સુરક્ષિત અને વધુ પ્રમાણિત પ્રથાઓવર્તમાન થીમમાં નીચેનો કોડ ઉમેરો. functions.php ફાઇલમાં, અથવા ઉપયોગ કરીને કોડ સ્નિપેટ્સ આ પ્રકારના પ્લગઇન્સનો ઉપયોગ કસ્ટમ કોડ મેનેજ કરવા માટે થાય છે.

મુખ્ય થીમ ફાઇલોમાં ફેરફાર ટાળવા માટે, અમે... નો ઉપયોગ કરીએ છીએ. functions.php માઉન્ટ કોડ.

પગલું 1: કાર્યાત્મક કોડ ઉમેરો

કૃપા કરીને તમારી થીમમાં નીચેનો PHP કોડ ઉમેરો. functions.php દસ્તાવેજના અંતે, અથવા દ્વારા કોડ સ્નિપેટ્સ પ્લગઇનમાં એક નવો કોડ સ્નિપેટ બનાવો અને તેને પેસ્ટ કરો:

<?php
/**
 * 指定文章/页面加载 Head 自定义字段代码
 */
add_action('wp_head', 'add_custom_head_code');

function add_custom_head_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'head' 的值
        $head = get_post_meta($post->ID, 'head', true);

        // 如果有值，则输出到 head
        if (!empty($head)) {
            echo $head;
        }
    }
}

/**
 * 指定文章/页面加载 Foot 自定义字段代码
 */
add_action('wp_footer', 'add_custom_foot_code', 99);

function add_custom_foot_code() {
    // 只在文章详情页和独立页面执行
    if (is_single() || is_page()) {
        global $post;

        // 获取自定义字段 'foot' 的值
        $foot = get_post_meta($post->ID, 'foot', true);

        // 如果有值，则输出到 footer
        if (!empty($foot)) {
            echo $foot;
        }
    }
}

(નોંધ: જો) functions.php ફાઇલના અંતે પહેલેથી જ એક ફાઇલ છે. ?>કૃપા કરીને તેને વારંવાર ઉમેરશો નહીં; ફક્ત ઉપરનો કોડ સીધો દાખલ કરો. ?> (પહેલાં)

પગલું 2: લેખ સંપાદન પૃષ્ઠમાં ઉપયોગ કરો

1. પોસ્ટ અથવા પેજને સંપાદિત કરવા માટે WordPress બેકએન્ડ ઍક્સેસ કરો.
2. તેને એડિટર પેજ પર શોધો. "કસ્ટમ ફીલ્ડ્સ" (જો તમને મેટાબોક્સ દેખાતો નથી, તો કૃપા કરીને ઉપર જમણા ખૂણામાં "ડિસ્પ્લે વિકલ્પો" પર ક્લિક કરો અથવા ગુટેનબર્ગર એડિટરમાં "પસંદગીઓ" પર ક્લિક કરો અને ખાતરી કરો કે "કસ્ટમ ફીલ્ડ્સ" ચેક કરેલ છે).
3. 点击 નવું દાખલ કરો:
   • નામ દાખલ કરો:head (હેડર કોડ માટે) અથવા foot (નીચેના કોડમાં ઉપયોગ માટે).
   • કિંમત ઇનપુટ બોક્સ: તમારે ઉમેરવાની જરૂર હોય તે HTML, CSS, અથવા JS કોડ પેસ્ટ કરો.
4. 点击 કસ્ટમ ફીલ્ડ ઉમેરો અને લેખો અપડેટ/પ્રકાશિત કરો.

• લેખને અપડેટ કરવાથી તમે થીમને કોડ કરી શકશો અને આ કસ્ટમ ફીલ્ડ્સ માટે મૂલ્યો દાખલ કરી શકશો.

તમે ફક્ત તે જ કોડને આઉટપુટ કરો છો જેને "મૂલ્ય" માં લોડ કરવાની જરૂર છે, તમારે "મૂલ્ય" માં નીચેનો સમાન કોડ દાખલ કરવાની જરૂર છે ▼

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

અથવા ▼

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

ઉપરોક્ત કોડ આઉટપુટ કરવા માટે.

આ ફેરફારના ફાયદા:

1. 更安全: સીધા ફેરફાર કરશો નહીં header.php અને footer.phpઆ થીમ અપડેટ થાય ત્યારે કોડને ઓવરરાઈટ થતા અટકાવે છે.
2. વધુ પ્રમાણિત: વર્ડપ્રેસનો ઉપયોગ કરવાની ભલામણ કરવામાં આવે છે add_action હૂક-આધારિત માઉન્ટિંગ કોડ.
3. સ્પષ્ટ તર્કફંક્શન્સમાં કાર્યક્ષમતાને સમાવિષ્ટ કરવાથી અનુગામી જાળવણી સરળ બને છે.