Sut mae WordPress yn nodi bod tudalennau erthygl yn llwytho cod JavaScript / CSS?

gwneudWordPressWrth thema, os oes cod JavaScript neu CSS penodol yn ymddangos ar dudalen benodol yn WordPress, dim ond unwaith y bydd yn cael ei ddefnyddio.

Ble dylid gosod y cod? Style.css neu base.js?

Ond mae'r gost o wneud hynny ychydig yn uchel.

Enghraifft 1:

  • Ceisiwch gael effaith JavaScript Highslide ar eich gwefan WordPress.
  • Ond fel arfer dim ond ar gyfer rhannau sydd â delweddau neu dudalennau dymunol y caiff ei ddefnyddio, a llwytho tudalennau ar dudalennau nas defnyddiwyd i ychwanegu adrannau Highslide, felly mae dros 50 KB o JavaScript yn rhy fawr.

Enghraifft 2:

  • Mewn erthygl rhoi dull cydweddoldeb safonol yw defnyddiotag yn ei fewnosod, ond mae'r mewnosodNi all y dudalen a gynhyrchir gan y tag basio'r dilysiad W3C.
  • Ffordd dda o wneud hyn yw defnyddio SWFObject, JavaScript sy'n cynhyrchu cod wedi'i ddilysu gan W3C.
  • Ond y broblem yw ei bod yn wastraffus llwytho SWFObject ar bob tudalen yn WordPress, ac nid yw pob tudalen yn defnyddio'r ffeil JavaScript hon.

Mewn gwirionedd, gallwn ddefnyddio meysydd arfer pwerus WordPress i weithredu gwahanol dudalennau JavaScript ar gyfer postiadau arferol neu lwythi tudalennau.

Bydd yr erthygl hon yn dangos i chi: Sut i ddefnyddio meysydd arfer ar WordPress, JavaScript personol neu ffeiliau CSS?

Os gallwch chi ddeall, nid yw gwerthoedd maes arfer mor syml â ffeiliau JavaScript a CSS.

Sut i ychwanegu meysydd arfer mewn themâu WordPress?

Agorwch ffeil header.php y thema WordPress a dewch o hyd i'r cod ▼

<?php wp_head(); ?>

ychwanegu ▼ ar ei ol

<!-- 指定文章页面加载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代码 结束 -->

Y pen yn y cod yw enw'r maes arfer, y gellir ei addasu.

Ychwanegu meysydd arfer at bostiadau neu dudalennau WordPress

Backend WordPressYn y golygydd y dudalen erthygl golygu, mae ffenestr fach ar gyfer "custom fields".

  1. Ar gyfer "Enw" rhowch:head
  2. Yna yn "Gwerth" nodwch y cod rydych chi am ei ychwanegu at yr arddangosfa 

Mae WordPress yn pennu tudalen yr erthygl i lwytho cod JavaScript/CSS

  • Cliciwch Ychwanegu Maes Custom.
  • Bydd diweddaru'r erthygl yn caniatáu ichi godio'r thema a nodi gwerthoedd ar gyfer y meysydd arfer hyn.

Gan mai dim ond y cod y mae angen ei lwytho mewn "gwerth" y byddwch yn ei allbynnu, mae angen i chi nodi'r cod tebyg canlynol yn "gwerth" ▼

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

neu ▼

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

i allbynnu'r cod uchod.

Defnyddiau eraill ar gyfer meysydd arfer WordPress

Ar ôl deall yr egwyddorion uchod, fe welwch y gall meysydd arfer WordPress nid yn unig weithredu JavaScript neu CSS wedi'i deilwra ar gyfer tudalennau arfer, ond hefyd gweithredu llawer o swyddogaethau trwy feysydd arfer, megis: ychwanegu mân-luniau erthygl, awgrymiadau erthygl, ac ati.

O ran sut i'w gweithredu, ceisiwch ddefnyddio meysydd arfer.

Sut i nodi tagiau erthygl a phenawdau a throedynnau categori i lwytho cod JavaScript / CSS yn WordPress?

Sut i Addasu Pennawd yn WordPress?Gallwn ei osod trwy'r cyfarwyddiadau erthygl canlynolAtegyn WordPressSylweddoli ychwanegu cod pen ▼

  • Yn y modd hwn, nid oes angen poeni am golli cod arferiad neu drosglwyddo cod arfer â llaw ar ôl newid thema WordPress.

发表 评论

Ni fydd eich cyfeiriad e-bost yn cael ei gyhoeddi. 必填 项 已 用 * Label

Sgroliwch i'r brig