ആർട്ടിക്കിൾ ഡയറക്ടറി
നിർമ്മാണംവേർഡ്പ്രൈസ്തീമിംഗ് ചെയ്യുമ്പോൾ, WordPress-ലെ ഒരു പ്രത്യേക പേജിൽ ദൃശ്യമാകുന്ന ഒരു നിർദ്ദിഷ്ട JavaScript അല്ലെങ്കിൽ CSS കോഡ് ഉണ്ടെങ്കിൽ, അത് ഒരിക്കൽ മാത്രമേ ഉപയോഗിക്കൂ.
കോഡ് എവിടെ സ്ഥാപിക്കണം? Style.css അല്ലെങ്കിൽ base.js?
എന്നാൽ അതിനുള്ള ചിലവ് അൽപ്പം കൂടുതലാണ്.
ഉദാഹരണം 1:
- നിങ്ങളുടെ വേർഡ്പ്രസ്സ് സൈറ്റിൽ Highslide JavaScript പ്രഭാവം നേടാൻ ശ്രമിക്കുക.
- എന്നാൽ സാധാരണയായി ഇത് ഇമേജുകളോ ആവശ്യമുള്ള പേജുകളോ ഉള്ള ഭാഗങ്ങൾക്ക് മാത്രമേ ഉപയോഗിക്കൂ, കൂടാതെ ഹൈസ്ലൈഡ് വിഭാഗങ്ങൾ ചേർക്കാൻ ഉപയോഗിക്കാത്ത പേജുകളിൽ പേജുകൾ ലോഡുചെയ്യുന്നു, അതിനാൽ 50 KB-ലധികം JavaScript വളരെ വലുതാണ്.
ഉദാഹരണം 2:
- ഒരു ലേഖനത്തിൽ ഒരു സ്റ്റാൻഡേർഡ് കോംപാറ്റിബിലിറ്റി രീതി ഉപയോഗിക്കുക എന്നതാണ്ടാഗ് അത് ചേർക്കുന്നു, പക്ഷേ ചേർത്തത്ടാഗ് സൃഷ്ടിച്ച പേജിന് W3C സ്ഥിരീകരണം കടന്നുപോകാൻ കഴിയില്ല.
- W3C-സാധുതയുള്ള കോഡ് സൃഷ്ടിക്കുന്ന ഒരു ജാവാസ്ക്രിപ്റ്റായ SWFObject ഉപയോഗിക്കുന്നതാണ് ഇതിനുള്ള ഒരു നല്ല മാർഗം.
- എന്നാൽ വേർഡ്പ്രസ്സിലെ എല്ലാ പേജുകളിലും SWFObject ലോഡ് ചെയ്യുന്നത് പാഴായിപ്പോകുമെന്നതാണ് പ്രശ്നം, എല്ലാ പേജുകളും ഈ JavaScript ഫയൽ ഉപയോഗിക്കുന്നില്ല.
വാസ്തവത്തിൽ, ഇഷ്‌ടാനുസൃത പോസ്റ്റുകൾക്കോ പേജ് ലോഡുകൾക്കോ വേണ്ടി വ്യത്യസ്ത JavaScript പേജുകൾ നടപ്പിലാക്കാൻ നമുക്ക് WordPress-ന്റെ ശക്തമായ ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾ ഉപയോഗിക്കാം.
ഈ ലേഖനം നിങ്ങളെ കാണിക്കും: WordPress, ഇഷ്‌ടാനുസൃത 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代码 结束 -->ഇഷ്‌ടാനുസൃതമാക്കാൻ കഴിയുന്ന ഇഷ്‌ടാനുസൃത ഫീൽഡിന്റെ പേരാണ് കോഡിലെ തല.
വേർഡ്പ്രസ്സ് പോസ്റ്റുകളിലേക്കോ പേജുകളിലേക്കോ ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾ ചേർക്കുക
വേർഡ്പ്രസ്സ് ബാക്കെൻഡ്എഡിറ്റ് ലേഖന പേജിന്റെ എഡിറ്ററിൽ, "ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾ" എന്നതിനായി ഒരു ചെറിയ വിൻഡോ ഉണ്ട്.
- "പേര്" എന്നതിനായി നൽകുക:
head - തുടർന്ന് "മൂല്യം" എന്നതിൽ നിങ്ങൾ ഡിസ്പ്ലേയിലേക്ക് ചേർക്കാൻ ആഗ്രഹിക്കുന്ന കോഡ് നൽകുക ▼
- ഇഷ്‌ടാനുസൃത ഫീൽഡ് ചേർക്കുക ക്ലിക്കുചെയ്യുക.
- ലേഖനം അപ്ഡേറ്റ് ചെയ്യുന്നത് തീം കോഡ് ചെയ്യാനും ഈ ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾക്കായി മൂല്യങ്ങൾ നൽകാനും നിങ്ങളെ അനുവദിക്കും.
"മൂല്യം" എന്നതിൽ ലോഡ് ചെയ്യേണ്ട കോഡ് മാത്രമേ നിങ്ങൾ ഔട്ട്പുട്ട് ചെയ്യുന്നുള്ളൂ എന്നതിനാൽ, "മൂല്യം" ▼ എന്നതിൽ ഇനിപ്പറയുന്ന സമാനമായ കോഡ് നിങ്ങൾ നൽകേണ്ടതുണ്ട്.
<script type="text/javascript">...</script>
അല്ലെങ്കിൽ ▼
<style type="text/css">...</style>
മുകളിലെ കോഡ് ഔട്ട്പുട്ട് ചെയ്യാൻ.
വേർഡ്പ്രസ്സ് ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾക്കായുള്ള മറ്റ് ഉപയോഗങ്ങൾ
മുകളിലെ തത്ത്വങ്ങൾ മനസ്സിലാക്കിയ ശേഷം, WordPress ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾക്ക് ഇഷ്‌ടാനുസൃത പേജുകൾക്കായി ഇഷ്‌ടാനുസൃത JavaScript അല്ലെങ്കിൽ CSS നടപ്പിലാക്കാൻ മാത്രമല്ല, ഇഷ്‌ടാനുസൃത ഫീൽഡുകളിലൂടെ നിരവധി പ്രവർത്തനങ്ങൾ നടപ്പിലാക്കാനും കഴിയുമെന്ന് നിങ്ങൾ കണ്ടെത്തും: ലേഖന ലഘുചിത്രങ്ങളിലേക്ക് ചേർക്കുക, ലേഖന നുറുങ്ങുകൾ മുതലായവ.
അവ എങ്ങനെ നടപ്പിലാക്കാം എന്നതിനെക്കുറിച്ച്, ഇഷ്‌ടാനുസൃത ഫീൽഡുകൾ ഉപയോഗിച്ച് ശ്രമിക്കുക.
വേർഡ്പ്രസ്സിൽ JavaScript/CSS കോഡ് ലോഡ് ചെയ്യാൻ ലേഖന ടാഗുകളും കാറ്റഗറി ഹെഡറുകളും ഫൂട്ടറുകളും എങ്ങനെ വ്യക്തമാക്കാം?
വേർഡ്പ്രസ്സിൽ ഹെഡർ എങ്ങനെ ഇഷ്ടാനുസൃതമാക്കാം?ഇനിപ്പറയുന്ന ലേഖന നിർദ്ദേശങ്ങളിലൂടെ നമുക്ക് ഇത് ഇൻസ്റ്റാൾ ചെയ്യാൻ കഴിയുംവേർഡ്പ്രസ്സ് പ്ലഗിൻഹെഡ് കോഡ് ചേർക്കുന്നത് മനസ്സിലാക്കുക▼
- ഈ രീതിയിൽ, വേർഡ്പ്രസ്സ് തീം മാറ്റിയതിന് ശേഷം ഇഷ്‌ടാനുസൃത കോഡ് നഷ്‌ടപ്പെടുമെന്നോ ഇഷ്‌ടാനുസൃത കോഡ് സ്വമേധയാ കൈമാറുന്നതിനെക്കുറിച്ചോ വിഷമിക്കേണ്ടതില്ല.
ഹോപ്പ് ചെൻ വെയ്‌ലിയാങ് ബ്ലോഗ് ( https://www.chenweiliang.com/ ) പങ്കിട്ടു "ലേഖന പേജ് JavaScript/CSS കോഡ് ലോഡ് ചെയ്യുന്നുവെന്ന് WordPress എങ്ങനെയാണ് വ്യക്തമാക്കുന്നത്? , നിന്നെ സഹായിക്കാൻ.
ഈ ലേഖനത്തിന്റെ ലിങ്ക് പങ്കിടാൻ സ്വാഗതം:https://www.chenweiliang.com/cwl-1740.html
ഏറ്റവും പുതിയ അപ്‌ഡേറ്റുകൾ ലഭിക്കുന്നതിന് ചെൻ വെയ്‌ലിയാങ്ങിന്റെ ബ്ലോഗിന്റെ ടെലിഗ്രാം ചാനലിലേക്ക് സ്വാഗതം!
📚 ഈ ഗൈഡിൽ വലിയ മൂല്യമുണ്ട്, 🌟 ഇതൊരു അപൂർവ അവസരമാണ്, ഇത് നഷ്‌ടപ്പെടുത്തരുത്! ⏰⌛💨
ഇഷ്ടമായാൽ ഷെയർ ചെയ്യുക, ലൈക്ക് ചെയ്യുക!
നിങ്ങളുടെ ഷെയറിംഗും ലൈക്കുകളുമാണ് ഞങ്ങളുടെ തുടർച്ചയായ പ്രചോദനം!