Tworzenie motywów WordPress (101)

Przewodnik po tworzeniu motywów WordPress


Nauka tworzenia motywów WordPress otwiera przed Tobą zupełnie nowy świat. Pozwala budować niestandardowe projekty dla siebie, swoich klientów, a nawet przyczyniać się z powrotem do społeczności open source.

W tym przewodniku zabierzemy Cię od zera do uzyskania w pełni funkcjonalnego motywu, który można przesłać do WordPress.org katalog motywów.

Aby kontynuować, będziesz potrzebować podstawowej znajomości HTML, CSS, PHP i tego, jak działa WordPress.

Cały kod użyty w tym przewodniku będzie dostępny do wglądu w tym Repozytorium Github.

Tworzenie niezbędnych plików


Działający motyw WordPress może składać się tylko z dwóch plików: style.css i index.php. Jest to możliwe dzięki WordPress hierarchia szablonów.

Kiedy WordPress generuje stronę internetową, szuka najbardziej dostępnego szablonu, jeśli szablon nie istnieje, będzie się przesuwał w dół hierarchii, aż znajdzie taki, który to robi. Oto praktyczny przykład:

Użytkownik jest włączony https://example.com/przyklad praktyczny, która jest stroną. WordPress spróbuje zlokalizować szablon w następującej kolejności:

  • page- {slug} .php – Slug strony to / praktyczny-przykład, WordPress będzie szukał użycia twojego-motywu / praktycznego-przykładowego.php
  • page- {id} .php – Identyfikator strony to 42, WordPress wyszuka użycie twojego theme / page-42.php.
  • page.php – WordPress wypróbuje ogólny szablon your-theme / page.php ogólnego przeznaczenia.
  • singular.php – Pojedynczy szablon może renderować posty i strony, więc wypróbowano go po bardziej szczegółowym page.php
  • index.php – Wreszcie twoja-theme / index.php jest używana, jeśli nie znaleziono innego szablonu.

Zacznijmy od stworzenia motywu z tylko niezbędnymi plikami, a następnie możemy nałożyć więcej funkcji, gdy będziemy badać ich działanie.

W / wp-content / themes /, utwórz folder o nazwie mój niestandardowy motyw i utwórz te dwa następujące pliki:

style.css

Aby WordPress mógł rozpoznać nasz motyw i wydrukować go poprawnie na liście Wygląd → Motywy, musimy umieścić kod specyficzny dla WordPress na górze style.css, To wygląda tak:

/ *
Nazwa motywu: Mój motyw niestandardowy
Motyw URI: https://yourwebsite.com/theme
Autor: Twoje imię
Autor URI: https://yourwebsite.com
Opis: To mój pierwszy niestandardowy motyw!
Wersja: 1.0.0
Licencja: GNU General Public License v2 lub nowsza
Identyfikator URI licencji: 
Domena tekstowa: mój niestandardowy motyw
Tagi: niestandardowe tło
* /

Technicznie żadne z tych pól nie jest wymagane, ale jeśli chcesz, aby Twój motyw wyglądał dobrze w wp-admin, są one bardzo zachęcane. Są one również wymagane, jeśli rozpowszechniasz swój motyw na WordPress.

  • Nazwa motywu – Zawsze należy podać nazwę motywu. Jeśli nie, zostanie użyta nazwa folderu, mój niestandardowy motyw w naszym przykładzie.
  • URI motywu – Jeśli jest używany, identyfikator URI motywu powinien zawierać link do strony, na której odwiedzający mogą dowiedzieć się więcej na temat motywu.
  • Autor – Twoje imię tu idzie.
  • Identyfikator URI autora – Link do Twojej osobistej lub biznesowej witryny można umieścić tutaj.
  • Opis – Opis jest wyświetlany w module motywu wp-admin, a także w Motyw WordPress wymienianie kolejno.
  • Wersja – Numery wersji pomagają programistom śledzić zmiany i informują użytkowników, czy używają najnowszej wersji. Śledzimy SemVer system numeracji określający istotność zmian w aktualizacji.
  • Licencja – Sposób licencjonowania motywu zależy od Ciebie, ale jeśli wybierzesz licencję niezgodną z GPL, nie będziesz mógł rozpowszechniać motywu na WordPress.
  • Identyfikator URI licencji – To jest po prostu link do powyższej licencji.
  • Domena tekstowa – Domena tekstowa jest używana podczas tłumaczenia motywu na inne języki. Nie martw się, zajmiemy się tym dogłębnie później. Na razie wystarczy wiedzieć, że dobrą praktyką jest, aby folder motywu i domena tekstowa były nazwą motywu oddzieloną łącznikami zamiast spacji.
  • Tagi – Tagi są używane tylko wtedy, gdy przesyłasz swój motyw do katalogu motywów WordPress.org. Stanowią one podstawę mechanizmu „Filtru funkcji”.

Skopiuj i wklej powyższe do style.css i będziesz miał coś takiego:Informacje o motywie wp-admin

Uwaga: W tej chwili wygląda to trochę pusto, ponieważ nie mamy jeszcze zrzutu ekranu. Dodamy to później.

index.php

index.php jest jedynym innym ściśle wymaganym plikiem. Jego zadaniem jest renderowanie wszystkich wyników frontonu dla naszego motywu.

Od index.php będzie renderować wszystkie nasze strony (strona główna, posty, kategorie, archiwa), będzie robić dużo pracy. Na początek potrzebujemy sekcji nagłówka, która obejmie podstawy HTML.


>




To jest standardowy HTML z jednym wyjątkiem, [wp_head ()] (). wp_head to podstawowa funkcja, która pozwala WordPress i wtyczkom innych firm wstawiać kod do nagłówka bez modyfikowania plików szablonów. Nazywa się to hakiem akcji.

