વર્ડપ્રેસ કેવી રીતે સ્પષ્ટ કરે છે કે લેખના પૃષ્ઠો JavaScript/CSS કોડ લોડ કરે છે?

બનાવવુંવર્ડપ્રેસથીમ બનાવતી વખતે, જો વર્ડપ્રેસમાં ચોક્કસ પૃષ્ઠ પર કોઈ ચોક્કસ JavaScript અથવા CSS કોડ દેખાય છે, તો તેનો ઉપયોગ ફક્ત એક જ વાર કરવામાં આવશે.

કોડ ક્યાં મૂકવો જોઈએ? Style.css કે base.js?

પરંતુ આમ કરવાની કિંમત થોડી વધારે છે.

ઉદાહરણ 1:

• તમારી WordPress સાઇટ પર હાઇસ્લાઇડ જાવાસ્ક્રિપ્ટ અસર મેળવવાનો પ્રયાસ કરો.
• પરંતુ સામાન્ય રીતે તેનો ઉપયોગ ફક્ત છબીઓ અથવા જરૂરી પૃષ્ઠો સાથેના ભાગો માટે થાય છે અને હાઇસ્લાઇડ વિભાગો ઉમેરવા માટે બિનઉપયોગી પૃષ્ઠો પર પૃષ્ઠો લોડ કરવા માટે થાય છે, તેથી JavaScript નું 50 KB થી વધુ મોટું છે.

ઉદાહરણ 2:

• લેખમાં એક પ્રમાણભૂત સુસંગતતા પદ્ધતિનો ઉપયોગ કરવો છેટેગ તેને દાખલ કરે છે, પરંતુ દાખલ કરે છેટેગ દ્વારા જનરેટ કરેલું પેજ W3C વેરિફિકેશન પાસ કરી શકતું નથી.
• આ કરવા માટે એક સારી રીત છે SWFObject નો ઉપયોગ કરવો, એક JavaScript જે W3C- માન્ય કોડ જનરેટ કરે છે.
• પરંતુ સમસ્યા એ છે કે વર્ડપ્રેસમાં દરેક પેજ પર SWFObject લોડ કરવું વ્યર્થ છે, અને બધા પેજ આ JavaScript ફાઇલનો ઉપયોગ કરતા નથી.

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

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

જો તમે સમજી શકો, તો કસ્ટમ ફીલ્ડ મૂલ્યો JavaScript અને 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代码 结束 -->

કોડમાં હેડ એ કસ્ટમ ફીલ્ડનું નામ છે, જેને કસ્ટમાઇઝ કરી શકાય છે.

WordPress પોસ્ટ્સ અથવા પૃષ્ઠો પર કસ્ટમ ફીલ્ડ્સ ઉમેરો

વર્ડપ્રેસ બેકએન્ડસંપાદન લેખ પૃષ્ઠના સંપાદકમાં, "કસ્ટમ ક્ષેત્રો" માટે એક નાની વિંડો છે.

1. "નામ" માટે દાખલ કરો:head
2. પછી "વેલ્યુ" માં તમે ડિસ્પ્લેમાં જે કોડ ઉમેરવા માંગો છો તે દાખલ કરો ▼

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

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

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

અથવા ▼

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

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

વર્ડપ્રેસ કસ્ટમ ક્ષેત્રો માટે અન્ય ઉપયોગો

ઉપરોક્ત સિદ્ધાંતોને સમજ્યા પછી, તમે જોશો કે વર્ડપ્રેસ કસ્ટમ ફીલ્ડ ફક્ત કસ્ટમ પૃષ્ઠો માટે કસ્ટમ JavaScript અથવા CSS નો અમલ કરી શકે છે, પરંતુ કસ્ટમ ફીલ્ડ્સ દ્વારા ઘણા કાર્યોને પણ અમલમાં મૂકી શકે છે, જેમ કે: લેખ થંબનેલ્સ, લેખ ટીપ્સ વગેરેમાં ઉમેરો.

તેમને કેવી રીતે અમલમાં મૂકવું તે માટે, કસ્ટમ ફીલ્ડનો ઉપયોગ કરવાનો પ્રયાસ કરો.

વર્ડપ્રેસમાં JavaScript/CSS કોડ લોડ કરવા માટે લેખના ટૅગ્સ અને કૅટેગરી હેડર અને ફૂટર્સનો ઉલ્લેખ કેવી રીતે કરવો?

વર્ડપ્રેસમાં હેડરને કેવી રીતે કસ્ટમાઇઝ કરવું?અમે તેને નીચેના લેખની સૂચનાઓ દ્વારા ઇન્સ્ટોલ કરી શકીએ છીએવર્ડપ્રેસ પ્લગઇનહેડ કોડ ઉમેરવાનું સમજો▼

વર્ડપ્રેસ લેખોમાં હેડ કોડ કેવી રીતે ઉમેરે છે? WP પ્લગઇન હેડ કોડને ઑપ્ટિમાઇઝ કરે છે

આ લેખની જેમ વર્ડપ્રેસમાં હેડરને કસ્ટમાઇઝ કેવી રીતે કરવું?"WordPress ફૂટર હેડર પ્લગઇન ઇન્સ્ટોલ કરવું" માં રજૂ કરાયેલ હેડર ફૂટર કોડ મેનેજર પ્લગઇન હાલમાં PHP કોડ ઉમેરી શકતું નથી... તેથી, મેં WordPress પ્લગઇનની સત્તાવાર વેબસાઇટ પર શોધ કરી અને જાણવા મળ્યું કે તે હેડર પૃષ્ઠ પર મળી શકે છે. .

વર્ડપ્રેસમાં હેડરને કેવી રીતે કસ્ટમાઇઝ કરવું?વર્ડપ્રેસ ફૂટર હેડર પ્લગઇન ઇન્સ્ટોલ કરો

કેટલાક વર્ડપ્રેસ એચટીએમએલ / જાવાસ્ક્રિપ્ટ / સીએસએસ કોડને ફક્ત ચોક્કસ લેખ અથવા પૃષ્ઠમાં દર્શાવવાની જરૂર છે, અમે હેડર ફૂટર કોડ મેનેજર પ્લગઇન દ્વારા વર્ડપ્રેસમાં ઉલ્લેખિત લેખ / પૃષ્ઠમાં હેડર અને ફૂટર કોડ ઉમેરી શકીએ છીએ. હેડર ફૂટર...

• આ રીતે, વર્ડપ્રેસ થીમ બદલ્યા પછી કસ્ટમ કોડ ગુમાવવા અથવા મેન્યુઅલી કસ્ટમ કોડ ટ્રાન્સફર કરવાની ચિંતા કરવાની જરૂર નથી.