it-swarm-eu.dev

Jak začít učit CSS a vývoj témat?

Jaké by byly vaše návrhy na výuku vývoje CSS a WordPressu?

Byl jsem pomocí WordPress více než 4 roky, ale nikdy jsem se opravdu nedostal pohodlně s CSS nebo téma design (mohl bych Tweak to tady a tam, ale to není moc dělá moc). Rád bych to mohl udělat, ale nevím, kde začít. Většina průvodců, se kterými jsem se setkal, není WP specifická, a obávám se, že bych prošel zbytečným materiálem.

Dík

1
Tal Galili

V první řadě se liší mezi věcmi. WP není CSS a CSS není WP. Témata WP však využívají CSS. Takže pokud se dozvíte o CSS jste v podstatě nedělá špatně (dobrá věc s CSS je, to je společné mezi všechny webové stránky). Druhá část je HTML. A pak máte PHP.

Jedná se tedy o tři počítačové jazyky, které se používají společně:

  • programovací jazyk: PHP
  • strukturální jazyk: HTML
  • jazyk specifický pro doménu: CSS

Pak máte vícevrstvou síťovou architekturu: PHP je provedeno na serveru a HTML a CSS jsou poskytovány serverem, ale prohlížečem je čte/zpracovává v klientském počítači.

Takže i když by se témata mohla zdát jednoduchá, s WP toto vše bude zaměnitelné smíšené a vy musíte znovu odložit věci.

PHP je v "téma" (PHP) Soubory, HTML je generován (a také je) uvnitř těchto souborů motivů, CSS je v souboru CSS.

Takže v podstatě musíte rozhodnout sami, co se chcete naučit. Většina prostředků se liší mezi PHP a HTML/CSS.

Na základě vaší otázky vám mohu pouze doporučit, abyste se naučili CSS. Je to velmi mocné poté, co jste plně pochopili Kaskádu. Musíte znát HTML forehand (ne PHP, jen HTML). V konečném důsledku CSS je naprosto důležité pro vizuální reprezentaci webové stránky, je to elektrické nářadí na výzdobu jakékoli webové stránky. Takže můžete použít to se vším, i wordpress témat;)

Jít na to. Pokud jste dosud nepochopili až po 4 letech, strávte si nějaké vzdělání. Navrhuji nějakou knihu jako http://oreilly.com/catalog/9780596101978 , která je ideální pro sebevzdělávání (vedle cvičení).

Samotný CSS je velmi dobře zkažený W3C stejně jako HTML. Definice není příliš uživatelsky přívětivá, ale je to správné, takže s některými se můžete také hodně naučit. w3schools je také pěkný (a tenhle web to nějakým způsobem dělá v průběhu let, vypadá to, že za ním je alespoň nějaký mozek). HTML/CSS, to je WWW, uchopte svůj zdroj: D

Pro PHP existuje php.net. Pro wordpress, dobře, je to vždy mění a spotřebovává zdroje své osobní kariéry, takže se nemusíte příliš soustředit na to. Jeho dobře vyvinuté tak jako tak, jen se podívejte na to, co je dobré pro vás, se zaměřit na wordpress příliš mnoho.

5
hakre

Co se týče CSS, v této oblasti není spousta věcí WordPress. Přejděte na w3schools a projděte si jejich tutoriály. Co se týče učení, jak vytvořit téma, dva nejlepší zdroje, které mohu doporučit, jsou sekce pro vývojáře kódu a výchozí motiv (od nynějška Dvacet deset). Přečtěte si stránku Vývoj témat a stránku Šablony . základní porozumění. Pak si přečtěte zdrojový kód výchozího motivu pomocí vývojářských dokumentů (zejména tagů šablony a Odkaz na funkci stránky).

Doufám, že to pomohlo!

3
John P Bloch

Nejdůležitější věc, kterou můžete udělat, je vytvořit místní WordPress instalaci, se kterou si můžete hrát. (Pokyny pro: Mac | Windows | Linux ) To vám umožní experimentovat a dělat chyby, aniž by zbytek světa sledoval.

Nejrychlejší způsob, jak se naučit, je modifikovat existující témata a vytvářet dětské motivy pro různé rámce . Moje osobní favorita je Tématické . Je to velmi těžké začít od nuly, takže tyto zdroje vám mohou pomoci narazit na zem.

Chcete-li se naučit CSS, w3schools.com je zdroj . Pro mnoho návrhářů je Firebug nepostradatelným nástrojem. Nenechávejte doma bez něj!

2
kylan

Krok 1: Vytvořte podřízené téma dobré pevné nadřazené téma. A. Nainstalujte tematické téma. B. Postupujte podle jejich pokynů pro vytvoření motivu dítěte. (Přesuňte složku thematic-sample-child-theme mimo tematickou složku, pod wp-content/themes. Nyní budete mít/wp-content/themes/thematic a/wp-content/themes/thematic-sample- C. Přejmenujte tento adresář na nový, preferovaný název motivu D. Přejděte na obrazovku vzhledu a aktivujte nové téma.

Krok 2: Upravte styles.css a experimentujte s CSS. A. Například:

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}

Nejjednodušší je začít jen změnou barev a fontů, pak se můžete dostat do úžasnějších věcí, jako jsou zaoblené rohy, plovoucí divs atd.

Krok 3: Použijte původní style.css v adresáři/wp-content/themes/thematic jako svůj průvodce. Opravdu studuj ten style.css. Použijte odkaz jako http://reference.sitepoint.com/css , abyste pochopili každé pravidlo.

S dítětem téma můžete změnit tak málo nebo tolik, kolik chcete. Někteří například změní pouze logo #brand, jak je uvedeno výše. Čím více se budete snažit, tím více se naučíte.

2
Marjorie Roswell

tihle kluci mi hodně pomohli (a stále to dělají) http://digwp.com/ Jejich bookisse jsou opravdu praktická a snadno srozumitelná. jejich blog!

0
user3401

Kylan zmínil Firebug pro firefox.

Je to opravdu skvělý nástroj, jak vidět, jak si ostatní vytvořili svá témata.

Stáhněte si pár skvěle vypadajících témat a pak je použijte k prozkoumání pomocí programu Firebug. To mi pomohlo, když jsem začal.

0
Nohl