Jeśli znasz HTML, możesz zauważyć, że nie ma tag, aby wyświetlić tytuł strony. To dlatego, że WordPress może użyć haka wp_head do dynamicznego wstawiania tytułu.</p><p>Innym zastosowaniem wp_head jest kolejkowanie stylów (.css) i skryptów (.js). Są bardzo dobre powody, aby to zrobić zamiast na stałe je zakodować, na co przyjrzymy się później.</p><p>Następnie mamy treść strony:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><body data-rsssl=1 <?php body_class(); ?>></pre><p><em>body_class ()</em> to funkcja pomocnicza zapewniana przez WordPress, która wyświetli listę przydatnych klas CSS opisujących wyświetlaną stronę, takich jak:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><code class="EnlighterJSRAW" data-enlighter-language="html">class = "strona strona-id-2 strona-rodzic strona-szablon-domyślny zalogowany" </code></pre><p><em>body_class ()</em>; akceptuje również parametr, dzięki czemu można dodawać własne klasy, na przykład:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><body data-rsssl=1 <?php body_class( 'wide-template blue-bg' ); ?>></pre><p>Następnie mamy nagłówek szablonu.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">„> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> </header> </pre><p>Tutaj używamy wbudowanych funkcji szablonów WordPress do generowania tytułu i opisu witryny. Użyliśmy również funkcji pomocnika, <em>home_url (),</em> połączyć tytuł witryny z powrotem do strony głównej.</p><p>Następnie treść strony:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="bdquordquo">„,”</span></h1>”); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : ?> <article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> <?php endif; ?> </div> </pre><p>Tutaj robi się interesująco (i nieco bardziej skomplikowane). Tutaj korzystamy z najważniejszej funkcji WordPress, <a href="https://developer.wordpress.org/themes/basics/the-loop/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Pętla</a>. Pętla wykonuje ciężką pracę nad ustaleniem, na której stronie znajduje się użytkownik i co należy wyświetlić. Następnie zwraca listę jednego lub więcej „postów”, które możemy przeglądać i wysyłać dane za pomocą funkcji szablonów.</p><p>Jeśli Pętla nie zwraca żadnych wyników, na przykład na stronie 404 lub usuniętej wiadomości, używamy operatora else, aby wyświetlić predefiniowaną wiadomość.</p><p>Bez otaczającego kodu uproszczona pętla wygląda następująco:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">if (have_posts ()): // sprawdź, czy pętla zwróciła jakiekolwiek posty. while (have_posts ()): // przechodzą przez każdy zwracany post. Poczta(); // skonfiguruj zawartość, abyśmy mogli używać tagów szablonów, takich jak the_title (). tytuł(); // wyświetl tytuł postu. Treść(); // wyślij treść postu. w końcu; inaczej: echo „Nie znaleziono strony”; // wyślij komunikat o błędzie, jeśli nie ma żadnych postów. endif; ?> </pre><p><strong>Uwaga:</strong> Ponieważ WordPress ma swoje początki w blogowaniu, wiele funkcji używa terminologii „post”, nawet jeśli mogą one zwracać i generować dowolny rodzaj treści (posty, strony, niestandardowe typy postów).</p><p>Na koniec mamy stopkę, wszystko, co musimy tutaj zrobić, to zamknąć wcześniej otwarte tagi HTML. Jest jeszcze jeden hak akcji, <a href="https://developer.wordpress.org/reference/hooks/wp_footer/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">wp_footer ()</a>, który jest aktywnie wykorzystywany przez WordPress i wtyczki do dołączania skryptów w stopce potrzebnej do renderowania strony.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://24kg.org/wp-content/cache/min/1/126071b3113a0c41c50391762b177d99.js" data-minify="1" defer></script></body> </html> </pre><p>Jeśli do tej pory śledziłeś, będziesz mieć w pełni funkcjonalny motyw WordPress, który wygląda następująco:</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20242'%3E%3C/svg%3E" alt="podgląd motywu startowego" width="750" height="242" data-lazy-src="/images/wordpress-theme-development-101-3.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17326 size-large" src="/images/wordpress-theme-development-101-3.jpg" alt="podgląd motywu startowego" width="750" height="242"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="242"></span></p><p>Nasz motyw nie zdobędzie żadnych nagród za projekt (nie ma CSS) i brakuje w nim wielu funkcji, które użytkownicy uważają za niezbędne (paski boczne, nawigacja, metadane, miniatury, paginacja itp.), Ale to dobry początek!</p><p>Kontynuujmy i zobaczmy, jak możemy to poprawić.</p><h2><span id="functionsphp">functions.php</span></h2><hr/><p><em>Functions.php</em> nie jest wymaganym plikiem, ale zapewnia tyle korzyści, że ma go 99,99% motywów. W <em>functions.php</em> możesz skorzystać z wbudowanej funkcji motywu WordPress, a także dodać własny kod PHP.</p><p>Stwórz <em>functions.php</em> w folderze motywów, ponieważ dodamy do niego kod w następnych sekcjach.</p><h3><span id="Dodawanie_menu_nawigacyjnego">Dodawanie menu nawigacyjnego</span></h3><p>Większość, jeśli nie wszystkie witryny, korzystają z menu nawigacji, ale do tej pory nasz motyw go nie obsługuje. Aby poinformować WordPress, że nasz motyw zawiera menu nawigacyjne, musimy go zarejestrować <em>functions.php</em> lubię to:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">register_nav_menus (tablica ( „menu-1” => __ („Menu główne”, „mój niestandardowy motyw”), ); </pre><p><strong>Uwaga:</strong> <em>register_nav_menus ()</em> akceptuje tablicę, więc w razie potrzeby możesz zarejestrować więcej niż jedno menu.</p><p>WordPress wie teraz o naszym menu, ale nadal musimy wyświetlać go w naszym motywie. Robimy to, dodając następujący kod pod opisem witryny w <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_nav_menu (tablica ( 'theme_location' => 'menu-1', )); </pre><p>Teraz mamy (niestylowane) menu nawigacyjne:</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20272'%3E%3C/svg%3E" alt="motyw startowy z menu nawigacyjnym" width="750" height="272" data-lazy-src="/images/wordpress-theme-development-101-4.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17328 size-large" src="/images/wordpress-theme-development-101-4.jpg" alt="motyw startowy z menu nawigacyjnym" width="750" height="272"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="272"></span></p><h3><span id="Dodawanie_paska_bocznego">Dodawanie paska bocznego</span></h3><p>Nasz motyw też nie ma paska bocznego (obszaru widżetów), naprawmy to teraz.</p><p>Najpierw musimy zarejestrować pasek boczny <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funkcja my_custom_theme_sidebar () { register_sidebar (tablica ( „name” => __ („Primary Sidebar”, „my-custom-theme”), „id” => „sidebar-1”, )); } add działań („widgets_init”, „my_custom_theme_sidebar”); </pre><p>Teraz utwórz <em>sidebar.php</em> w folderze motywów i dodaj następujący kod:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php if ( is_active_sidebar( 'sidebar-1' ) ) { ?> <ul class="sidebar"> <?php dynamic_sidebar('sidebar-1' ); ?> </ul> <?php } ?> </pre><p>Tutaj używamy <em>gdyby</em> instrukcja, aby sprawdzić, czy pasek boczny jest „aktywny” przed wysłaniem kodu. Aktywny pasek boczny to taki, do którego użytkownik dodał co najmniej jeden widżet.</p><p>Ostatnim krokiem jest włączenie paska bocznego do<em> index.php</em>, powyżej <em>wp_footer ()</em> dodać <em>get_sidebar ()</em> połączenie.</p><h3><span id="Dodawanie_wyroznionych_zdjec">Dodawanie wyróżnionych zdjęć</span></h3><p>Podobnie jak paski boczne i menu nawigacyjne, nie możemy po prostu wyświetlać wyróżnionych obrazów w naszym motywie i oczekiwać, że będą działać, musimy najpierw poinformować WordPress, że obsługujemy tę funkcję. W <em>functions.php</em> Dodaj:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_theme_support („post-thumbnails”);</pre><p>Teraz możemy dodać<em>_post_thumbnail ();</em> w naszej pętli miniatury będą działać. Jedynym problemem jest to, że będą one wyświetlać w maksymalnym rozmiarze WordPress 1920 x 2560 pikseli, który jest zbyt duży do większości zastosowań. Na szczęście WordPress ma kolejną funkcję pomocniczą: <em>add_image_size ()</em>;</p><p>Gdy użytkownik prześle obraz i jeśli rozmiar obrazu jest zdefiniowany, WordPress wygeneruje wersję przesłanego obrazu o tym rozmiarze (zachowując oryginał). Jeśli obraz użytkownika jest mniejszy niż ustawione wymiary, WordPress nic nie zrobi, ponieważ nie może powiększyć obrazu niż oryginał.</p><p>Aby użyć zoptymalizowanego obrazu funkcji zamiast oryginału, wstaw następujący kod <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_image_size („my-custom-image-size”, 640, 999);</pre><p>Pierwszy parametr to uchwyt, drugi to szerokość obrazu, a trzeci to wysokość. Zarówno wysokość, jak i szerokość są opcjonalne, jeśli chcesz ograniczyć tylko jeden wymiar.</p><p>W <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">the_post_thumbnail ('my-custom-image-size');</pre><h3><span id="Kolejkowanie_stylow_i_skryptow">Kolejkowanie stylów i skryptów</span></h3><p>Wcześniej stwierdziliśmy, że lepiej kolejkować style i skrypty zamiast zapisywać je bezpośrednio w plikach szablonów. To dlatego, że kolejkowanie pozwala na znacznie większą elastyczność.</p><p>Po prawidłowym wykonaniu kolejkowanie informuje również WordPress, które zasoby są ładowane. Kiedy WordPress wie, które zasoby są potrzebne, może upewnić się, że ten sam zasób nie zostanie załadowany więcej niż raz. Jest to szczególnie ważne, gdy masz bardzo popularną bibliotekę, taką jak jQuery lub FontAwesome, która będzie wykorzystywała wiele motywów i wtyczek.</p><p>Kolejną zaletą kolejkowania jest to, że zasadzane kolejki mogą być usuwane z kolejki przez wtyczkę, unikając konieczności modyfikacji plików szablonów.</p><p>Chociaż nasz motyw ma <em>style.css</em> plik, który jeszcze go nie używa, zaznaczmy, że teraz:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funkcja my_custom_theme_enqueue () { wp_enqueue_style ('my-custom-theme', get_stylesheet_uri ()); } działanie dodatkowe („wp_enqueue_scripts”, „my_custom_theme_enqueue”); </pre><p><a href="https://developer.wordpress.org/reference/functions/get_stylesheet_uri/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external"><code>get_stylesheet_uri ()</code></a> to funkcja pomocnicza, która pobiera identyfikator URI arkusza stylów bieżącego motywu. Gdybyśmy umieszczali w kolejce inny plik, musielibyśmy to zrobić w zamian:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_style ('my-stylesheet', get_template_directory_uri (). '/css/style.css'); </pre><p>Nasz motyw nie zawiera żadnych skryptów, gdyby tak się stało, kolejkowalibyśmy je w następujący sposób:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funkcja my_custom_theme_enqueue () { wp_enqueue_style ('my-custom-theme', get_stylesheet_uri ()); wp_enqueue_script ('my-scripts', get_template_directory_uri (). '/js/scripts.js'); } działanie dodatkowe („wp_enqueue_scripts”, „my_custom_theme_enqueue”);</pre><p>Wyjątkiem od powyższego są skrypty, które zostały <a href="https://developer.wordpress.org/reference/functions/wp_enqueue_script/#default-scripts-and-js-libraries-included-and-registered-by-wordpress" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">wstępnie zarejestrowany </a>przez WordPress, w takich przypadkach wystarczy podać tylko pierwszy parametr (uchwyt $):</p><p><code class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_script ('jquery');</code></p><p><strong>Dodawanie stylu za pomocą CSS</strong></p><p data-enlighter-language="php">Nasz motyw ma solidne podstawy, ale nie ma żadnego projektu, dodanie do CSS podstawowego kodu CSS zrobi ogromną różnicę. Dodaliśmy około <a href="https://github.com/DannyCooper/my-custom-theme/blob/master/style.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">~ 100 linii CSS </a>do naszego przykładowego motywu jako demonstracji, a wynik wygląda następująco:</p><p data-enlighter-language="php"><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20430'%3E%3C/svg%3E" alt="motyw startowy z css" width="750" height="430" data-lazy-src="/images/wordpress-theme-development-101-5.jpg"/><noscript><img itemprop="url image" class="shadow-2 aligncenter wp-image-17329 size-large" src="/images/wordpress-theme-development-101-5.jpg" alt="motyw startowy z css" width="750" height="430"/></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="430"></span></p><h3><span id="Tag_tytulu">Tag tytułu</span></h3><p>Wszystkie motywy powinny wykorzystywać wbudowaną funkcjonalność WordPressa do generowania tagu tytułu, który można włączyć poprzez dodanie tego kodu do swojego <em>functions.php</em> plik: <code>add_theme_support ('title-tag');</code> To wszystko, WordPress zajmie się wyjściem strony<em><title></em> aw razie potrzeby wtyczki mogą modyfikować dane wyjściowe za pomocą filtrów. Wtyczki SEO często robią to w celu dalszej optymalizacji tytułów.</p><h2><span id="Czesci_szablonu">Części szablonu</span></h2><hr/><p>Obecnie 80% naszego kodu szablonu znajduje się w <em>index.php</em>. Chociaż to działa, spowoduje to wiele powtórzeń kodu, gdy mamy inne pliki szablonów, takie jak <em>singular.php</em>, <em>search.php</em>, i <em>archive.php</em>. Części szablonów ułatwiają tworzenie motywów, umożliwiając nam ponowne użycie kodu w szablonach. Ponieważ nasz nagłówek i stopka będą takie same na każdej stronie, są idealnymi kandydatami do korzystania z części szablonu. Najpierw utwórz header.php i przenieś następujący kod <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>„> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="<http://gmpg.org/xfn/11>„> <?php wp_head(); ?> </head> <header class="site-header"> <p class="site-title"> <a href="<?php echo esc_url( home_url( '/' ) ); ?" data-wpel-link="internal">„> <?php bloginfo( 'name' ); ?> </a> </p> <p class="site-description"><?php bloginfo( 'description' ); ?></p> <?php wp_nav_menu( array( 'theme_location' => „menu-1”, )); ?> </header> </pre><p>W <em>index.php</em> zamień powyższy kod na:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> </pre><p><strong>Uwaga:</strong> Podczas pobierania części szablonu należy pominąć <em>.php</em> z uchwytu części szablonu.</p><p>Następnie utwórz część szablonu stopki, przenosząc ten kod do<em> footer.php</em> i powtórzenie powyższego procesu:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://24kg.org/wp-content/cache/min/1/126071b3113a0c41c50391762b177d99.js" data-minify="1" defer></script></body> </html> </pre><p>Na koniec przeniesiemy również kod „brak wyników” do części szablonu, ponieważ prawdopodobnie będzie on używany w wielu szablonach. Stwórz<em> content-none.php</em> i przenieś ten kod do nowego pliku.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><article class="no-results"> <header class="entry-header"> <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'my-custom-theme' ); ?></h1> </header> <div class="entry-content"> <p><?php esc_html_e( 'It looks like nothing was found at this location.', 'my-custom-theme' ); ?></p> </div> </article> </pre><p>Twój indeks powinien teraz wyglądać następująco:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> <div class="site-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <article <?php post_class(); ?>> <?php the_post_thumbnail(); ?> <header class="entry-header"> <?php the_title( '<h1 class="entry-title"><span id="bdquordquo-2">„,”</span></h1>”); ?> </header> <div class="entry-content"> <?php the_content( esc_html__( 'Continue reading →', 'my-custom-theme' ) ); ?> </div> </article> <?php // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; endwhile; else : get_template_part( 'content-none' ); endif; ?> </div> <?php get_sidebar(); get_template_part( 'footer' ); </pre><p>Chociaż powyższe będzie działać idealnie, możemy wprowadzić niewielką poprawę. WordPress ma funkcje pomocnicze do włączania części szablonu nagłówka, stopki i paska bocznego. Ponieważ najlepszą praktyką jest korzystanie z podstawowych funkcji tam, gdzie to możliwe, powinniśmy z nich korzystać.</p><p>Zastąpić <code>get_template_part („nagłówek”);</code> z <code>get_header ();</code> i <code>get_template_part ('stopka');</code> z <code>get_footer ();</code></p><h2><span id="Zadowolony">Zadowolony</span></h2><hr /><p>Prace przygotowawcze, które zakończyliśmy przy użyciu części szablonu, przyniosą dywidendy, gdy dodamy nowe pliki szablonów do naszego motywu. Poniżej wymieniliśmy najczęstsze. Aby uniknąć przytłaczania Cię przykładami kodu, umieściliśmy link do kodu źródłowego w Github.</p><h3><span id="singularphp">singular.php</span></h3><p>Posty i strony wyświetlane we własnych adresach URL są uważane za „pojedyncze”, ponieważ przez większość czasu układ będzie taki sam dla obu tych typów stron. Ale jeśli nie, możesz użyć bardziej szczegółowych <em>page.php</em> i <em>single.php</em> (post) zamiast.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/singular.php" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">Przykładowy kod - singular.php</a></p><h3><span id="archivephp">archive.php</span></h3><p>Szablony archiwów zwykle różnią się od pojedynczych szablonów na dwa sposoby: pokazują fragmenty, a nie pełną treść, i zawierają nagłówek archiwum wyjaśniający treść.</p><p>Wróć do hierarchii szablonów, a zobaczysz, że szablon archiwum obejmuje wszystkie typy archiwów (autor, kategoria, znacznik, taksonomia, data), jeśli to nie działa w twoim przypadku użycia, możesz nadal używać bardziej szczegółowych szablonów:</p><ul><li>autor.php</li><li>category.php</li><li>tag.php</li><li>taxonomy.php</li><li>date.php</li></ul><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/archive.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Przykładowy kod - archive.php</a></p><h3><span id="searchphp">search.php</span></h3><p>Strony internetowe WordPress można przeszukiwać na przykład za pomocą parametru? S = URL, <code>twojastrona.com?s=test</code>. The <em>search.php</em> szablon wyświetla wyniki tych wyszukiwań.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/search.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Przykładowy kod - search.php</a></p><h3><span id="404php">404.php</span></h3><p>Instrukcja else, którą dodaliśmy w index.php, wychwytuje błędy „nie znaleziono strony”, ale możesz chcieć oddzielić tę funkcjonalność do własnego pliku szablonu, aby mieć większą kontrolę nad wydrukiem. To jest przypadek użycia <em>404.php</em> plik szablonu.</p><p><a href="https://github.com/DannyCooper/my-custom-theme/blob/master/404.php" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Przykładowy kod - 404.php</a></p><h2><span id="Pliki_pomocnicze">Pliki pomocnicze</span></h2><hr /><p>Jeśli rozpowszechniasz swój motyw publicznie, konieczne są następujące pliki. Bez nich Twój motyw zostanie odrzucony z repozytoriów i rynków zbytu.</p><h3><span id="screenshotpng">screenshot.png</span></h3><p>Zrzut ekranu jest wyświetlany na liście motywów wp-admin, gdy użytkownik wybiera nowy motyw. Oto kilka najlepszych praktyk, których należy przestrzegać:</p><ul><li>Zrzuty ekranu powinny mieć rozdzielczość 1200 x 900 pikseli</li><li>Zrzuty ekranu powinny mieć format .png lub .jpg</li><li>Zrzuty ekranu powinny być dokładną reprezentacją tematu</li><li>Zrzuty ekranu powinny być zoptymalizowane (użyj <a href="http://tinypng.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">tinypng.com</a> lub podobne)</li></ul><h3><span id="readmetxt">readme.txt</span></h3><p>WordPress nie wykorzystuje żadnych informacji z <em>readme.txt</em>, wyciąga wszystko, czego potrzebuje <em>style.css</em>. Z drugiej strony katalog motywów WordPress pobiera ważne informacje z pliku readme i uznaje go za wymagany plik.</p><p>Większość programistów używa <em>readme.txt</em> jako centralna lokalizacja do przechowywania wszystkich informacji o ich temacie. Prosty <em>readme.txt</em> wygląda tak:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">=== Nazwa motywu === Wymaga co najmniej: 5.0 Testowany do: 5.2 Wymaga PHP: 5.6 Licencja: GPLv2 lub nowsza Identyfikator URI licencji: <http://www.gnu.org/licenses/gpl-2.0.html> Krótki opis. Nie więcej niż 150 znaków. == Opis == Opis motywu. == Dziennik zmian == = 1,0 = * Dodano nową opcję == Zasoby == * normalize.css <http://necolas.github.io/normalize.css/>, (C) 2012-2016 Nicolas Gallagher i Jonathan Neal, [MIT] (<http://opensource.org/licenses/MIT>) </pre><ul><li><strong>Wymaga co najmniej</strong> - To jest minimalna wersja WordPress, z którą Twój motyw jest kompatybilny.</li><li><strong>Testowane do</strong> - To pole oznacza najnowszą wersję WordPress, z którą testowano Twój motyw.</li><li><strong>Wymaga PHP</strong> - To pole oznacza minimalną wersję PHP, na której będzie działał Twój motyw.</li><li><strong>Opis</strong> - To pole opisu nie jest obecnie nigdzie wyświetlane.</li><li><strong>Dziennik zmian</strong> - Dziennik zmian nie jest nigdzie używany, ale programiści i niektórzy użytkownicy będą odwoływać się do tego pliku, aby zobaczyć, jakie zmiany zostały wprowadzone.</li><li><strong>Zasoby</strong> - Większość zasobów stron trzecich wymaga pewnego rodzaju przypisania. Sekcja zasobów jest powszechnie akceptowanym miejscem, aby je umieścić. Nawet w przypadku zasobów, które wyraźnie nie wymagają przypisania, dobrą praktyką jest ich tutaj wymienić, aby użytkownicy wiedzieli o licencjach zasobów, z których korzystają.</li></ul><h2><span id="Szablony_stron">Szablony stron</span></h2><hr /><p>Szablony stron pozwalają programistom tworzyć niestandardowe szablony, których można używać do poszczególnych postów i stron. Na przykład większość motywów ma układ dwóch kolumn (zawartość - pasek boczny), ale na niektórych stronach użytkownik może chcieć skoncentrować się na treści i nie pokazywać paska bocznego. Tam może pomóc szablon strony.</p><p><strong>Jak tworzone są szablony stron?</strong></p><p>W naszym folderze tematycznym utwórz nowy folder o nazwie „szablony stron”, aw tym folderze utwórz plik o nazwie <em>single-column.php</em>. Aby przyspieszyć, skopiuj cały kod z <em>singular.php</em> do <em>page-templates / single-column.php</em> i usuń połączenie z <em>get_sidebar ()</em> ponieważ ten szablon nie będzie tego potrzebował.</p><p>Teraz musimy dodać specjalny nagłówek, który mówi WordPress, że jest to szablon strony, wygląda to tak:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">/ * Nazwa szablonu: Szablon jednokolumnowy Szablon Typ postu: post, strona * / </pre><p>Kod jest zrozumiały, po prostu mówimy WordPressowi o nazwie szablonu i typach postów, z którymi można go używać.</p><p>To wszystko, nasz nowy szablon strony jest teraz dostępny w edytorze pod „Atrybutami strony”.</p><p><span itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20643'%3E%3C/svg%3E" alt="menu szablonu strony" width="750" height="643" data-lazy-src="/images/wordpress-theme-development-101-6.jpg" /><noscript><img itemprop="url image" class=" shadow-2 aligncenter wp-image-17345" src="/images/wordpress-theme-development-101-6.jpg" alt="menu szablonu strony" width="750" height="643" /></noscript><meta itemprop="width" content="750"><meta itemprop="height" content="643"></span></p><h2><span id="RTLcss">RTL.css</span></h2><hr /><p>Nie wszystkie języki czytane są od lewej do prawej. Na przykład arabski i hebrajski są czytane od prawej do lewej (RTL). Istnieje prosty sposób na dostosowanie motywu do języków RTL.</p><p>Utwórz nowy plik w folderze motywów o nazwie <em>rtl.css</em>, następnie skopiuj i wklej następujący kod:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">ciało { kierunek: rtl; unicode-bidi: osadzanie; } </pre><p>Jeśli język RTL jest językiem aktywnym w witrynie WordPress, WordPress wie, że automatycznie ładuje ten plik CSS.</p><p>Jest to bardzo podstawowa implementacja funkcjonalności RTL na początek. Jeśli chcesz dowiedzieć się więcej, oto dwa fantastyczne zasoby:</p><p><a href="https://codex.wordpress.org/Right_to_Left_Language_Support" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Dokumentacja pomocy od prawej do lewej</a></p><p><a href="https://github.com/WordPress/WordPress/blob/master/wp-content/themes/twentytwelve/rtl.css" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Dwadzieścia Dwadzieścia kodów RTL</a></p><h2><span id="Najlepsze_praktyki">Najlepsze praktyki</span></h2><hr /><p>Najlepsze praktyki ewoluowały z czasem, aby ułatwić tworzenie i utrzymywanie motywów WordPress. Przestrzeganie tych zasad nie tylko pomoże ci, ale także ułatwi innym programistom, kiedy będą musieli pracować z twoim kodem.</p><h3><span id="1_Uzyj_motywow_poczatkowych">1) Użyj motywów początkowych</span></h3><p>Motywy początkowe stanowią solidną podstawę do zbudowania motywu. Zazwyczaj są lekkie, nie zawierają stylizacji lub nie zawierają żadnych opcji konfiguracji. Z czasem możesz zbudować własny motyw startowy, na którym możesz oprzeć wszystkie swoje projekty, ale na razie oto kilka popularnych opcji:</p><ul><li><a href="https://underscores.me/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Podkreślenia</a></li><li><a href="https://wordpress.org/themes/scaffold/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Szafot</a></li><li><a href="https://github.com/html5blank/html5blank" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Pusty HTML5</a></li></ul><h3><span id="2_Poznaj_standardy_kodowania_WordPress">2) Poznaj standardy kodowania WordPress</span></h3><p>Standardy kodowania to sposób formatowania kodu w spójny sposób w całej bazie kodu. WordPress ma standardy kodowania dla HTML, CSS, JavaScript i PHP. Chociaż użycie standardu kodowania nie ma wpływu na wrażenia użytkownika końcowego, sprawia, że ​​kod jest znacznie bardziej czytelny. Nawet jeśli nie korzystasz ze standardów kodowania WordPress, zawsze zalecamy stosowanie standardu.</p><ul><li><a href="https://make.wordpress.org/core/handbook/best-practices/coding-standards/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WordPress.org Standardy kodowania</a></li><li><a href="https://github.com/WordPress/WordPress-Coding-Standards" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WPCS</a></li><li><a href="https://www.php-fig.org/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Standardy kodowania PHP</a></li></ul><h3><span id="3_Uzyj_lokalizacji">3) Użyj lokalizacji</span></h3><p>Dzięki ciężkiej pracy wolontariuszy WordPress jest dostępny w setkach języków. Jeśli twój motyw zostanie wydany publicznie, musi być zbudowany w sposób umożliwiający jego przetłumaczenie.</p><p>Nie martw się, to bardzo łatwe. Wszystko, co musimy zrobić, to upewnić się, że wszystkie ciągi znaków przechodzą przez „funkcję lokalizacji”, a nie są wysyłane bezpośrednio.</p><p>Zamiast tego:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo 'Previous Post'; ?></pre><p>Robimy to zamiast tego:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo __( 'Previous Post', 'my-custom-theme' ); ?></pre><p><a href="https://developer.wordpress.org/reference/functions/__/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">__ ()</a> to funkcja lokalizacji, która akceptuje ciąg znaków i domenę tekstową. Funkcja zwraca tłumaczenie podanego ciągu lub oryginalny ciąg, jeśli tłumaczenie nie jest dostępne.</p><h3><span id="4_Unikaj_funkcjonalnosci_wtyczek">4) Unikaj funkcjonalności wtyczek</span></h3><p>Gdy użytkownik zmienia motyw, powinna się zmieniać tylko warstwa prezentacji. Treść i funkcjonalność powinny pozostać w większości takie same. Oznacza to, że każda funkcja, która wpływa na sposób, w jaki role WordPress powinny być zawarte we wtyczce, a nie w twoim motywie. Niektóre przykłady funkcjonalności wtyczek obejmują:</p><ul><li>Niestandardowe typy postów</li><li>Kreatory stron</li><li>Udostępnianie w mediach społecznościowych</li><li>Optymalizacja wyszukiwarek (SEO)</li></ul><p>Chociaż może to wydawać się wygodne (i być może zaletą) włączenie kontroli SEO w temacie, w rzeczywistości boli użytkownika w dłuższej perspektywie. W przyszłości będą musieli zmienić motyw, ale nie mogą, ponieważ wszystkie konfiguracje SEO są ściśle powiązane z bieżącym motywem. W przeciwieństwie do tego, jeśli konfiguracje byłyby przechowywane we wtyczce, mogłyby one zmienić motyw bez obaw.</p><h3><span id="5_Prefiks_zapobieganie_konfliktom">5) Prefiks (zapobieganie konfliktom)</span></h3><p>Aby zapobiec konfliktom, wszystkie funkcje, klasy i zmienne globalne utworzone przez kompozycję powinny mieć prefiks. Jest to ważne, ponieważ nie można wiedzieć, jaki inny kod działa w witrynie użytkownika. Prefiks zapobiega konfliktom nazw i błędom krytycznym.</p><p>Nazwa motywu oddzielona myślnikami lub podkreślnikami będzie działać przez większość czasu jako prefiks. Jeśli nazwa motywu jest bardzo długa, zamiast tego mogą działać inicjały.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">Nazwa motywu: Scaffold klasa Scaffold_Class {} funkcja scaffold_function () {} globalny $ scaffold_global Nazwa motywu: Moja długa nazwa motywu klasa MLTN_Class {} function mltn_function () {} globalny $ mltn_global </pre><h3><span id="6_Uzyj_podstawowej_funkcjonalnosci">6) Użyj podstawowej funkcjonalności</span></h3><p>Tam, gdzie istnieje, zawsze powinieneś używać podstawowych funkcji, a nie wymyślać koło na nowo. Obejmuje to między innymi paski boczne, menu nawigacji, miniatury postów, niestandardowe nagłówki i niestandardowe tła. Te funkcje zostały przetestowane przez miliony użytkowników i są aktywnie utrzymywane i ulepszane.</p><p>Jeśli chcesz zmienić funkcjonalność lub wynik funkcji podstawowej, możesz skorzystać z jednego z wielu haczyków i filtrów dostępnych w WordPress. Na przykład <code>wp_nav_menu ()</code> ma parametr „walker”, dzięki czemu masz pełną kontrolę nad wynikami.</p><h3><span id="7_Ucieczka_i_odkazanie_danych">7) Ucieczka i odkażanie danych</span></h3><p>Jako twórca motywów musisz znać ucieczkę i czyszczenie danych, aby chronić użytkowników przed potencjalnymi exploitami.</p><p><strong>Ucieczka</strong></p><p>Ucieczka jest procesem sprawdzania, czy dane są bezpieczne, zanim zostaną wydrukowane, a dezynfekcja sprawdza dane, zanim zostaną zapisane w bazie danych.</p><p>WordPress ma funkcje pomocnicze, za pomocą których możesz uciec od danych, więc nie musisz sam ich tworzyć. <em>esc_html</em> jest jednym z przykładów funkcji ucieczki. Tak wygląda wyjście nieskalowane:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo get_theme_mod ('error_page_title');</code></pre><p>Aby uniknąć wyjścia, robimy to:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (get_theme_mod ('error_page_title'));</code></pre><p>Są też inne funkcje ucieczki, o których powinieneś wiedzieć <a href="https://developer.wordpress.org/reference/functions/esc_attr/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">esc_attr ()</a>, <a href="https://developer.wordpress.org/reference/functions/absint/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">absynt ()</a>, <a href="https://developer.wordpress.org/reference/functions/esc_url/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">esc_url ()</a>.</p><p>Możliwe jest również tłumaczenie i zmiana ciągu przy użyciu jednej funkcji:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (__ („404 Not Found”, „my-custom-theme”));</code></pre><p>Staje się:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">echo esc_html __ („404 Not Found”, „my-custom-theme”); // lub esc_html_e („404 Not Found”, „my-custom-theme”); </pre><p><strong>Wskazówka:</strong> Gdziekolwiek w twoim motywie, gdzie masz <code>echo $</code> powinieneś sprawdzić, czy trzeba go uciec, zwykle tak jest.</p><p><strong>Odkażanie</strong></p><p>Jeśli dodasz ustawienia do motywu, musisz upewnić się, że dane wprowadzane przez użytkowników do tych ustawień są bezpieczne, zanim wejdą do bazy danych. WordPress ma <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">liczba funkcji</a> aby pomóc w dezynfekcji danych wejściowych.</p><p>Podczas dodawania ustawienia do motywu za pomocą niestandardowego interfejsu API ma parametr o nazwie „<em>sanitize_callback</em>„Który akceptuje nazwę funkcji odkażającej. Wszelkie dane wejściowe, które przyjmuje ustawienie, są sprawdzane przez funkcję podaną dla „<em>sanitize_callback</em>„Zanim wejdzie do bazy danych.</p><p>Podkreśla znaczenie odkażania, którego brakuje nawet w jednym z ustawień <em>sanitize_callback</em> nie zostanie przyjęty do katalogu motywów WordPress.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">$ wp_customize-> add_setting ( „my_custom_theme_setting”, szyk( 'sanitize_callback' => 'sanitize_text_field' // Podstawowa funkcja odkażania. ) ); </pre><p>Oficjalną listę funkcji dezynfekcji i ucieczki można znaleźć tutaj: <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Sanitization / Escaping danych</a></p><h2><span id="Kanaly_dystrybucji">Kanały dystrybucji</span></h2><hr /><p>Tematy mogą być dystrybuowane różnymi kanałami w zależności od wyniku, który chcesz osiągnąć. Jeśli twoim celem jest po prostu przyczynienie się do społeczności open-source, nie ma lepszego sposobu na zrobienie tego niż przesłanie motywu do katalogu WordPress. Jeśli zamiast tego chcesz sprzedać swój motyw i zarabiać bezpośrednio, są też na to sposoby.</p><p>Oto wiodące strony internetowe do dystrybucji motywów:</p><h3><span id="1_WordPressorg_najlepsze_miejsce_na_pobieranie_plikow_i_uzytkownikow"><strong>1) WordPress.org (najlepsze miejsce na pobieranie plików i użytkowników)</strong></span></h3><p>Główną zaletą hostowania Twojego motywu na WordPress jest to, że zyskujesz widoczność dzięki temu, że jest on widoczny nie tylko na stronie wordpress.org, ale także w <em>wp-admin</em> deska rozdzielcza.</p><p>Kolejną zaletą hostowania motywu za pomocą WordPress jest wbudowany system aktualizacji. Jeśli zaktualizujesz motyw, wszyscy użytkownicy zostaną o tym powiadomieni <em>wp-admin</em> pulpity nawigacyjne i łatwą ścieżkę aktualizacji do najnowszej wersji.</p><p>WordPress.org akceptuje tylko bezpłatne motywy, ale to nie znaczy, że nie możesz zarabiać pieniędzy. Darmowy motyw może być świetnym kanałem do promowania motywu premium, wtyczki lub usługi.</p><h3><span id="2_WordPresscom"><strong>2) WordPress.com</strong></span></h3><p>WordPress.com obsługuje zarówno darmowe, jak i premium motywy. Jednak od kilku lat nie byli oni otwarci na zgłoszenia nowych autorów.</p><h3><span id="3_ThemeForest"><strong>3) ThemeForest</strong></span></h3><p><a href="http://themeforest.net/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">ThemeForest</a> jest wiodącym rynkiem dla motywów premium. Popularny motyw (Avada) ma sprzedaż przekraczającą 5 000 000 USD.</p><p>Ogólnie rzecz biorąc, kupujący w Theme Forest oczekują w pełni funkcjonalnych „wielofunkcyjnych” motywów. Wszystkie najlepsze kompozycje mają funkcje kreatora stron i są obsługiwane przez zespoły programistów. Dla nowych autorów jest to bardzo trudny rynek.</p><h3><span id="4_Rynek_kreatywny_i_rynek_Mojo"><strong>4) Rynek kreatywny i rynek Mojo</strong></span></h3><p><a href="https://creativemarket.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Rynek kreatywny</a> I <a href="https://www.mojomarketplace.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Rynek Mojo</a> są małymi graczami na rynku motywów premium, dlatego pogrupowaliśmy je razem. Oba skutecznie oferują tę samą usługę co ThemeForest, ale na mniejszą skalę.</p><h3><span id="5_Github"><strong>5) Github</strong></span></h3><p><a href="https://github.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Github</a> to najprostszy sposób na upublicznienie bezpłatnego motywu. Nie ma procesu sprawdzania i wytycznych, których należy przestrzegać. Nie skorzystasz jednak z widoczności wordpress.org i będziesz musiał zbudować własny mechanizm aktualizacji, aby użytkownicy mogli pobrać najnowsze wersje.</p><h2><span id="Kladac_wszystko_razem">Kładąc wszystko razem</span></h2><hr /><h3><span id="1_Testowanie_motywu"><strong>1) Testowanie motywu</strong></span></h3><p><strong>Test jednostki tematycznej</strong></p><p>The <a href="https://codex.wordpress.org/Theme_Unit_Test" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Test jednostki tematycznej</a> to standardowy plik importu treści WordPress, który zawiera szeroką gamę typów treści i przypadków brzegowych. Przesyłanie do środowiska programistycznego jest łatwe i zawiera wiele scenariuszy, które mogły zostać przeoczone.</p><p><strong>WP_DEBUG</strong></p><p>Jako programista motywów, testuj swój motyw za pomocą <a href="https://wordpress.org/support/article/debugging-in-wordpress/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WP_DEBUG</a> włączone jest absolutnym minimum, które powinieneś robić. Twój motyw nie powinien zwracać żadnych błędów ani ostrzeżeń, gdy WP_DEBUG jest ustawiony na wartość true.</p><p>Ważne jest również powtórzenie testu z różnymi wersjami PHP obsługiwanymi przez Twój motyw. Z każdą większą wersją PHP pojawiają się nowe zmiany, ostrzeżenia i amortyzacja. Nierzadko motyw jest wolny od błędów w PHP 5.6, ale pokazuje błędy w PHP7.</p><p>Aby włączyć WP_DEBUG, dodaj następujący kod do <em>wp-config.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">DEFINE („WP_DEBUG”, prawda); </pre><p><strong>Widżet potwora</strong></p><p><a href="https://wordpress.org/plugins/monster-widget/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Widżet potwora</a> jest pomocną wtyczką, która umożliwia jednoczesne dodanie 13 podstawowych widgetów do paska bocznego. Podstawowe widżety używają różnych elementów HTML, co czyni je idealnymi do testowania twojego motywu.</p><p><strong>Motyw Sniffer</strong></p><p>The <a href="https://wordpress.org/plugins/theme-sniffer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Motyw Sniffer</a> to wtyczka stworzona przez Theme Review Team (TRT). Łapie wiele (ale nie wszystkie) błędów ucieczki i błędów lokalizacji. Sprawdza również Twój motyw pod kątem standardów kodowania WordPress.</p><h3><span id="2_Zgloszenie_motywu_na_WordPressorg"><strong>2) Zgłoszenie motywu na WordPress.org</strong></span></h3><p>Na początku tego przewodnika powiedzieliśmy, że zanim dotrzesz do końca, będziesz mieć motyw, który możesz przesłać na wordpress.org. Spójrzmy na ten proces.</p><p><strong>Proces przesyłania</strong></p><p>Proces przesyłania jest prosty. Utwórz konto WordPress lub zaloguj się, a następnie przejdź do tej strony - <a href="https://wordpress.org/themes/upload/" target="_blank" rel="noreferrer noopener nofollow external" data-wpel-link="external">https://wordpress.org/themes/upload/</a></p><p>Możesz skompresować swój motyw i przesłać go teraz, ale oto kilka rzeczy, które możesz chcieć wiedzieć najpierw.</p><p><strong>Wymagania</strong></p><p>Zespół przeglądu tematów (TRT) ma ścisły zestaw <a href="https://make.wordpress.org/themes/handbook/review/required/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">wymagania</a>. Twój motyw nie zostanie przyjęty do katalogu, dopóki się nie spełni <strong>wszystko</strong> wymagania.</p><p><strong>Proces recenzji</strong></p><p>Po przesłaniu motywu musi zostać przeprowadzony dwuetapowy proces recenzji, który musi przejść, zanim zostanie zaakceptowany w katalogu.</p><p>Po pierwsze, automatyczne sprawdzenie jest przeprowadzane natychmiast po naciśnięciu <em>Przekazać plik</em>. Za kulisami automatyczny moduł sprawdzający działa w bardzo podobny sposób jak wtyczka Theme Sniffer. Jeśli znajdzie jakieś błędy, odrzuci motyw i proces przesyłania się tam kończy.</p><p>Jeśli motyw przejdzie automatyczne sprawdzanie, dołącza do kolejki motywów oczekujących na sprawdzenie przez człowieka. Ludzką recenzję wypełniają wolontariusze z TRT. Liczba motywów w kolejce znacznie przewyższa liczbę recenzentów, co oznacza, że ​​Twój motyw może zająć 2-3 miesiące na początku kolejki.</p><p>Konieczne jest, aby Twój motyw był wolny od błędów i spełniał wszystkie wymagania, zanim dotrze do etapu oceny przez człowieka, tak jakby zawierał więcej niż 3 znaczące błędy, które można odrzucić. Jeśli motyw zostanie odrzucony na etapie recenzji przez człowieka, musi ponownie dołączyć do kolejki z tyłu, co oznacza ponowne czekanie 2-3 miesięcy na kolejną recenzję od człowieka.</p><p>Przydatne zasoby: <a href="https://wptavern.com/the-most-common-wordpress-theme-development-mistakes-and-how-to-fix-them" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Najczęstsze błędy w tworzeniu motywów WordPress (i jak je naprawić)</a></p><p>Warto zauważyć, że TRT zawsze szuka <a href="https://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">nowi recenzenci</a>, wolontariat może być świetnym doświadczeniem edukacyjnym i sposobem na wniesienie wkładu do społeczności open source.</p><h3><span id="3_Twoja_lista_motywow"><strong>3) Twoja lista motywów</strong></span></h3><p>Gratulacje, Twój motyw został zatwierdzony! Masz teraz własną listę <a href="https://wordpress.org/themes/arke/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">wygląda tak</a>.</p><p>Oto przegląd tego, czego możesz się spodziewać na tej stronie:</p><ul><li><strong>Zrzut ekranu -</strong> Zrzut ekranu jest pierwszą rzeczą, którą widzą potencjalni użytkownicy, aby był jak najbardziej atrakcyjny. Pamiętaj jednak, że wciąż musi to być dokładna reprezentacja motywu, a nie renderowanie w Photoshopie. Czerp inspirację z <a href="https://wordpress.org/themes/browse/popular/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">najpopularniejsze motywy</a>.</li><li><strong>Opis -</strong> Opis, z którego pochodzi <em>style.css</em> to idealne miejsce do opisania Twojego motywu i jego kluczowych funkcji. Pomaga również tutaj wymienić zalecane lub wymagane wtyczki. Opis nie obsługuje żadnego formatowania (pogrubienie, kursywa, hiperłącza) ani nawet podziału wierszy.</li><li><strong>Tagi -</strong> Jest to reprezentacja tagów wymienionych w <em>style.css</em>. Tylko <a href="https://api.wordpress.org/themes/info/1.1/?action=feature_list" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">te tagi tutaj</a> są akceptowane.</li><li><strong>Przycisk podglądu -</strong> Podgląd jest generowany przez wordpress.org i jako twórcy motywów nie mamy kontroli nad wynikami. Niestety, ponieważ podgląd używa podstawowej zawartości i nie ma konfiguracji, często powoduje to mniej niż doskonały podgląd.</li><li><strong>Link do strony głównej motywu</strong> - Adres URL dla <em>Zapowiedź</em> przycisk jest pobierany z pola „Motyw URI” w twoim style.css. Istnieją surowe wymagania, aby tego adresu URL używać tylko do wyświetlania strony z informacjami o Twoim motywie.</li><li><strong>Aktywne instalacje</strong> - Jest to liczba stron internetowych aktywnie korzystających z tematu. Liczba jest zaokrąglana do najbliższych dziesięciu, stu lub tysięcy. Nie można pobrać dokładnej liczby.</li><li><strong>Pobrań dziennie</strong> - Ile razy Twój motyw został pobrany. „Pobranie” może być nowym pobraniem lub aktualizacją motywu.</li><li><strong>Opinie -</strong> Aby użytkownik mógł napisać recenzję, musi się zalogować na konto wordpress.org. Ogólnie rzecz biorąc, recenzje są trudne do uzyskania, chyba że wyraźnie poprosisz użytkowników o ich przesłanie.</li><li><strong>Wsparcie</strong> - Wbudowana platforma wsparcia doskonale nadaje się do zarządzania i rozwiązywania problemów z motywem. Użytkownik musi być zalogowany, aby utworzyć wątek pomocniczy.</li><li><strong>Tłumaczenia</strong> - Platforma tłumaczeń jest fantastycznym zasobem. Jeśli postępujesz zgodnie z poradami zawartymi w tym przewodniku, aby zlokalizować motyw, użytkownicy będą mogli przetłumaczyć go na inne języki i rozszerzyć potencjalną bazę użytkowników poza użytkowników anglojęzycznych..</li></ul><h3><span id="4_Aktualizacja_motywu">4) Aktualizacja motywu</span></h3><p>Gdy w przyszłości wprowadzisz zmiany w motywie i będziesz musiał zaktualizować wersję hostowaną na WordPress, proces jest prosty.</p><p>Najpierw zaktualizuj pole „Wersja:” i dziennik zmian <em>readme.txt</em>. Następnie skompresuj plik i prześlij go ponownie, używając tego samego <a href="https://wordpress.org/themes/upload/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">prześlij stronę</a> jak wcześniej.</p><p>System rozpozna ją jako aktualizację i automatycznie zatwierdzi ją, aby nie wymagała ponownej oceny przez człowieka.</p> <input type="hidden" value="7239"><div class="uab-frontend-wrapper-outer"><div id="uab_rid_3bdc8" class="uab-frontend-inner-layer uab-frontend-wrapper-author-1 " data-timeout="1000"><div id="uab-frontend-wrapper" class="uab-frontend-wrapper uab-template-1"><div class="uab-tab-content"><div class="uab-defaut-tab uab-clearfix"><div class="uab-author-profile-pic"><div class="uap-profile-image"> <img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-srcset='https://24kg.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200' data-lazy-src="https://24kg.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png" /><noscript><img alt='' src='https://24kg.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png' srcset='https://24kg.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' class='avatar avatar-200 photo' height='200' width='200' /></noscript></div></div><div class="uab-front-content"><div class="uab-display-name"> <a href="https://24kg.org/author/admin/" target="_blank" data-wpel-link="internal">Jeffrey Wilson</a> <span class="uab-user-role uab-role-Administrator">Administrator</span></div><div class="uab-short-info"> Sorry! The Author has not filled his profile.</div><div class="uab-short-contact"></div><div class="uab-social-icons"> <span class="uab-contact-label">follow me</span><ul id="uap-social-outlets-fields"></ul></div></div></div></div></div></div></div><div class="flat_pm_end"></div><div class="ajax-content" data-id="87" ></div></div></article><div class="entry-footer"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span></div><div class="b-share b-share--post"><div class="b-share__title">Like this post? Please share to your friends:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="https://vk.com/share.php?url=https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__fb js-share-link" data-uri="https://www.facebook.com/sharer.php?u=https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="https://twitter.com/share?text=Tworzenie+motyw%C3%B3w+WordPress+%28101%29&url=https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=Tworzenie+motyw%C3%B3w+WordPress+%28101%29%20https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=Tworzenie+motyw%C3%B3w+WordPress+%28101%29%20https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F"></span> <span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2F24kg.org%2Fbez-kategorii%2Ftworzenie-motywow-wordpress-101%2F&text=Tworzenie+motyw%C3%B3w+WordPress+%28101%29"></span></div><div class='yarpp-related'><div class="b-related"><div class="b-related__header"><span>Related articles</span></div> .<div class="b-related__items"><div id="post-7884" class="post-card post-7884 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/10-najlepszych-motywow-wordpress-premium-dla/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/10-najlepszych-motywow-wordpress-premium-dla/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">10 najlepszych motywów WordPress Premium dla artystów i twórców</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Szukasz motywu, który pomoże Ci skutecznie zaprezentować swoje najlepsze prace? Jeśli jesteś artystą, fotografem</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/10-najlepszych-motywow-wordpress-premium-dla/" content="10 najlepszych motywów WordPress Premium dla artystów i twórców"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div><div id="post-7745" class="post-card post-7745 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/bezstronny-mr-tailor-responsywny-przegld-motywow/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/bezstronny-mr-tailor-responsywny-przegld-motywow/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Bezstronny Mr. Tailor – Responsywny przegląd motywów WooCommerce</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Internet sprawił, że handel jest szybszy i łatwiejszy niż kiedykolwiek wcześniej. Obecnie właściciele firm</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/bezstronny-mr-tailor-responsywny-przegld-motywow/" content="Bezstronny Mr. Tailor – Responsywny przegląd motywów WooCommerce"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div><div id="post-7908" class="post-card post-7908 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/venedor-szczegoowy-przegld-motywow-wordpress/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/venedor-szczegoowy-przegld-motywow-wordpress/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Venedor – Szczegółowy przegląd motywów WordPress + WooCommerce</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Motywy e-commerce WordPress stają się popularne, ponieważ coraz więcej osób korzysta z platformy jako</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/venedor-szczegoowy-przegld-motywow-wordpress/" content="Venedor – Szczegółowy przegląd motywów WordPress + WooCommerce"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div><div id="post-7917" class="post-card post-7917 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/top-10-najlepszych-e-commerce-motywow-premium-na/" data-wpel-link="internal"><div class="thumb-wide"></div><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/top-10-najlepszych-e-commerce-motywow-premium-na/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Top 10 najlepszych e-commerce motywów Premium na WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Obecnie coraz więcej właścicieli firm przenosi się lub dodaje sklepy internetowe, gdzie mogą dotrzeć</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/top-10-najlepszych-e-commerce-motywow-premium-na/" content="Top 10 najlepszych e-commerce motywów Premium na WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:18:56+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div><div id="post-7373" class="post-card post-7373 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/ponad-25-najlepszych-motywow-wordpress/" data-wpel-link="internal"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array data-lazy-src="/images/the-25-best-wordpress-themes.jpg" /><noscript><img src="/images/the-25-best-wordpress-themes.jpg" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array /></noscript><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/ponad-25-najlepszych-motywow-wordpress/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Ponad 25 najlepszych motywów WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Wybrałeś swój CMS – WordPress. Masz nazwę domeny i hosting WordPress. Zainstalowałeś WordPress i</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/ponad-25-najlepszych-motywow-wordpress/" content="Ponad 25 najlepszych motywów WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:33+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div><div id="post-7543" class="post-card post-7543 post type-post status-publish format-standard category-bez-kategorii" itemscope itemtype="http://schema.org/BlogPosting"><div class="post-card__image"> <a href="https://24kg.org/bez-kategorii/cigawka-wordpress/" data-wpel-link="internal"> <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array data-lazy-src="/images/wordpress-cheat-sheet.jpg" /><noscript><img src="/images/wordpress-cheat-sheet.jpg" width="330" height="140" class="attachment-thumb-wide wp-post-image" Array /></noscript><div class="entry-meta"> <span class="entry-category"><span itemprop="articleSection">Bez kategorii</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span></div> </a></div><header class="entry-header"><div class="entry-title" itemprop="name"><a href="https://24kg.org/bez-kategorii/cigawka-wordpress/" rel="bookmark" itemprop="url" data-wpel-link="internal"><span itemprop="headline">Ściągawka WordPress</span></a></div></header><div class="post-card__content" itemprop="articleBody"> Poniżej znajdziesz Ściągawka WordPress podzielona na trzy części: WP-CLI (początkujący) Tworzenie motywów WordPress (programiści)</div><meta itemprop="author" content="Jeffrey Wilson"/><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/cigawka-wordpress/" content="Ściągawka WordPress"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:35+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></div></div></div></div><meta itemprop="author" content="Jeffrey Wilson"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://24kg.org/bez-kategorii/tworzenie-motywow-wordpress-101/" content="Tworzenie motywów WordPress (101)"><meta itemprop="dateModified" content="2020-06-07"><meta itemprop="datePublished" content="2020-06-07T14:17:30+03:00"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="24kg.org"><meta itemprop="telephone" content="24kg.org"><meta itemprop="address" content="https://24kg.org"></div></main></div></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div id="uab_author_box_widget-2" class="widget UAB_Author_Box_Widget"><div class="uab-abw-wrapper template-1"></div></div><div id="search-4" class="widget widget_search"><form role="search" method="get" id="searchform_1540" action="https://24kg.org/" class="search-form"> <label class="screen-reader-text" for="s_1540">Search: </label> <input type="text" value="" name="s" id="s_1540" class="search-form__text"> <button type="submit" id="searchsubmit_1540" class="search-form__submit"></button></form></div><div id="arpw-widget-2" class="widget arpw-widget-random "><div class="arpw-random-post "><ul class="arpw-ul arpw-widget-2"><li class="arpw-li arpw-clearfix arpw-1"><a class="arpw-title" href="https://24kg.org/cat-ulasan/tambahkan-galeri-indah-ke-situs-wordpress-anda/" rel="bookmark" data-wpel-link="internal">Tambahkan Galeri Indah ke Situs WordPress Anda Menggunakan Galeri Envira</a></li><li class="arpw-li arpw-clearfix arpw-2"><a class="arpw-title" href="https://24kg.org/page-38/15-2-2/" rel="bookmark" data-wpel-link="internal">15の最高の無料ロゴメーカーとジェネレーター</a></li><li class="arpw-li arpw-clearfix arpw-3"><a class="arpw-title" href="https://24kg.org/cat-tutorial/cara-memasang-wordpress-di-microsoft-azure/" rel="bookmark" data-wpel-link="internal">Cara Memasang WordPress di Microsoft Azure</a></li><li class="arpw-li arpw-clearfix arpw-4"><a class="arpw-title" href="https://24kg.org/page-42/siteground2020-3/" rel="bookmark" data-wpel-link="internal">SiteGroundの料金(2020)それぞれの計画の費用はいくらですか?</a></li><li class="arpw-li arpw-clearfix arpw-5"><a class="arpw-title" href="https://24kg.org/cat-vinkkeja/kuinka-valita-varimaailma-wordpress-projektiisi/" rel="bookmark" data-wpel-link="internal">Kuinka valita värimaailma WordPress-projektiisi</a></li><li class="arpw-li arpw-clearfix arpw-6"><a class="arpw-title" href="https://24kg.org/cat-tutorial/pelajari-cara-membuat-tema-wordpress-semua-sumber/" rel="bookmark" data-wpel-link="internal">Pelajari Cara Membuat Tema WordPress: Semua Sumber Daya Terbaik</a></li><li class="arpw-li arpw-clearfix arpw-7"><a class="arpw-title" href="https://24kg.org/cat-opetused/kuidas-luua-wordpressis-kasutajate-jaoks-viktoriin/" rel="bookmark" data-wpel-link="internal">Kuidas luua WordPressis kasutajate jaoks viktoriin (7 lihtsat sammu)</a></li><li class="arpw-li arpw-clearfix arpw-8"><a class="arpw-title" href="https://24kg.org/cat-vinkkeja/pitaisiko-sinun-valita-ilmainen-tai-premium/" rel="bookmark" data-wpel-link="internal">Pitäisikö sinun valita ilmainen tai premium-WordPress-teema</a></li><li class="arpw-li arpw-clearfix arpw-9"><a class="arpw-title" href="https://24kg.org/cat-vegyes/legjobb-wordpress-bvitmenyek-amelyek-javitjak-a/" rel="bookmark" data-wpel-link="internal">Legjobb WordPress-bővítmények, amelyek javítják a blogoldalakat</a></li><li class="arpw-li arpw-clearfix arpw-10"><a class="arpw-title" href="https://24kg.org/cat-seo/hogyan-lehet-a-wordpress-webhelyet-kihagyni-a/" rel="bookmark" data-wpel-link="internal">Hogyan lehet a WordPress webhelyét kihagyni a Google feketelistájáról</a></li><li class="arpw-li arpw-clearfix arpw-11"><a class="arpw-title" href="https://24kg.org/cat-lain-lain/plugin-css-live-editor-terbaik-wordpress-2020/" rel="bookmark" data-wpel-link="internal">Plugin CSS Live Editor Terbaik WordPress 2020</a></li><li class="arpw-li arpw-clearfix arpw-12"><a class="arpw-title" href="https://24kg.org/cat-vejledninger/sdan-oprettes-en-online-porteflje-med-wordpress-og/" rel="bookmark" data-wpel-link="internal">Sådan oprettes en online-portefølje med WordPress (og det samlede tema)</a></li><li class="arpw-li arpw-clearfix arpw-13"><a class="arpw-title" href="https://24kg.org/cat-arvostelut/maksetut-jasentilausprosessit/" rel="bookmark" data-wpel-link="internal">Maksetut jäsentilausprosessit</a></li><li class="arpw-li arpw-clearfix arpw-14"><a class="arpw-title" href="https://24kg.org/cat-tippek/a-konverzios-arany-novelesenek-bevalt-modjai-a/" rel="bookmark" data-wpel-link="internal">A konverziós arány növelésének bevált módjai a társadalmi igazolással</a></li><li class="arpw-li arpw-clearfix arpw-15"><a class="arpw-title" href="https://24kg.org/cat-opetused/kuidas-luua-uhisrahastamise-veebisaiti/" rel="bookmark" data-wpel-link="internal">Kuidas luua ühisrahastamise veebisaiti WordPressiga</a></li><li class="arpw-li arpw-clearfix arpw-16"><a class="arpw-title" href="https://24kg.org/cat-tips/enkle-lsninger-til-at-oprette-en-wordpress/" rel="bookmark" data-wpel-link="internal">Enkle løsninger til at oprette en WordPress Knowledge Base</a></li><li class="arpw-li arpw-clearfix arpw-17"><a class="arpw-title" href="https://24kg.org/page-573/10-62/" rel="bookmark" data-wpel-link="internal">10+ افزونه های مفید وردپرس برای رشد لیست ایمیل شما</a></li><li class="arpw-li arpw-clearfix arpw-18"><a class="arpw-title" href="https://24kg.org/cat-tips/gendesign-dit-wordpress-websted-for-at-tilfje-et/" rel="bookmark" data-wpel-link="internal">Gendesign dit WordPress-websted (for at tilføje et personligt touch)</a></li><li class="arpw-li arpw-clearfix arpw-19"><a class="arpw-title" href="https://24kg.org/bez-kategorii/przegld-squarespace/" rel="bookmark" data-wpel-link="internal">Przegląd SquareSpace</a></li><li class="arpw-li arpw-clearfix arpw-20"><a class="arpw-title" href="https://24kg.org/vodii-za-izgradnju-web-mjesta/kako-se-ustvari-web-stranica/" rel="bookmark" data-wpel-link="internal">KAKO SE USTVARI WEB STRANICA</a></li><li class="arpw-li arpw-clearfix arpw-21"><a class="arpw-title" href="https://24kg.org/page-79/page-85-2/" rel="bookmark" data-wpel-link="internal">जस्टहोस्ट होस्टिंग की समीक्षा</a></li><li class="arpw-li arpw-clearfix arpw-22"><a class="arpw-title" href="https://24kg.org/cat-turvalisus/kuidas-wordpressi-saiti-google-i-mustast/" rel="bookmark" data-wpel-link="internal">Kuidas WordPressi saiti Google’i mustast nimekirjast eemaldada</a></li><li class="arpw-li arpw-clearfix arpw-23"><a class="arpw-title" href="https://24kg.org/cat-umsagnir/cart66-cloud-wordpress-tappi-endurskoun/" rel="bookmark" data-wpel-link="internal">Cart66 Cloud WordPress tappi endurskoðun</a></li><li class="arpw-li arpw-clearfix arpw-24"><a class="arpw-title" href="https://24kg.org/cat-vejledninger/hvad-er-wordpress-brugerroller-alt-hvad-du-behver/" rel="bookmark" data-wpel-link="internal">Hvad er WordPress-brugerroller: Alt hvad du behøver at vide</a></li><li class="arpw-li arpw-clearfix arpw-25"><a class="arpw-title" href="https://24kg.org/cat-vejledninger/tema-customizer-kedelplade-betingede-muligheder/" rel="bookmark" data-wpel-link="internal">Tema Customizer Kedelplade – Betingede muligheder, Børnetemaer og plugins</a></li><li class="arpw-li arpw-clearfix arpw-26"><a class="arpw-title" href="https://24kg.org/cat-sekalainen/20-parasta-bootstrap-wordpress-teemaa/" rel="bookmark" data-wpel-link="internal">20 parasta Bootstrap WordPress -teemaa</a></li><li class="arpw-li arpw-clearfix arpw-27"><a class="arpw-title" href="https://24kg.org/bez-kategorii/podrcznik-rejestracji-inmotion/" rel="bookmark" data-wpel-link="internal">Podręcznik rejestracji InMotion</a></li><li class="arpw-li arpw-clearfix arpw-28"><a class="arpw-title" href="https://24kg.org/cat-tutorial/cara-menyiapkan-situs-keanggotaan-dengan-wordpress/" rel="bookmark" data-wpel-link="internal">Cara Menyiapkan Situs Keanggotaan dengan WordPress & MemberPress</a></li><li class="arpw-li arpw-clearfix arpw-29"><a class="arpw-title" href="https://24kg.org/cat-tips/skal-du-oprette-en-app-til-din-wordpress/" rel="bookmark" data-wpel-link="internal">Skal du oprette en app til din WordPress-virksomhed?</a></li><li class="arpw-li arpw-clearfix arpw-30"><a class="arpw-title" href="https://24kg.org/page-49/page-66/" rel="bookmark" data-wpel-link="internal">כמה עולה אתר אינטרנט</a></li><li class="arpw-li arpw-clearfix arpw-31"><a class="arpw-title" href="https://24kg.org/berita-komunitas/wordpress-3-9-ada-di-sini-yang-diharapkan-saat/" rel="bookmark" data-wpel-link="internal">WordPress 3.9 Ada Di Sini: Yang Diharapkan Saat Memperbarui</a></li><li class="arpw-li arpw-clearfix arpw-32"><a class="arpw-title" href="https://24kg.org/cat-tips/sdan-optimeres-wordpress-sidepaneler-til-bedre/" rel="bookmark" data-wpel-link="internal">Sådan optimeres WordPress-sidepaneler til bedre trafik og konverteringer</a></li><li class="arpw-li arpw-clearfix arpw-33"><a class="arpw-title" href="https://24kg.org/cat-vejledninger/sdan-tilfjes-en-cool-css3-knapkode-i-wordpress/" rel="bookmark" data-wpel-link="internal">Sådan tilføjes en cool CSS3-knapkode i WordPress</a></li><li class="arpw-li arpw-clearfix arpw-34"><a class="arpw-title" href="https://24kg.org/cat-kiat/cara-mendapatkan-uang-dari-situs-wordpress/" rel="bookmark" data-wpel-link="internal">Cara Mendapatkan Uang dari Situs WordPress Cryptocurrency Anda</a></li><li class="arpw-li arpw-clearfix arpw-35"><a class="arpw-title" href="https://24kg.org/cat-kennsla/25-bestu-woocommerce-smaatriin-min-fyrir-wordpress/" rel="bookmark" data-wpel-link="internal">25 bestu WooCommerce smáatriðin mín fyrir WordPress 2. hluta</a></li><li class="arpw-li arpw-clearfix arpw-36"><a class="arpw-title" href="https://24kg.org/page-49/page-61/" rel="bookmark" data-wpel-link="internal">כיצד להאיץ את וורדפרס</a></li><li class="arpw-li arpw-clearfix arpw-37"><a class="arpw-title" href="https://24kg.org/cat-napunaited/kuidas-kasutada-komplekteeritud-tooteid-oma/" rel="bookmark" data-wpel-link="internal">Kuidas kasutada komplekteeritud tooteid oma WordPressi poe turundusvõtetena</a></li><li class="arpw-li arpw-clearfix arpw-38"><a class="arpw-title" href="https://24kg.org/page-263/wordpress-500/" rel="bookmark" data-wpel-link="internal">چگونه خطای داخلی سرور WordPress 500 را برطرف کنیم</a></li><li class="arpw-li arpw-clearfix arpw-39"><a class="arpw-title" href="https://24kg.org/cat-ulevaated/optinmonsteri-ulevaade-ja-juhised-wordpressi/" rel="bookmark" data-wpel-link="internal">OptinMonsteri ülevaade ja juhised: WordPressi hüpikaknad ja plii genereerimise pistikprogramm</a></li><li class="arpw-li arpw-clearfix arpw-40"><a class="arpw-title" href="https://24kg.org/cat-kiat/cara-memperbaiki-tautan-rusak-wordpress-di-situs/" rel="bookmark" data-wpel-link="internal">Cara Memperbaiki Tautan Rusak WordPress di Situs Web Anda</a></li><li class="arpw-li arpw-clearfix arpw-41"><a class="arpw-title" href="https://24kg.org/cat-sekalainen/parhaat-lms-wordpress-laajennukset-kurssin/" rel="bookmark" data-wpel-link="internal">Parhaat LMS WordPress -laajennukset kurssin luomiseen 2020</a></li><li class="arpw-li arpw-clearfix arpw-42"><a class="arpw-title" href="https://24kg.org/cat-napunaited/wordpressi-blogimisnouanded-teie-blogi/" rel="bookmark" data-wpel-link="internal">WordPressi blogimisnõuanded teie blogi õnnestumiseks</a></li><li class="arpw-li arpw-clearfix arpw-43"><a class="arpw-title" href="https://24kg.org/cat-tips/hvad-er-wordpress-temaer-og-plugins/" rel="bookmark" data-wpel-link="internal">Hvad er WordPress-temaer og plugins?</a></li><li class="arpw-li arpw-clearfix arpw-44"><a class="arpw-title" href="https://24kg.org/cat-tutorial/wordpress-untuk-artis-cara-sederhana-untuk-membuat/" rel="bookmark" data-wpel-link="internal">WordPress untuk Artis: Cara Sederhana untuk Membuat Portofolio Online</a></li><li class="arpw-li arpw-clearfix arpw-45"><a class="arpw-title" href="https://24kg.org/cat-vegyes/kozossegi-media-wordpress-plugins-a-forgalom/" rel="bookmark" data-wpel-link="internal">Közösségi média WordPress plugins a forgalom növelése érdekében</a></li><li class="arpw-li arpw-clearfix arpw-46"><a class="arpw-title" href="https://24kg.org/cat-ulasan/membuat-menyebarkan-situs-klien-wordpress-dengan/" rel="bookmark" data-wpel-link="internal">Membuat & Menyebarkan Situs Klien WordPress Dengan DesktopServer</a></li><li class="arpw-li arpw-clearfix arpw-47"><a class="arpw-title" href="https://24kg.org/cat-abendingar/hvernig-nota-a-webp-skrar-i-wordpress-og-fkka/" rel="bookmark" data-wpel-link="internal">Hvernig nota á WebP skrár í WordPress og fækka hleðslutímum</a></li><li class="arpw-li arpw-clearfix arpw-48"><a class="arpw-title" href="https://24kg.org/page-263/page-291/" rel="bookmark" data-wpel-link="internal">نحوه ایجاد یک دوره آنلاین با وردپرس</a></li><li class="arpw-li arpw-clearfix arpw-49"><a class="arpw-title" href="https://24kg.org/cat-tips/wordpress-vs-weebly-sammenligning-af-funktioner/" rel="bookmark" data-wpel-link="internal">WordPress vs Weebly – Sammenligning af funktioner</a></li><li class="arpw-li arpw-clearfix arpw-50"><a class="arpw-title" href="https://24kg.org/bez-kategorii/10-najlepszych-motywow-wordpress-premium-dla/" rel="bookmark" data-wpel-link="internal">10 najlepszych motywów WordPress Premium dla artystów i twórców</a></li><li class="arpw-li arpw-clearfix arpw-51"><a class="arpw-title" href="https://24kg.org/cat-ulevaated/envato-hostitud-hallatava-wordpressi-hostingu/" rel="bookmark" data-wpel-link="internal">Envato hostitud hallatava WordPressi hostingu ülevaade</a></li><li class="arpw-li arpw-clearfix arpw-52"><a class="arpw-title" href="https://24kg.org/page-112/digitalocean-2-2/" rel="bookmark" data-wpel-link="internal">סקירת אירוח ענן של DigitalOcean</a></li><li class="arpw-li arpw-clearfix arpw-53"><a class="arpw-title" href="https://24kg.org/cat-sekalainen/5-parasta-wordpress-ecommerce-laajennusta/" rel="bookmark" data-wpel-link="internal">5 parasta WordPress eCommerce -laajennusta</a></li><li class="arpw-li arpw-clearfix arpw-54"><a class="arpw-title" href="https://24kg.org/cat-sekalainen/5-parasta-laajennusta-vastaanottaa-lahjoituksia/" rel="bookmark" data-wpel-link="internal">5 parasta laajennusta vastaanottaa lahjoituksia WordPressillä</a></li><li class="arpw-li arpw-clearfix arpw-55"><a class="arpw-title" href="https://24kg.org/page-573/2020-41/" rel="bookmark" data-wpel-link="internal">بهترین افزونه های ویترین تیم ویترین در سال 2020</a></li><li class="arpw-li arpw-clearfix arpw-56"><a class="arpw-title" href="https://24kg.org/nessuna-categoria/cheat-sheet-in-pitone/" rel="bookmark" data-wpel-link="internal">Cheat Sheet in pitone</a></li><li class="arpw-li arpw-clearfix arpw-57"><a class="arpw-title" href="https://24kg.org/cat-vinkkeja/kuinka-kasvattaa-yleisoasi-ja-mainostaa/" rel="bookmark" data-wpel-link="internal">Kuinka kasvattaa yleisöäsi ja mainostaa tuotteitasi WordPress-kilpailuilla</a></li><li class="arpw-li arpw-clearfix arpw-58"><a class="arpw-title" href="https://24kg.org/cat-kiat/4-perbaikan-untuk-layar-putih-kematian-di/" rel="bookmark" data-wpel-link="internal">4 Perbaikan untuk Layar Putih Kematian di WordPress</a></li><li class="arpw-li arpw-clearfix arpw-59"><a class="arpw-title" href="https://24kg.org/cat-oktatoanyagok/a-wordpress-25-legjobb-woocommerce-kivonatom/" rel="bookmark" data-wpel-link="internal">A WordPress 25 legjobb WooCommerce-kivonatom</a></li><li class="arpw-li arpw-clearfix arpw-60"><a class="arpw-title" href="https://24kg.org/cat-vegyes/20-legjobb-wordpress-kapcsolattartasi-rlap/" rel="bookmark" data-wpel-link="internal">20 legjobb WordPress kapcsolattartási űrlap-bővítmény, 2020</a></li><li class="arpw-li arpw-clearfix arpw-61"><a class="arpw-title" href="https://24kg.org/page-338/cdn-2/" rel="bookmark" data-wpel-link="internal">مزایای استفاده از CDN برای سایت وردپرس شما</a></li><li class="arpw-li arpw-clearfix arpw-62"><a class="arpw-title" href="https://24kg.org/cat-kennsla/byrjendur-handbok-um-buddypress-og-bbpress-tveir/" rel="bookmark" data-wpel-link="internal">Byrjendur handbók um BuddyPress og bbPress – Tveir viðbætur til að halda samtölunum áfram</a></li><li class="arpw-li arpw-clearfix arpw-63"><a class="arpw-title" href="https://24kg.org/cat-kennsla/hvernig-a-a-bua-til-sersnii-wordpress/" rel="bookmark" data-wpel-link="internal">Hvernig á að búa til sérsniðið WordPress innskráningarform (og hvers vegna þú ættir)</a></li><li class="arpw-li arpw-clearfix arpw-64"><a class="arpw-title" href="https://24kg.org/page-5/2-95/" rel="bookmark" data-wpel-link="internal">블루 호스트 거래 – $ 2.95 / 월 독점 할인</a></li><li class="arpw-li arpw-clearfix arpw-65"><a class="arpw-title" href="https://24kg.org/page-49/shopify-wordpress-woocommerce-2/" rel="bookmark" data-wpel-link="internal">Shopify מול WordPress (WooCommerce) למסחר אלקטרוני?</a></li><li class="arpw-li arpw-clearfix arpw-66"><a class="arpw-title" href="https://24kg.org/cat-tippek/gyors-es-egyszer-google-analytics-a-wordpresshez/" rel="bookmark" data-wpel-link="internal">Gyors és egyszerű Google Analytics a WordPresshez</a></li><li class="arpw-li arpw-clearfix arpw-67"><a class="arpw-title" href="https://24kg.org/cat-popularan/a2-hosting-pregled/" rel="bookmark" data-wpel-link="internal">A2 hosting pregled</a></li><li class="arpw-li arpw-clearfix arpw-68"><a class="arpw-title" href="https://24kg.org/cat-arvostelut/kuinka-lisata-shopify-wordpressiin-wp-shopifyn/" rel="bookmark" data-wpel-link="internal">Kuinka lisätä Shopify WordPressiin WP Shopifyn avulla</a></li><li class="arpw-li arpw-clearfix arpw-69"><a class="arpw-title" href="https://24kg.org/cat-vinkkeja/cpanel-vs-plesk-wordpress-kayttajille/" rel="bookmark" data-wpel-link="internal">cPanel vs Plesk WordPress-käyttäjille</a></li><li class="arpw-li arpw-clearfix arpw-70"><a class="arpw-title" href="https://24kg.org/cat-seo/10-tips-seo-wordpress-untuk-mendapatkan-traffic-ke/" rel="bookmark" data-wpel-link="internal">10 Tips SEO WordPress untuk Mendapatkan Traffic ke Situs Web Anda</a></li><li class="arpw-li arpw-clearfix arpw-71"><a class="arpw-title" href="https://24kg.org/page-338/page-366/" rel="bookmark" data-wpel-link="internal">تجارت بدون سر چیست و چگونه می تواند از شما سود ببرد؟</a></li><li class="arpw-li arpw-clearfix arpw-72"><a class="arpw-title" href="https://24kg.org/page-338/page-373/" rel="bookmark" data-wpel-link="internal">با مخاطبان وردپرس خود بهتر آشنا شوید: معیارهای مهم برای در نظر گرفتن</a></li><li class="arpw-li arpw-clearfix arpw-73"><a class="arpw-title" href="https://24kg.org/piani-e-prezzi/siteground-pricing-2020-quanto-costa-ogni-piano/" rel="bookmark" data-wpel-link="internal">SiteGround Pricing (2020) Quanto costa ogni piano?</a></li><li class="arpw-li arpw-clearfix arpw-74"><a class="arpw-title" href="https://24kg.org/cat-kennsla/fljotleg-leiarvisir-um-uppfrslu-wordpress-hvers/" rel="bookmark" data-wpel-link="internal">Fljótleg leiðarvísir um uppfærslu WordPress – Hvers vegna og hvernig á að uppfæra</a></li><li class="arpw-li arpw-clearfix arpw-75"><a class="arpw-title" href="https://24kg.org/nessuna-categoria/come-impostare-un-carrello-su-webhostinghub/" rel="bookmark" data-wpel-link="internal">Come impostare un carrello su WebHostingHub</a></li><li class="arpw-li arpw-clearfix arpw-76"><a class="arpw-title" href="https://24kg.org/page/squarespace/" rel="bookmark" data-wpel-link="internal">SquareSpaceレビュー</a></li><li class="arpw-li arpw-clearfix arpw-77"><a class="arpw-title" href="https://24kg.org/cat-tips/sdan-opretter-du-billeder-til-din-wordpress-blog/" rel="bookmark" data-wpel-link="internal">Sådan opretter du billeder til din WordPress-blog uden designfærdigheder</a></li><li class="arpw-li arpw-clearfix arpw-78"><a class="arpw-title" href="https://24kg.org/cat-turvallisuus/5-vaihetta-jotka-suoritin-wordpress-blogin/" rel="bookmark" data-wpel-link="internal">5 vaihetta, jotka suoritin WordPress-blogin palauttamiseksi hakkeroinnista</a></li><li class="arpw-li arpw-clearfix arpw-79"><a class="arpw-title" href="https://24kg.org/page/wordpress-6/" rel="bookmark" data-wpel-link="internal">WordPressをローカルにインストールする方法</a></li><li class="arpw-li arpw-clearfix arpw-80"><a class="arpw-title" href="https://24kg.org/cat-mitmesugused/5-parimat-wordpressi-e-kaubanduse-pistikprogrammi/" rel="bookmark" data-wpel-link="internal">5 parimat WordPressi e-kaubanduse pistikprogrammi</a></li><li class="arpw-li arpw-clearfix arpw-81"><a class="arpw-title" href="https://24kg.org/cat-kennsla/hvernig-a-a-setja-wordpress-upp-handvirkt-a-hvaa/" rel="bookmark" data-wpel-link="internal">Hvernig á að setja WordPress upp handvirkt á hvaða gestgjafa sem er</a></li><li class="arpw-li arpw-clearfix arpw-82"><a class="arpw-title" href="https://24kg.org/page-49/wordpress-14/" rel="bookmark" data-wpel-link="internal">עשרת המגזינים / חדשות WordPress העיצובים שבהם הייתם אוהבים</a></li><li class="arpw-li arpw-clearfix arpw-83"><a class="arpw-title" href="https://24kg.org/nyheder-og-samfund/27-personligheder-i-wordpress-du-skal-flge/" rel="bookmark" data-wpel-link="internal">27 personligheder i WordPress, du skal følge</a></li><li class="arpw-li arpw-clearfix arpw-84"><a class="arpw-title" href="https://24kg.org/nra-kategorijos/kaip-apdoroti-mokjimus-kreditine-kortele/" rel="bookmark" data-wpel-link="internal">Kaip apdoroti mokėjimus kreditine kortele „WebHostingHub“?</a></li><li class="arpw-li arpw-clearfix arpw-85"><a class="arpw-title" href="https://24kg.org/cat-oktatoanyagok/konnyen-kovethet-es-nelkulozhetetlen-wordpress/" rel="bookmark" data-wpel-link="internal">Könnyen követhető és nélkülözhetetlen WordPress képzési videók a WP101-ről</a></li><li class="arpw-li arpw-clearfix arpw-86"><a class="arpw-title" href="https://24kg.org/cat-lain-lain/plugin-wordpress-kepatuhan-gdpr-terbaik/" rel="bookmark" data-wpel-link="internal">Plugin WordPress Kepatuhan GDPR Terbaik</a></li><li class="arpw-li arpw-clearfix arpw-87"><a class="arpw-title" href="https://24kg.org/nessuna-categoria/come-installare-wordpress-localmente/" rel="bookmark" data-wpel-link="internal">Come installare WordPress localmente</a></li><li class="arpw-li arpw-clearfix arpw-88"><a class="arpw-title" href="https://24kg.org/cat-lain-lain/tema-wordpress-fitness-gym-terbaik/" rel="bookmark" data-wpel-link="internal">Tema WordPress Fitness & Gym Terbaik</a></li><li class="arpw-li arpw-clearfix arpw-89"><a class="arpw-title" href="https://24kg.org/cat-abendingar/hvernig-a-a-setja-upp-markasstefnu-me-wordpress/" rel="bookmark" data-wpel-link="internal">Hvernig á að setja upp markaðsstefnu með WordPress</a></li><li class="arpw-li arpw-clearfix arpw-90"><a class="arpw-title" href="https://24kg.org/cat-tips/skal-du-vlge-et-gratis-eller-premium-wordpress/" rel="bookmark" data-wpel-link="internal">Skal du vælge et gratis eller premium WordPress-tema</a></li><li class="arpw-li arpw-clearfix arpw-91"><a class="arpw-title" href="https://24kg.org/cat-napunaited/6-woocommerce-i-turundusmeetodit-muugi/" rel="bookmark" data-wpel-link="internal">6 WooCommerce’i turundusmeetodit müügi suurendamiseks</a></li><li class="arpw-li arpw-clearfix arpw-92"><a class="arpw-title" href="https://24kg.org/cat-napunaited/wordpressi-joudluse-testimine-miks-kuidas-ja/" rel="bookmark" data-wpel-link="internal">WordPressi jõudluse testimine: miks, kuidas ja milliseid tööriistu kasutada?</a></li><li class="arpw-li arpw-clearfix arpw-93"><a class="arpw-title" href="https://24kg.org/cat-sekalainen/parhaat-wordpress-mobiilisivuston/" rel="bookmark" data-wpel-link="internal">Parhaat WordPress-mobiilisivuston optimointilaajennukset</a></li><li class="arpw-li arpw-clearfix arpw-94"><a class="arpw-title" href="https://24kg.org/cat-kiat/yang-harus-diperhatikan-di-wordpress-hosting/" rel="bookmark" data-wpel-link="internal">Yang Harus Diperhatikan di WordPress Hosting</a></li><li class="arpw-li arpw-clearfix arpw-95"><a class="arpw-title" href="https://24kg.org/page-61/page-71-3/" rel="bookmark" data-wpel-link="internal">온라인 상점을 시작하는 방법</a></li><li class="arpw-li arpw-clearfix arpw-96"><a class="arpw-title" href="https://24kg.org/cat-velemenyek/sendinblue-a-legjobb-uj-e-mail-marketing/" rel="bookmark" data-wpel-link="internal">SendinBlue: A legjobb új e-mail marketing szolgáltatás a WordPress felhasználók számára?</a></li><li class="arpw-li arpw-clearfix arpw-97"><a class="arpw-title" href="https://24kg.org/cat-napunaited/5-pohjust-miks-teie-veebisait-wordpress-ei-ole/" rel="bookmark" data-wpel-link="internal">5 põhjust, miks teie veebisait WordPress ei ole Google’is edetabelis</a></li><li class="arpw-li arpw-clearfix arpw-98"><a class="arpw-title" href="https://24kg.org/page-528/5-25/" rel="bookmark" data-wpel-link="internal">5 قدم من برای بازیابی وبلاگ وردپرس من از هک</a></li><li class="arpw-li arpw-clearfix arpw-99"><a class="arpw-title" href="https://24kg.org/page-338/page-418/" rel="bookmark" data-wpel-link="internal">چگونه می توانید سهام های اجتماعی بیشتری را در پست های وبلاگ خود کسب کنید</a></li><li class="arpw-li arpw-clearfix arpw-100"><a class="arpw-title" href="https://24kg.org/bez-kategorii/recenzja-ideahost/" rel="bookmark" data-wpel-link="internal">Recenzja IdeaHost</a></li></ul></div></div></aside></div><div class="footer-navigation container"><div class="main-navigation-inner "><div class="menu-1-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-54"><a href="https://24kg.org/terms-of-service/" data-wpel-link="internal">Terms of service</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55"><a href="https://24kg.org/privacy-policy/" data-wpel-link="internal">Privacy Policy</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="https://24kg.org/about/" data-wpel-link="internal">About</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48"><a href="https://24kg.org/contacts/" data-wpel-link="internal">Contacts</a></li></ul></div></div></div><footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"><div class="site-footer-inner "><div class="footer-info"> © 2020</div><div class="footer-counters"></div></div></footer> <button type="button" class="scrolltop js-scrolltop"></button></div> <script type="text/javascript">var thirstyGoogleClickTrack = function ( e ) { var $this = jQuery( this ), linkID = $this.data( 'linkid' ), href = linkID ? $this.attr( 'href' ) : thirstyFunctions.isThirstyLink( $this.attr( 'href' ) ), action_name = 'Affiliate Link', page_slug = '/bez-kategorii/tworzenie-motywow-wordpress-101/', home_url = 'https://24kg.org'; if ( ! href || typeof ga !== 'function' ) { return; } var is_uncloak = href.indexOf( home_url + '/' + thirsty_global_vars.link_prefix ) < 0, href_parts = href.split('/'), href_last = href_parts[ href_parts.length - 1 ] ? href_parts[ href_parts.length - 1 ] : href_parts[ href_parts.length - 2 ], link_text = $this.text(), link_uri = linkID && is_uncloak ? href : href.replace( home_url , '' ), link_slug = linkID && is_uncloak ? href : href_last; ga( 'send' , 'event' , { eventCategory : action_name, eventAction : link_uri, eventLabel : page_slug, transport : 'beacon' } ); }; jQuery( document ).ready( function($) { $( 'body' ).on( 'click', 'a', thirstyGoogleClickTrack ); });</script> <script type='text/javascript'>/* <![CDATA[ */ var wares_ajax = {"wares_url":"https:\/\/24kg.org\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","visibility_hide_by_default":"1","width":"Auto"}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var thirsty_global_vars = {"home_url":"\/\/24kg.org","ajax_url":"https:\/\/24kg.org\/wp-admin\/admin-ajax.php","link_fixer_enabled":"yes","link_prefix":"recommends","link_prefixes":["recommends"],"post_id":"7239","enable_record_stats":"yes","enable_js_redirect":"yes","disable_thirstylink_class":""}; /* ]]> */</script> <script type='text/javascript'>/* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/24kg.org\/wp-admin\/admin-ajax.php","nonce":"6ab1bc6dde"}; /* ]]> */</script> <ins id="adsense" class="adsbygoogle" data-tag="flat_pm" style="position:absolute;left:-9999px;top:-9999px">Adblock<br>detector</ins><style>.arcticmodal-overlay,.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{height:100%;margin:0 auto}.arcticmodal-container_i2{vertical-align:middle!important;border:none!important}.flat_pm_modal{min-width:200px;min-height:100px;position:relative;background:#fff}.flat_pm_modal .flat_pm_timer,.flat_pm_modal .flat_pm_crs{top:0!important}.flat_pm_crs{transition:box-shadow .2s ease;position:absolute;top:0;right:0;width:34px;height:34px;background:#000;display:block;cursor:pointer;z-index:99999;border:none;padding:0;min-width:0;min-height:0}.flat_pm_crs:hover{box-shadow:0 0 0 50px rgba(0,0,0,.2) inset}.flat_pm_crs:after,.flat_pm_crs:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(34px / 2);height:3px;background:#fff;transform-origin:center;transform:rotate(45deg);margin:auto}.flat_pm_crs:before{transform:rotate(-45deg)}.flat_pm_crs:hover:after{transform:rotate(225deg)}.flat_pm_crs:hover:before{transform:rotate(135deg)}.flat_pm_timer{position:absolute;top:0;right:0;padding:0 15px;color:#fff;background:#000;line-height:34px;height:34px;text-align:center;font-size:14px}.flat_pm_timer span{font-size:16px;font-weight:600}.flat_pm_out{transition:transform .3s ease,opacity 0s ease;transition-delay:0s,.3s;position:fixed;min-width:250px;min-height:150px;z-index:9999;opacity:0;-webkit-backface-visibility:hidden}.flat_pm_out *{max-width:none!important}.flat_pm_out.top .flat_pm_crs{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_crs{bottom:0}.flat_pm_out.bottom .flat_pm_crs{top:150px}.flat_pm_out.show.bottom .flat_pm_crs{top:0}.flat_pm_out.right .flat_pm_crs{right:auto;left:0}.flat_pm_out.top .flat_pm_timer{top:auto;bottom:150px}.flat_pm_out.show.top .flat_pm_timer{bottom:0}.flat_pm_out.bottom .flat_pm_timer{top:150px}.flat_pm_out.show.bottom .flat_pm_timer{top:0}.flat_pm_out.right .flat_pm_timer{right:auto;left:0}.flat_pm_out.top{bottom:100%;left:50%;transform:translateY(0) translateX(-50%);padding-bottom:150px}.flat_pm_out.bottom{top:100%;left:50%;transform:translateY(0) translateX(-50%);padding-top:150px}.flat_pm_out.left{bottom:0;right:100%;transform:translateX(0)}.flat_pm_out.right{bottom:0;left:100%;transform:translateX(0)}.flat_pm_out.show{transition-delay:0s,0s;opacity:1;min-width:0;min-height:0;background:#fff}.flat_pm_out.closed{min-width:0;min-height:0}.flat_pm_out.show.top{transform:translateY(100%) translateX(-50%);padding-bottom:0}.flat_pm_out.show.bottom{transform:translateY(-100%) translateX(-50%);padding-top:0}.flat_pm_out.show.left{transform:translateX(100%)}.flat_pm_out.show.right{transform:translateX(-100%)}.flatpm_fixed{position:fixed;z-index:50}.flatpm_stop{position:relative;z-index:50}</style> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://24kg.org/wp-content/plugins/wp-rocket/assets/js/lazyload/12.0/lazyload.min.js"></script><a href="/sitemap.php" data-wpel-link="internal">map</a><script src="https://24kg.org/wp-content/cache/min/1/126071b3113a0c41c50391762b177d99.js" data-minify="1" defer></script></body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1591827149 -->