Jak přidat kód JavaScript do příspěvku WordPress?

systematicky učilvytvořit webovou stránkutechnickýSEOOdborníci vědí, jak snadno používat programy JavaScript.

Existuje mnoho snadno použitelných kódů JavaScript sdílených ostatními na internetu.

jestli můžešWordPressPřidáním JS kódu do článku se článek rozhodně zpestří.

Jak přidat JS kód do článků WordPress

Přidání kódu JavaScript do příspěvku WordPress je velmi jednoduché.

Další,Chen WeiliangPodělí se s vámi:Jak přidat kód JavaScript do příspěvků WordPress?

Obvykle existují 2 způsoby, jak přidat kód JS:

1. Přidejte kód JS přímo do příspěvků WordPress
2. Po napsání souboru JS zavolejte kód JS v článku WordPress

1) Přidejte kód JS přímo do příspěvku WordPress

První metoda, zápis JavaScriptu přímo do příspěvku WordPressu.

Zde je příklad tisku textu „Ahoj světe!“ ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

Toto je v příspěvku WordPress, který po spuštění JavaScriptu ▼ zobrazuje „Hello World!“

2) Po napsání JS souboru zavolejte JS kód v článku WordPress

U druhé metody zapište kód JavaScript do samostatného souboru.

Poté v příspěvku WordPress, kam je třeba vložit JavaScript, zavolejte soubor JavaScript prostřednictvím textového editoru WordPress.

Následující příklad je v příspěvku WordPress, kde je vytištěn text „Ahoj světe“ ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

Obsah souboru JavaScript hello.js ▼

document.write("Hello World");

Přidání kódu JavaScript do příspěvku WordPress zobrazí výsledky ▼

WordPress volá JS kód pro dnešní datum

Na internetu je spousta zábavného a užitečného kódu JavaScript.

Nyní uveďte příklad, jak je používat?

Vytiskněte si dnešní datum v příspěvcích WordPress.

Vložte následující soubor JavaScript date.js do příspěvku WordPress ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Níže je uveden JavaScriptový obsah souboru date.js ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

Zde je výsledek spuštění JavaScriptu dnešní datum v příspěvku WordPress ▼

Níže je uveden výsledek javascriptového souboru date.js spuštěného v tomto článku ▼

注意 事项

Pro vložení JS kódu do příspěvku je potřeba přepnout editor WordPress do textového režimu.

speciální pozornost和之间不能有换行。

Pokud je zalomení řádku, WordPress jej automaticky zpracuje jako odstavec a automaticky přidá značku p, která způsobí selhání kódu JS skriptu.

Další články o kódu JavaScript WordPress jsou zde ▼

Jak WordPress určuje, že stránky článků načítají kód JavaScript/CSS?

Pokud se při vytváření motivu WordPress na konkrétní stránce ve WordPressu objeví konkrétní kód JavaScript nebo CSS, použije se pouze jednou.Kde by měl být kód umístěn? Style.css nebo base.js?Ale náklady na to jsou trochu vysoké. ...

Jak zařídit, aby WordPress líně načítal JavaScript, aby se urychlilo vykreslování stránek?

WordPress líně načítá JavaScript, aby urychlil metody vykreslování stránek.Co je vlastnost Defer JavaScriptu?S touto situací se asi setkal každý: v hlavě je N skriptů a při načtení skriptů se zablokuje vykreslování stránky, které je většinou prázdné. ...

Jak WordPress správně zavádí JavaScript?Vlastní načítání souborů JS a CSS

Programátoři, kteří vytvářejí webové stránky pomocí WordPress, se při vývoji pluginů WordPress nebo přizpůsobení témat WordPress odkazují na některé zdroje skriptů JavaScript a CSS.Obvykle lidé používají značky link, skriptů přímo pro HTML.Ve skutečnosti v rámci WordPressu…