WordPress Temautvikling (101)

WordPress Theme Development Guide


Å lære å lage WordPress-temaer åpner en helt ny verden for deg å utforske. Det lar deg bygge tilpassede design for deg selv, kundene dine og til og med bidra tilbake til open source-samfunnet.

I denne guiden vil vi ta deg fra null til å ha et fullt funksjonelt tema som kan sendes til WordPress.org temakatalog.

For å følge med trenger du en grunnleggende forståelse av HTML, CSS, PHP og hvordan WordPress fungerer.

All koden som brukes i denne guiden vil være tilgjengelig for referanse i denne Github depot.

Opprette essensielle filer


Et fungerende WordPress-tema kan bestå av bare to filer: style.css og index.php. Dette er mulig på grunn av WordPress mal hierarki.

Når WordPress sender ut en webside, søker den etter den mest spesifikke malen som er tilgjengelig, hvis en mal ikke eksisterer, vil den bevege seg nedover i hierarkiet før den finner en som gjør det. Her er et praktisk eksempel:

Brukeren er på https://example.com/practical-example, som er en side. WordPress vil prøve å finne en mal i denne rekkefølgen:

  • side- {slug} php – Sidesluggen er / praktisk-eksempel, WordPress ser ut til å bruke ditt tema / side-praktisk-eksempel.php
  • side- {id} php – Side-IDen er 42, WordPress ser ut til å bruke ditt tema / side-42.php.
  • page.php – WordPress vil prøve den generelle formålet ditt-tema / page.php mal.
  • singular.php – Den enkle malen kan gjengi innlegg og sider, så den er prøvd etter den mer spesifikke page.php
  • index.php – Til slutt brukes ditt tema / indeks.php hvis ingen annen mal blir funnet.

La oss begynne med å bygge et tema med bare de essensielle filene, og så kan vi legge på flere funksjoner når vi utforsker hvordan de fungerer.

I / Wp-content / themes /, opprette en mappe med navnet my-custom-tema og lag disse to følgende filene:

style.css

For at WordPress skal gjenkjenne temaet vårt og sende det ut ordentlig i listen Utseende → Temaer, må vi plassere en WordPress-spesifikk kode øverst på style.css, det ser slik ut:

/ *
Temanavn: Mitt tilpassede tema
Tema URI: https://yourwebsite.com/theme
Forfatter: Ditt navn
Forfatter URI: https://yourwebsite.com
Beskrivelse: Dette er mitt første tilpassede tema!
Versjon: 1.0.0
Lisens: GNU General Public License v2 eller nyere
Lisens URI: 
Tekstdomene: mitt tilpassede tema
Tagger: tilpasset bakgrunn
* /

Teknisk sett er det ingen av feltene som kreves, men hvis du vil at temaet ditt skal se bra ut i wp-admin så blir de sterkt oppmuntret. De kreves også hvis du distribuerer temaet ditt på WordPress.

  • Tema Navn – Du bør alltid oppgi et temanavn. Hvis du ikke gjør det, vil mappenavnet bli brukt, mitt tilpassede tema i eksempelet vårt.
  • Tema URI – Hvis det brukes, bør temaet URI gi en lenke til en side der besøkende kan lære mer om temaet.
  • Forfatter – Navnet ditt kommer hit.
  • Forfatter URI – En lenke til din personlige eller bedriftsnettsted kan plasseres her.
  • Beskrivelse – Beskrivelsen vises på modusen wp-admin og også på WordPress-tema notering.
  • Versjon – Versjonsnumre hjelper utviklere med å holde rede på endringene og gi brukerne beskjed om de bruker den nyeste versjonen. Vi følger SemVer nummereringssystem for å angi alvorlighetsgraden av endringer i en oppdatering.
  • Tillatelse – Hvordan du lisensierer temaet ditt er opp til deg, men hvis du velger en ikke-GPL-kompatibel lisens, vil du ikke kunne distribuere temaet ditt på WordPress.
  • Lisens URI – Dette er ganske enkelt en lenke til lisensen ovenfor.
  • Tekstdomene – Tekstdomenet brukes når du oversetter temaet ditt til andre språk. Ikke bekymre deg for at vi vil utforske dette grundig senere. Foreløpig er det nok å vite at det er en god praksis for temamappen og tekstdomenet å være temanavnet atskilt med bindestrek i stedet for mellomrom.
  • Tagger – Merkelapper brukes bare hvis du laster opp temaet til temakatalogen WordPress.org. De er grunnlaget for mekanismen ‘Feature Filter’.

Kopier og lim inn ovennevnte i style.css og du vil ha noe slikt:wp-admin temainformasjon

Merk: Det ser litt blankt ut for øyeblikket, da vi ikke har noen skjermdump enda. Det vil vi legge til senere.

index.php

index.php er den eneste andre strenge påkrevde filen. Dens jobb er å gjengi alle front-outs for vårt tema.

Siden index.php kommer til å gjengi alle sidene våre (hjem, innlegg, kategorier, arkiver), det kommer til å gjøre mye arbeid. For å starte trenger vi en hodeseksjon som vil dekke HTML-grunnleggende.


>





Dette er standard HTML med ett unntak, [Wp_head ()] (). wp_head er en kjernefunksjon som lar WordPress og tredjeparts plugins sette inn kode i overskriften uten å endre malfilene dine. Dette kalles en actionkrok.

Hvis du er kjent med HTML, kan du legge merke til at det ikke er noe tag for å sende ut sidetittelen. Det er fordi WordPress kan bruke wp_head-kroken til å sette inn tittelen dynamisk.</p><p>En annen bruk av wp_head er å forkynne stiler (.css) og skript (.js). Det er veldig gode grunner for å gjøre dette i stedet for å kode dem hardt, som vi vil se på senere.</p><p>Deretter har vi siden av siden:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><body data-rsssl=1 <?php body_class(); ?>></pre><p><em>body_class ()</em> er en hjelperfunksjon levert av WordPress som vil sende ut en liste over nyttige CSS-klasser som beskriver siden som vises, for eksempel:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><code class="EnlighterJSRAW" data-enlighter-language="html">class = "side side-id-2 side-overordnet side-mal-standard pålogget" </code></pre><p><em>body_class ()</em>; godtar også en parameter slik at du kan legge til dine egne klasser, for eksempel:</p><pre class="EnlighterJSRAW" data-enlighter-language="html"><body data-rsssl=1 <?php body_class( 'wide-template blue-bg' ); ?>></pre><p>Deretter har vi malhodet.</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>Her bruker vi WordPress ‘innebygde malfunksjoner for å skrive ut tittel og beskrivelse av nettstedet. Vi har også brukt en hjelperfunksjon, <em>HOME_URL (),</em> for å koble nettstedstittelen tilbake til hjemmesiden.</p><p>Neste opp, kroppen på siden:</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="i">','</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>Det er her det blir interessant (og litt mer sammensatt). Her bruker vi den viktigste funksjonen i WordPress, the <a href="https://developer.wordpress.org/themes/basics/the-loop/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Løkke</a>. Loopen gjør det harde arbeidet med å finne ut hvilken side brukeren er på og hva som skal vises. Deretter returnerer en liste over ett eller flere ‘innlegg’ som vi kan sløyfe gjennom og sende ut data ved å bruke malfunksjoner.</p><p>Hvis Loop ikke gir noen resultater, for eksempel på en 404 side eller slettet innlegg, bruker vi en annen operatør til å vise en forhåndsdefinert melding.</p><p>Uten noen av de omkringliggende kodene ser en forenklet sløyfe slik ut:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">if (have_posts ()): // sjekk om loopen har returnert noen innlegg. while (har_posts ()): // går gjennom hvert returnerte innlegg. posten(); // konfigurer innholdet slik at vi kan bruke malkoder som_tittelen (). tittelen(); // skriv inn tittelen. innholdet(); // send innlegget. EndWhile; annet: ekko 'Ingen side funnet'; // sende ut en feilmelding hvis det ikke er noen innlegg. slutt om; ?> </pre><p><strong>Merk:</strong> Fordi WordPress har sitt opphav i blogging, bruker mange funksjoner ‘innlegg’ -terminologien, selv om de kan returnere og sende ut alle typer innhold (innlegg, sider, tilpassede innleggstyper).</p><p>Til slutt har vi bunnteksten, alt vi trenger å gjøre her er å lukke HTML-kodene vi åpnet tidligere. Det er en annen actionkrok, <a href="https://developer.wordpress.org/reference/hooks/wp_footer/" rel="nofollow noopener external noreferrer" target="_blank" data-wpel-link="external">wp_footer ()</a>, som brukes aktivt av WordPress og plugins for å inkludere skript i bunnteksten som er nødvendig for å gjengi siden.</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://actforclimatejustice.org/wp-content/cache/min/1/1aabb51629d11cd23a6d6ae7afa6bfb3.js" data-minify="1" defer></script></body> </html> </pre><p>Hvis du har fulgt med så langt, vil du ha et fullt funksjonelt WordPress-tema som ser slik ut:</p><p><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20242'%3E%3C/svg%3E" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17326 size-large" data-tf-src="/images/wordpress-theme-development-101-3.jpg" alt="forhåndsvisning av starttema" width="750" height="242" data-lazy-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/><noscript><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17326 size-large" data-tf-src="/images/wordpress-theme-development-101-3.jpg" alt="forhåndsvisning av starttema" width="750" height="242"/></noscript><noscript><img class="shadow-2 aligncenter wp-image-17326 size-large" data-tf-not-load src="/images/wordpress-theme-development-101-3.jpg" alt="forhåndsvisning av starttema" width="750" height="242"/></noscript></p><p>Temaet vårt kommer ikke til å vinne noen designpriser (det har ingen CSS), og det mangler mange funksjoner som brukere anser som viktige (sidefelt, navigasjon, metadata, miniatyrbilder, paginering osv.), Men det er en flott start!</p><p>La oss fortsette og se hvordan vi kan forbedre det.</p><h2><span id="functionsphp">functions.php</span></h2><hr/><p><em>functions.php</em> er ikke strengt tatt en påkrevd fil, men den gir så mange fordeler at 99,99% av temaene har den. I <em>functions.php</em> kan du bruke WordPress ‘innebygde temafunksjonalitet og også legge til din egen tilpassede PHP-kode.</p><p>Lage en <em>functions.php</em> i temamappen din nå, da vi legger til kode i den neste seksjoner.</p><h3><span id="Legge_til_en_navigasjonsmeny">Legge til en navigasjonsmeny</span></h3><p>De fleste, om ikke alle nettsteder, bruker en navigasjonsmeny, men foreløpig støtter ikke temaet vårt. For å fortelle WordPress at temaet vårt har en navigasjonsmeny, må vi registrere det i <em>functions.php</em> som dette:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">register_nav_menus (matrise ( 'menu-1' => __ ('Primærmeny', 'mitt tilpassede tema'), ); </pre><p><strong>Merk:</strong> <em>register_nav_menus ()</em> godtar en matrise slik at du kan registrere mer enn en meny om nødvendig.</p><p>WordPress vet nå om menyen vår, men vi trenger fortsatt å skrive den ut i temaet vårt. Det gjør vi ved å legge til følgende kode under beskrivelsen av nettstedet i <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_nav_menu (matrise ( 'theme_location' => 'meny-1', )); </pre><p>Nå har vi en (ustylert) navigasjonsmeny:</p><p><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20272'%3E%3C/svg%3E" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17328 size-large" data-tf-src="/images/wordpress-theme-development-101-4.jpg" alt="starttema med nav-meny" width="750" height="272" data-lazy-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/><noscript><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17328 size-large" data-tf-src="/images/wordpress-theme-development-101-4.jpg" alt="starttema med nav-meny" width="750" height="272"/></noscript><noscript><img class="shadow-2 aligncenter wp-image-17328 size-large" data-tf-not-load src="/images/wordpress-theme-development-101-4.jpg" alt="starttema med nav-meny" width="750" height="272"/></noscript></p><h3><span id="Legge_til_en_sidefelt">Legge til en sidefelt</span></h3><p>Temaet vårt har ikke en sidefelt (widget-området) heller, la oss fikse det nå.</p><p>Først må vi registrere sidefeltet i <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funksjon my_custom_theme_sidebar () { register_sidebar (matrise ( 'name' => __ ('Primær sidefelt', 'mitt tilpassede tema'), 'id' => 'sidefelt-1', )); } add_action ('widgets_init', 'my_custom_theme_sidebar'); </pre><p>Opprett nå <em>sidebar.php</em> i temamappen og legg til følgende kode:</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>Her bruker vi en <em>hvis</em> uttalelse for å sjekke om sidefeltet er ‘aktivt’ før vi sender ut koden. En aktiv sidefelt er en som brukeren har lagt minst en widget til.</p><p>Det siste trinnet er å inkludere sidefeltet i<em> index.php</em>, ovenfor <em>wp_footer ()</em> Legg til en <em>get_sidebar ()</em> anrop.</p><h3><span id="Legge_til_utvalgte_bilder">Legge til utvalgte bilder</span></h3><p>I likhet med sidefelt og navigasjonsmenyer kan vi ikke bare skrive ut kjennetegnede bilder i temaet vårt og forvente at de skal fungere, vi må fortelle WordPress at vi støtter den funksjonen først. I <em>functions.php</em> legge til:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_theme_support ('post-miniatyrbilder');</pre><p>Nå kan vi legge til<em>_post_thumbnail ();</em> i loopen vår, og miniatyrbildene fungerer. Det eneste problemet er at de vil produsere i WordPress sin maksimale størrelse på 1920px x 2560px, noe som er for stort for de fleste bruksområder. Heldigvis har WordPress en annen hjelperfunksjon: <em>add_image_size ()</em>;</p><p>Når en bruker laster opp et bilde, og hvis bildestørrelse er definert, vil WordPress generere en versjon av det opplastede bildet i den størrelsen (samtidig som originalen beholder). Hvis brukerens bilde er mindre enn dimensjonene du har angitt, vil WordPress ikke gjøre noe da det ikke kan gjøre et bilde større enn originalen.</p><p>Følg koden for å bruke et optimalisert funksjonsbilde i stedet for originalen <em>functions.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">add_image_size ('min tilpassede bildestørrelse', 640, 999);</pre><p>Den første parameteren er håndtaket, den andre er bildebredden og den tredje er høyden. Både høyde og bredde er valgfritt i tilfelle du bare vil begrense en dimensjon.</p><p>I <em>index.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">the_post_tattnail ('min-tilpassede-bildestørrelse');</pre><h3><span id="Forkynnende_stiler_og_skript">Forkynnende stiler og skript</span></h3><p>Tidligere uttalte vi at det er bedre å fortelle stiler og skript i stedet for å kode dem direkte i malfilene. Det er fordi enqueuing gir mye mer fleksibilitet.</p><p>Når du gjør det riktig, forteller enqueuing også WordPress hvilke ressurser som lastes. Når WordPress vet hvilke ressurser som trengs, kan den sørge for at den samme ressursen ikke lastes mer enn én gang. Dette er spesielt viktig når du har et ekstremt populært bibliotek som jQuery eller FontAwesome som flere temaer og plugins vil bruke.</p><p>En annen fordel med enqueuing er at en ressurs som er forvalgt kan bli dequeued av en plugin, og unngår behovet for å endre malfiler.</p><p>Selv om temaet vårt har en <em>style.css</em> arkiver den ikke bruker den ennå, la oss fortelle at nå:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funksjon my_custom_theme_enqueue () { wp_enqueue_style ('my-custom-theme', get_styleheet_uri ()); } add_action ('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> er en hjelperfunksjon som henter URI for stilartene for det aktuelle tematikken. Hvis vi skulle stille noen andre filer, ville vi trenge å gjøre dette i stedet:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_style ('my-stylesheet', get_template_directory_uri (). '/css/style.css'); </pre><p>Temaet vårt har ingen skript, hvis det gjorde det, ville vi gitt dem slik:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">funksjon my_custom_theme_enqueue () { wp_enqueue_style ('my-custom-theme', get_styleheet_uri ()); wp_enqueue_script ('my-scripts', get_template_directory_uri (). '/js/scripts.js'); } add_action ('wp_enqueue_scripts', 'my_custom_theme_enqueue');</pre><p>Et unntak fra ovenstående er skript som har vært <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">forhåndsregistrert </a>av WordPress, i disse tilfellene trenger du bare å oppgi den første parameteren ($ håndtak):</p><p><code class="EnlighterJSRAW" data-enlighter-language="php">wp_enqueue_script ('jquery');</code></p><p><strong>Legge til stil med CSS</strong></p><p data-enlighter-language="php">Temaet vårt har sterke fundamenteringer, men mangler noe design, og å legge til noen grunnleggende CSS til style.css vil utgjøre en stor forskjell. Vi har lagt til rundt <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 linjer med CSS </a>til vårt eksempeltema som demonstrasjon, og resultatet ser slik ut:</p><p data-enlighter-language="php"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20430'%3E%3C/svg%3E" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17329 size-large" data-tf-src="/images/wordpress-theme-development-101-5.jpg" alt="starttema med css" width="750" height="430" data-lazy-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/><noscript><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-lazy="1" class="shadow-2 aligncenter wp-image-17329 size-large" data-tf-src="/images/wordpress-theme-development-101-5.jpg" alt="starttema med css" width="750" height="430"/></noscript><noscript><img class="shadow-2 aligncenter wp-image-17329 size-large" data-tf-not-load src="/images/wordpress-theme-development-101-5.jpg" alt="starttema med css" width="750" height="430"/></noscript></p><h3><span id="Tittelkode">Tittelkode</span></h3><p>Alle temaene skal bruke WordPress innebygde funksjonalitet til å generere tittelkoden, som er aktivert ved å legge denne koden til din <em>functions.php</em> fil: <code>add_theme_support ('title-tag');</code> Det er alt det der, WordPress takler utdataene fra siden<em><title></em> og om nødvendig kan plugins modifisere utdataene ved hjelp av filtre. SEO-plugins gjør ofte dette i et forsøk på å optimalisere titlene ytterligere.</p><h2><span id="Mal_deler">Mal deler</span></h2><hr/><p>Akkurat nå er 80% av malkoden vår inne <em>index.php</em>. Selv om dette fungerer, vil det resultere i mye koden repetisjon når vi har andre malfiler som <em>singular.php</em>, <em>search.php</em>, og <em>archive.php</em>. Maldeler gjør temautviklingen lettere ved å tillate oss å bruke kode på tvers av maler. Ettersom toppteksten og bunnteksten vår vil være den samme på hver side, er de en perfekt kandidat for bruk av maldeler. Lag først header.php og flytt følgende kode fra <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' => 'Meny-1', )); ?> </header> </pre><p>I <em>index.php</em> erstatt koden ovenfor med:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php get_template_part( 'header' ); ?> </pre><p><strong>Merk:</strong> Når du får en maldel, må du utelate <em>.php</em> fra malen del håndtak.</p><p>Deretter lager du en bunntekstmaldel ved å flytte denne koden til<em> footer.php</em> og gjenta prosessen ovenfor:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php wp_footer(); ?> <script src="https://actforclimatejustice.org/wp-content/cache/min/1/1aabb51629d11cd23a6d6ae7afa6bfb3.js" data-minify="1" defer></script></body> </html> </pre><p>Til slutt vil vi også flytte koden ‘ingen resultater’ til en maldel, ettersom den sannsynligvis vil bli brukt i flere maler. Skape<em> innholds none.php</em> og flytt denne koden til den nye filen.</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>Indeksen din skal nå se slik ut:</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="i-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>Selv om ovenstående vil fungere perfekt, er det en liten forbedring vi kan gjøre. WordPress har hjelperfunksjoner for å inkludere topptekst-, bunntekst- og sidefeltmalens deler. Siden det er en god praksis å bruke kjernefunksjonalitet der det er mulig, bør vi bruke dem i stedet.</p><p>Erstatte <code>get_template_part ('header');</code> med <code>get_header ();</code> og <code>get_template_part ('bunntekst');</code> med <code>get_footer ();</code></p><h2><span id="Innhold">Innhold</span></h2><hr/><p>Grunnarbeidet vi fullførte med maldeler, vil betale utbytte når vi legger til nye malfiler til temaet vårt. Nedenfor har vi listet opp de vanligste. For å unngå å overvelde deg med kodeeksempler har vi koblet til kildekoden på Github i stedet.</p><h3><span id="singularphp">singular.php</span></h3><p>Innlegg og sider, når de vises på sine egne nettadresser, regnes som ‘Singular’, da det meste av tiden er oppsettet det samme for begge disse sidetypene. Men i tilfelle det ikke er det, kan du bruke det mer spesifikke <em>page.php</em> og <em>single.php</em> (innlegg) i stedet.</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">Eksempelkode - singular.php</a></p><h3><span id="archivephp">archive.php</span></h3><p>Arkivmaler skiller seg vanligvis fra entallmaler på to måter: de viser utdrag snarere enn hele innholdet og har en arkivoverskrift som forklarer innholdet.</p><p>Henvis tilbake til malhierarkiet, så ser du at arkivmalen dekker alle typer arkiver (forfatter, kategori, tag, taksonomi, dato) hvis dette ikke fungerer for din brukssak, kan du fremdeles bruke de mer spesifikke malene:</p><ul><li>author.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">Eksempelkode - archive.php</a></p><h3><span id="searchphp">search.php</span></h3><p>Du kan søke på WordPress-nettsteder ved å bruke parameteren? S = URL, <code>yourwebsite.com?s=test</code>. De <em>search.php</em> mal gir resultatene fra disse søkene.</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">Eksempelkode - search.php</a></p><h3><span id="404php">404.php</span></h3><p>Den andre uttalelsen vi la til i index.php fanger opp "side ikke funnet" -feil, men det kan være lurt å kople den funksjonaliteten til sin egen malfil for å ha mer kontroll over utdataene. Det er bruksaken til <em>404.php</em> malfil.</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">Eksempelkode - 404.php</a></p><h2><span id="Hjelpefiler">Hjelpefiler</span></h2><hr/><p>Hvis du distribuerer temaet ditt til publikum, er følgende filer avgjørende. Uten disse vil temaet ditt bli avvist fra temagiver og markedsplasser.</p><h3><span id="screenshotpng">screenshot.png</span></h3><p>Skjermbildet vises i wp-admin-temalisten når brukeren velger et nytt tema. Her er noen av de beste fremgangsmåtene du bør følge:</p><ul><li>Skjermbilder skal være 1200px x 900px</li><li>Skjermbilder skal være i .png- eller .jpg-format</li><li>Skjermbilder skal være en nøyaktig fremstilling av temaet</li><li>Skjermbilder skal optimaliseres (bruk <a href="http://tinypng.com" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">tinypng.com</a> eller liknende)</li></ul><h3><span id="readmetxt">readme.txt</span></h3><p>WordPress bruker ikke informasjon fra <em>readme.txt</em>, den trekker alt den trenger av <em>style.css</em>. På den annen side trekker WordPress-temakatalogen viktig informasjon fra readme-filen og anser den som en påkrevd fil.</p><p>De fleste utviklere bruker <em>readme.txt</em> som det sentrale stedet for å lagre all informasjon om temaet deres. En enkel <em>readme.txt</em> ser slik ut:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">=== Tema Navn === Krever minst: 5.0 Testet opp til: 5.2 Krever PHP: 5.6 Lisens: GPLv2 eller nyere Lisens URI: <http://www.gnu.org/licenses/gpl-2.0.html> Kort beskrivelse. Ikke mer enn 150 røyter. == Beskrivelse == Tema desc. == Changelog == = 1,0 = * Lagt til nytt alternativ == Ressurser == * normalisere.css <http://necolas.github.io/normalize.css/>, (C) 2012-2016 Nicolas Gallagher og Jonathan Neal, [MIT] (<http://opensource.org/licenses/MIT>) </pre><ul><li><strong>Krever minst</strong> - Dette er den minste versjonen av WordPress som temaet ditt er kompatibelt med.</li><li><strong>Testet opp til</strong> - Dette feltet betegner den nyeste versjonen av WordPress som ditt tema er testet med.</li><li><strong>Krever PHP</strong> - Dette feltet angir minimumsversjonen av PHP temaet ditt vil fungere på.</li><li><strong>Beskrivelse</strong> - Dette beskrivelsesfeltet vises for øyeblikket ikke noe sted.</li><li><strong>Endrings</strong> - Endringsloggen brukes ikke noe sted, men utviklere og noen brukere vil referere til denne filen for å se hvilke endringer som er gjort.</li><li><strong>ressurser</strong> - De fleste tredjepartsressurser krever attribusjon av noe slag. Ressursdelen er et allment akseptert sted å sette disse. Selv for ressurser som ikke eksplisitt krever attribusjon, er det fortsatt en god praksis å føre dem opp her, slik at brukerne er klar over lisensene til ressursene de bruker..</li></ul><h2><span id="Sidemaler">Sidemaler</span></h2><hr/><p>Sidemaler lar utviklere lage tilpassede maler som kan brukes til individuelle innlegg og sider. For eksempel har de fleste temaer en to-kolonne (innhold - sidefelt) -oppsett, men på noen sider vil brukeren kanskje bare fokusere på innholdet og ikke vise en sidefelt. Det er her en sidemal kan hjelpe.</p><p><strong>Hvordan opprettes sidemaler?</strong></p><p>I temamappen vår oppretter du en ny mappe kalt ‘sidemaler’ og lager i den mappen en fil som heter <em>single-column.php</em>. For å få fart på ting, kopier du all koden fra <em>singular.php</em> til <em>page-templates / single-column.php</em> og fjern samtalen til <em>get_sidebar ()</em> da denne malen ikke trenger det.</p><p>Nå må vi legge til en spesiell overskrift som forteller WordPress at dette er en sidemal, det ser slik ut:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">/ * Malnavn: Enkolonne mal Mal Innleggstype: innlegg, side * / </pre><p>Koden er selvforklarende, vi forteller ganske enkelt WordPress navnet på malen og hvilke innleggstyper den kan brukes med.</p><p>Det er alt det der, den nye sidemalen vår er nå tilgjengelig i redigeringsprogrammet under 'Sideattributter'.</p><p><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20750%20643'%3E%3C/svg%3E" decoding="async" data-lazy="1" class=" shadow-2 aligncenter wp-image-17345" data-tf-src="/images/wordpress-theme-development-101-6.jpg" alt="rullegardinliste for sidemal" width="750" height="643" data-lazy-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/><noscript><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-lazy="1" class=" shadow-2 aligncenter wp-image-17345" data-tf-src="/images/wordpress-theme-development-101-6.jpg" alt="rullegardinliste for sidemal" width="750" height="643"/></noscript><noscript><img class=" shadow-2 aligncenter wp-image-17345" data-tf-not-load src="/images/wordpress-theme-development-101-6.jpg" alt="rullegardinliste for sidemal" width="750" height="643"/></noscript></p><h2><span id="RTLcss">RTL.css</span></h2><hr/><p>Ikke alle språk leses fra venstre til høyre. Arabisk og hebraisk blir for eksempel lest fra høyre til venstre (RTL). Det er en enkel måte å gjøre temaet ditt kompatibelt med RTL-språk.</p><p>Lag en ny fil i temamappen din som heter <em>rtl.css</em>, kopier og lim deretter inn følgende kode:</p><pre class="EnlighterJSRAW" data-enlighter-language="css">kropp { retning: rtl; unicode-bidi: embed; } </pre><p>Hvis et RTL-språk er det aktive språket på et WordPress-nettsted, vet WordPress å laste denne CSS-filen automatisk.</p><p>Dette er en veldig grunnleggende implementering av RTL-funksjonalitet for å komme i gang. Hvis du er interessert i å lære mer her, er to fantastiske ressurser:</p><p><a href="https://codex.wordpress.org/Right_to_Left_Language_Support" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Støttedokumentasjon fra høyre til venstre</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">Twenty Twenty RTL code</a></p><h2><span id="Beste_praksis">Beste praksis</span></h2><hr/><p>Beste praksis har utviklet seg over tid for å gjøre det lettere å bygge og vedlikeholde WordPress-temaer. Ikke bare vil det å følge disse prinsippene hjelpe deg, men de vil også gjøre det lettere for andre utviklere når de trenger å jobbe med koden din.</p><h3><span id="1_Bruk_starttemaer">1) Bruk starttemaer</span></h3><p>Starttemaer gir en solid base for deg å bygge temaet ditt på. Vanligvis er de lette, inneholder lite til ingen styling og ingen konfigurasjonsalternativer. Over tid kan du bygge ditt eget starttema som du kan basere alle prosjektene dine på, men for nå er her noen populære alternativer:</p><ul><li><a href="https://underscores.me/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">strek</a></li><li><a href="https://wordpress.org/themes/scaffold/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Stillas</a></li><li><a href="https://github.com/html5blank/html5blank" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">HTML5 Blank</a></li></ul><h3><span id="2_Bli_kjent_med_WordPress-kodingsstandarder">2) Bli kjent med WordPress-kodingsstandarder</span></h3><p>Kodingsstandarder er en måte å formatere koden på en jevn måte på tvers av hele kodebasen. WordPress har kodingsstandarder for HTML, CSS, Javascript og PHP. Selv om bruk av en kodingsstandard ikke har noen innvirkning på sluttbrukeropplevelsen, gjør det koden din mye mer lesbar. Selv om du ikke bruker WordPress-kodingsstandardene, vil vi alltid anbefale å bruke en standard.</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-kodingsstandarder</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">PHP-kodingsstandarder</a></li></ul><h3><span id="3_Bruk_lokalisering">3) Bruk lokalisering</span></h3><p>Takket være frivilliges harde arbeid, er WordPress tilgjengelig på hundrevis av språk. Hvis temaet ditt kommer til å bli utgitt offentlig, må det bygges på en måte som lar det også oversettes.</p><p>Ikke bekymre deg, det er superenkelt å gjøre. Alt vi trenger å gjøre er å sørge for at alle strengene blir sendt gjennom en ‘lokaliseringsfunksjon’ i stedet for å bli utgitt direkte.</p><p>Istedenfor dette:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><?php echo 'Previous Post'; ?></pre><p>Vi gjør dette i stedet:</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> er en lokaliseringsfunksjon som godtar en streng og et tekstdomener. Funksjonen returnerer en oversettelse av den medfølgende strengen, eller den originale strengen hvis en oversettelse ikke er tilgjengelig.</p><h3><span id="4_Unnga_plugin-funksjonalitet">4) Unngå plugin-funksjonalitet</span></h3><p>Når en bruker endrer tema, skal bare presentasjonslaget endre. Innholdet og funksjonaliteten skal forbli stort sett det samme. Hva dette betyr er at enhver funksjon som påvirker hvordan WordPress-roller skal være inne i en plugin, ikke temaet ditt. Noen eksempler på plugin-funksjonalitet inkluderer:</p><ul><li>Egendefinerte innleggstyper</li><li>Sidebygger</li><li>Deling av sosiale medier</li><li>Søkemotoroptimalisering (SEO)</li></ul><p>Selv om det kan virke praktisk (og muligens et salgsargument) å inkludere SEO-kontroller i et tema, skader det faktisk brukeren på lang sikt. I fremtiden vil de trenge å endre temaet, men kan ikke fordi alle SEO-konfigurasjonene deres er tett koblet til det nåværende temaet. I kontrast, hvis konfigurasjonene ble lagret i en plugin, kunne de endre tema uten å bekymre seg.</p><h3><span id="5_Prefiksering_forhindre_konflikter">5) Prefiksering (forhindre konflikter)</span></h3><p>For å forhindre konflikter, bør alle funksjoner, klasser og globale variabler opprettet av temaet ditt være forhåndsinnstilt. Dette er viktig fordi det er umulig å vite hvilken annen kode som kjører på brukerens nettsted. Prefiksering forhindrer navnekollisjoner og dødelige feil.</p><p>Navnet på temaet ditt atskilt med streker eller understreker fungerer som prefiks mesteparten av tiden. Hvis temanavnet er veldig langt, kan initialene fungere i stedet.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">Tema Navn: Stillas klasse Scaffold_Class {} function scaffold_function () {} global $ stillasglobal Tema Navn: Mitt lange Tema Navn klasse MLTN_Class {} funksjon mltn_function () {} global $ mltn_global </pre><h3><span id="6_Bruk_kjernefunksjonalitet">6) Bruk kjernefunksjonalitet</span></h3><p>Der den eksisterer, bør du alltid bruke kjernefunksjonalitet i motsetning til å finne opp hjulet på nytt. Dette inkluderer, men er ikke begrenset til sidefelt, navigasjonsmenyer, postminiatyrbilder, tilpassede overskrifter og tilpassede bakgrunner. Disse funksjonene er blitt testet av millioner av brukere og blir aktivt vedlikeholdt og forbedret.</p><p>Hvis du trenger å endre funksjonaliteten eller utgangen til en kjernefunksjon, er det mulig å bruke en av de mange krokene og filtrene WordPress tilbyr. For eksempel <code>wp_nav_menu ()</code> har en "rullator" -parameter, slik at du kan ha full kontroll over utgangen.</p><h3><span id="7_Romming_og_desinfisering_av_data">7) Rømming og desinfisering av data</span></h3><p>Som temautvikler må du være kjent med å rømme og desinfisere data for å beskytte brukerne dine mot potensielle utnyttelser.</p><p><strong>rømmer</strong></p><p>Rømming er prosessen med å sjekke data er sikker før de blir sendt ut og desinfisering er å sjekke data før de er lagret i databasen.</p><p>WordPress har hjelperfunksjoner som du kan bruke til å unnslippe data, slik at du ikke trenger å bygge dem selv. <em>esc_html</em> er et eksempel på en rømningsfunksjon. Slik ser en utekonkurrert utgang ut:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo get_theme_mod ('error_page_title');</code></pre><p>For å unnslippe resultatet gjør vi dette:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>ekko esc_html (get_theme_mod ('error_page_title'));</code></pre><p>Noen andre rømningsfunksjoner du bør være klar over er <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">Absint ()</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>Det er også mulig å oversette og unnslippe en streng ved hjelp av en enkelt funksjon:</p><pre class="EnlighterJSRAW" data-enlighter-language="php"><code>echo esc_html (__ ('404 ikke funnet', 'mitt tilpassede tema'));</code></pre><p>Blir til:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">echo esc_html __ ('404 ikke funnet', 'mitt tilpassede tema'); // eller esc_html_e ('404 ikke funnet', 'mitt tilpassede tema'); </pre><p><strong>Tips:</strong> Uansett hvor i temaet du har <code>ekko $</code> bør du sjekke om den trenger å rømme, gjør det vanligvis.</p><p><strong>desinfiserende</strong></p><p>Hvis du legger til innstillinger til temaet ditt, må du sørge for at dataene som brukerne legger inn til disse innstillingene, er trygge før de går inn i databasen. WordPress har en <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">antall funksjoner</a> for å hjelpe til med å desinfisere innspill.</p><p>Når du legger til en innstilling til temaet ditt ved å bruke Customizer API, har det en parameter for kalt ‘<em>sanitize_callback</em>‘Som godtar navnet på en desinfiseringsfunksjon. Eventuelle innspill innstillingen tar blir sjekket av funksjonen du gir til ‘<em>sanitize_callback</em>‘Før den går inn i databasen.</p><p>Det fremhever viktigheten av sanering som hvis til og med en av innstillingene dine mangler <em>sanitize_callback</em> den vil ikke bli akseptert i WordPress-temakatalogen.</p><pre class="EnlighterJSRAW" data-enlighter-language="php">$ Wp_customize-> add_setting ( 'My_custom_theme_setting', array ( 'sanitize_callback' => 'sanitize_text_field' // En kjerne desinfiseringsfunksjon. ) ); </pre><p>En offisiell liste over sanerings- og rømningsfunksjoner kan sees her: <a href="https://developer.wordpress.org/themes/theme-security/data-sanitization-escaping/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Datasanitisering / rømming</a></p><h2><span id="Distribusjonskanaler">Distribusjonskanaler</span></h2><hr/><p>Temaer kan distribueres via forskjellige kanaler, avhengig av utfallet du ønsker å oppnå. Hvis resultatet ditt er å bare bidra til open source-samfunnet, er det ingen bedre måte å gjøre det på enn å laste opp temaet til WordPress-katalogen. Hvis du i stedet ønsker å selge temaet ditt og tjene penger direkte, er det måter å gjøre det også.</p><p>Her er de ledende nettstedene for temadistribusjon:</p><h3><span id="1_WordPressorg_Beste_stedet_a_laste_ned_nedlastinger_og_brukere"><strong>1) WordPress.org (Beste stedet å laste ned nedlastinger og brukere)</strong></span></h3><p>Den viktigste fordelen med å være vert for temaet ditt på WordPress er at du får et synlig løft fra at temaet ditt ikke bare blir sett på wordpress.org-nettstedet, men også på <em>wp-admin</em> dashbord.</p><p>En annen fordel med å være vert for temaet ditt med WordPress er det innebygde oppdateringssystemet. Hvis du oppdaterer temaet ditt, vil alle brukere bli varslet i deres <em>wp-admin</em> dashboards og gitt en enkel vei å oppdatere til den nyeste versjonen.</p><p>WordPress.org godtar bare gratis temaer, men det betyr ikke at du ikke kan tjene penger. Et gratis tema kan være en flott kanal for å markedsføre ditt premiumtema, plugin eller tjeneste.</p><h3><span id="2_WordPresscom"><strong>2) WordPress.com</strong></span></h3><p>WordPress.com er vert for både gratis og premium temaer. De har imidlertid ikke vært åpne for nye forfatterinnlegg på noen få år nå.</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> er den ledende markedet for premium temaer. Det mest solgte temaet (Avada) omsetter for over $ 5.000.000.</p><p>Generelt sett forventer kjøperne på Theme Forest fullverdige "flerbruks" -temaer. Alle topptemaene har sidebyggerfunksjonalitet og støttes av team av utviklere. Det er et veldig vanskelig marked å bryte seg med for nye forfattere.</p><h3><span id="4_Creative_Market_og_Mojo_Marketplace"><strong>4) Creative Market og Mojo Marketplace</strong></span></h3><p><a href="https://creativemarket.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Kreativt marked</a> Og <a href="https://www.mojomarketplace.com/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Mojo markedsplass</a> er små aktører i premiumtema-markedet, og det er grunnen til at vi grupperte dem sammen. De tilbyr begge den samme tjenesten som ThemeForest, men i mindre skala.</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> er den enkleste måten å gjøre ditt gratis tema offentlig. Det er ingen vurderingsprosess og ingen retningslinjer å følge. Du vil imidlertid ikke dra nytte av synligheten til wordpress.org og må bygge din egen oppdateringsmekanisme for brukere å få de nyeste versjonene.</p><h2><span id="Sette_alt_sammen">Sette alt sammen</span></h2><hr/><h3><span id="1_Test_ditt_tema"><strong>1) Test ditt tema</strong></span></h3><p><strong>Temaenhetstest</strong></p><p>De <a href="https://codex.wordpress.org/Theme_Unit_Test" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Temaenhetstest</a> er en standard WordPress-innholdsimportfil som inneholder et bredt spekter av innholdstyper og kantsaker. Det er enkelt å laste opp til utviklingsmiljøet ditt og vil fremheve mange scenarier du kanskje har oversett.</p><p><strong>WP_DEBUG</strong></p><p>Som temautvikler tester du temaet ditt med <a href="https://wordpress.org/support/article/debugging-in-wordpress/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">WP_DEBUG</a> aktivert er det minste minimum du bør gjøre. Temaet ditt skal ikke returnere feil eller advarsler når WP_DEBUG er satt til true.</p><p>Det er også viktig å gjenta testen med de forskjellige PHP-versjonene temaet støtter. Med hver større PHP-utgivelse er det nye endringer, advarsler og avskrivninger. Det er ikke uvanlig at et tema er feilfritt på PHP5.6, men viser feil på PHP7.</p><p>Legg til følgende kode for å aktivere WP_DEBUG <em>wp-config.php</em>:</p><pre class="EnlighterJSRAW" data-enlighter-language="php">DEFINE ('WP_DEBUG', sant); </pre><p><strong>Monster Widget</strong></p><p><a href="https://wordpress.org/plugins/monster-widget/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Monster Widget</a> er en nyttig plugin som lar deg legge til 13 kjernemoduler til sidefeltet samtidig. Kjerne-widgetene bruker en rekke HTML-elementer som gjør dem perfekte for å teste temaet ditt.</p><p><strong>Theme Sniffer</strong></p><p>De <a href="https://wordpress.org/plugins/theme-sniffer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">Theme Sniffer</a> er en plugin opprettet av Theme Review Team (TRT). Det fanger mye (men ikke alle) rømnings- og lokaliseringsfeil. Den sjekker også temaet ditt mot WordPress-kodingsstandardene.</p><h3><span id="2_Sende_temaet_ditt_til_WordPressorg"><strong>2) Sende temaet ditt til WordPress.org</strong></span></h3><p>I begynnelsen av denne guiden sa vi at når du nådde slutten, ville du ha et tema du kan sende til wordpress.org. La oss se på den prosessen.</p><p><strong>Last opp prosess</strong></p><p>Opplastingsprosessen er enkel. Opprett eller logg inn på WordPress-kontoen din og naviger deretter til denne siden - <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>Du kan zip temaet ditt og laste det opp akkurat nå, men her er noen ting du kanskje vil vite først.</p><p><strong>Krav</strong></p><p>Theme Review Team (TRT) har et strengt sett med <a href="https://make.wordpress.org/themes/handbook/review/required/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">krav</a>. Temaet ditt vil ikke bli akseptert i katalogen før det møtes <strong>alle</strong> kravene.</p><p><strong>Gjennomgangsprosess</strong></p><p>Når du laster opp et tema, er det en to-trinns gjennomgangsprosess det må gå før det kan godtas i katalogen.</p><p>Først utføres en automatisert sjekk så snart du trykker på <em>Laste opp</em>. Bak kulissene fungerer den automatiske kontrolløren på en veldig lik måte som plugin Theme Sniffer. Hvis det finner noen feil, vil det avvise temaet, og opplastingsprosessen avsluttes der.</p><p>Hvis temaet ditt passerer den automatiske sjekken, blir det en kø av temaer som venter på en menneskelig gjennomgang. Den menneskelige gjennomgangen fullføres av frivillige fra TRT. Antall temaer i køen overstiger langt antall anmeldere, noe som betyr at det ofte kan ta 2-3 måneder for temaet ditt å komme foran i køen.</p><p>Det er viktig at temaet ditt er feilfritt og oppfyller alle kravene når det når menneskelig vurderingstrinn som om det har mer enn tre betydelige feil, og det kan avvises. Hvis et tema blir avvist i den menneskelige gjennomgangsfasen, må det gå sammen i køen bak, noe som betyr at du venter 2-3 måneder igjen for en annen menneskelig gjennomgang.</p><p>Nyttig ressurs: <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">De vanligste feilene i WordPress-temautviklingen (og hvordan du fikser dem)</a></p><p>Det er verdt å merke seg at TRT alltid er ute etter <a href="https://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">nye anmeldere</a>, frivillighet kan være en flott læringsopplevelse og en måte å bidra til samfunnet med åpen kildekode.</p><h3><span id="3_Temaoppforingen_din"><strong>3) Temaoppføringen din</strong></span></h3><p>Gratulerer, temaet ditt er godkjent! Du har nå din egen liste <a href="https://wordpress.org/themes/arke/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">ser slik ut</a>.</p><p>Her er en oversikt over hva du kan forvente å se på denne siden:</p><ul><li><strong>Skjermbilde -</strong> Skjermdumpen er det første potensielle brukere ser, så gjør det så tiltalende som mulig. Men husk at det fortsatt må være en nøyaktig fremstilling av temaet og ikke en Photoshop-gjengivelse. Ta inspirasjon fra <a href="https://wordpress.org/themes/browse/popular/" target="_blank" rel="nofollow noopener noreferrer external" data-wpel-link="external">mest populære temaer</a>.</li><li><strong>Beskrivelse -</strong> Beskrivelsen som er hentet fra <em>style.css</em> er et ideelt sted å beskrive temaet ditt, og det er viktige funksjoner. Det hjelper også å liste opp anbefalte eller påkrevde plugins her. Beskrivelsen støtter ikke formatering (fet skrift, kursiv, hyperkoblinger) eller linjebrudd.</li><li><strong>Tagger -</strong> Dette er en representasjon av taggene du listet opp i <em>style.css</em>. Bare <a href="https://api.wordpress.org/themes/info/1.1/?action=feature_list" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">disse taggene her</a> aksepteres.</li><li><strong>Forhåndsvisningsknapp -</strong> Forhåndsvisningen er generert av wordpress.org og som temautviklere har vi ingen kontroll over utdataene. Dessverre, ettersom forhåndsviseren bruker grunnleggende innhold og ingen konfigurasjon, resulterer det ofte i en mindre forhåndsvisning.</li><li><strong>Tema Hjemmeside Link</strong> - URLen til <em>Forhåndsvisning</em> -knappen trekkes fra feltet "Theme URI" i stilen din.css. Det er strenge krav at denne nettadressen bare må brukes til å vise en side som viser informasjon om temaet ditt.</li><li><strong>Aktive installasjoner</strong> - Dette er antall nettsteder som bruker temaet aktivt. Antallet er avrundet til nærmeste ti, hundre eller tusen. Det er ikke mulig å hente et eksakt antall.</li><li><strong>Nedlastinger per dag</strong> - Dette er hvor mange ganger temaet ditt har blitt lastet ned. En ‘Last ned’ kan være en ny nedlasting eller en temaoppdatering.</li><li><strong>Anmeldelser -</strong> For at brukeren skal legge igjen en anmeldelse, må de være logget på en wordpress.org-konto. Generelt sett er det vanskelig å få anmeldelser med mindre du eksplisitt ber brukerne om å sende dem inn.</li><li><strong>Brukerstøtte</strong> - Den innebygde støtteplattformen er flott for å håndtere og løse problemer med temaet ditt. Brukeren må være logget inn for å opprette en supporttråd.</li><li><strong>Oversettelser</strong> - Oversettelsesplattformen er en fantastisk ressurs. Hvis du har fulgt rådene gjennom denne guiden for å lokalisere temaet, vil brukerne dine kunne oversette det til andre språk og utvide den potensielle brukerbasen utover bare engelsktalende brukere..</li></ul><h3><span id="4_Oppdatering_av_temaet">4) Oppdatering av temaet</span></h3><p>Når du gjør endringer i temaet ditt i fremtiden og trenger å oppdatere versjonen som er vert på WordPress, er prosessen enkel.</p><p>Oppdater først ‘Versjon:’ -feltet og endringslogg inn <em>readme.txt</em>. Zip så filen og last den opp på nytt ved å bruke den samme <a href="https://wordpress.org/themes/upload/" target="_blank" rel="nofollow noreferrer noopener external" data-wpel-link="external">last opp siden</a> som før.</p><p>Systemet vil gjenkjenne det som en oppdatering og vil automatisk godkjenne det slik at det ikke krever en annen menneskelig gjennomgang.</p> <input type="hidden" value="4735"><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://actforclimatejustice.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' itemprop='image' class='avatar avatar-200 photo' height='200' width='200' data-lazy-src="https://actforclimatejustice.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png"/><noscript><img alt='' src='https://actforclimatejustice.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png' srcset='https://actforclimatejustice.org/wp-content/plugins/clearfy-pro/assets/images/default-avatar.png 2x' itemprop='image' 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://actforclimatejustice.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 id="themify_builder_content-4735" data-postid="4735" class="themify_builder_content themify_builder_content-4735 themify_builder tf_clear tb_generate_css" style="visibility:hidden;opacity:0;"></div></div></div></article><div class="post-nav clearfix"> <span class="prev"><a href="https://actforclimatejustice.org/cat-razno/najbolje-fotografije-wordpress-teme-v-letu-2020/" rel="prev" data-wpel-link="internal"><span class="arrow"></span> Najboljše fotografije WordPress teme v letu 2020</a></span><span class="next"><a href="https://actforclimatejustice.org/nav-kategorijas/sql-apkrptu-lapa/" rel="next" data-wpel-link="internal"><span class="arrow"></span> SQL apkrāptu lapa</a></span></div></main><aside id="sidebar" itemscope="itemscope" itemtype="https://schema.org/WPSidebar"><div id="search-4" class="widget widget_search"><form method="get" id="searchform" action="https://actforclimatejustice.org/"> <i class="icon-search"></i> <input type="text" name="s" id="s" title="Search" value=""/></form></div><div id="uab_author_box_widget-2" class="widget UAB_Author_Box_Widget"><div class="uab-abw-wrapper template-1"></div></div><div id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="https://www.a2hosting.com/web-hosting" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20273'%3E%3C/svg%3E" loading="lazy" data-lazy="1" data-tf-src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png" decoding="async" width="300" height="273" class="tf_svg_lazy image wp-image-5570 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" data-tf-sizes="(max-width: 300px) 100vw, 300px" data-tf-srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png 300w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1.png 399w" data-lazy-src="data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27273%27%20fill%3D%27rgba%28255%2C255%2C255%2C.2%29%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E"><noscript><img src="data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27273%27%20fill%3D%27rgba%28255%2C255%2C255%2C.2%29%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E" loading="lazy" data-lazy="1" data-tf-src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png" decoding="async" width="300" height="273" class="tf_svg_lazy image wp-image-5570 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" data-tf-sizes="(max-width: 300px) 100vw, 300px" data-tf-srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png 300w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1.png 399w"></noscript><noscript><img data-tf-not-load src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png" decoding="async" width="300" height="273" class="image wp-image-5570 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" sizes="(max-width: 300px) 100vw, 300px" srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png 300w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1.png 399w"></noscript><noscript><img width="300" height="273" data-tf-not-load src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png" class="image wp-image-5570 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1-300x273.png 300w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_1-1.png 399w" sizes="(max-width: 300px) 100vw, 300px"/></noscript></a></div></div><div id="arpw-widget-2" class="widget arpw-widget-random "><h4 class="widgettitle">Random Posts</h4><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://actforclimatejustice.org/novice-in-skupnost/wordpress-poitnike-prodaje-in-ponudbe-2019-teme/" rel="bookmark" data-wpel-link="internal">WordPress počitniške prodaje in ponudbe 2019 – teme, vtičniki, gostovanje in več</a></li><li class="arpw-li arpw-clearfix arpw-2"><a class="arpw-title" href="https://actforclimatejustice.org/cat-ocene/pregled-wp-compress-enostavna-in-hitra/" rel="bookmark" data-wpel-link="internal">Pregled WP Compress: Enostavna in hitra optimizacija slike za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-3"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverse/20-basta-wordpress-portfolio-gallery-plugins-2020/" rel="bookmark" data-wpel-link="internal">20+ Bästa WordPress Portfolio & Gallery Plugins 2020</a></li><li class="arpw-li arpw-clearfix arpw-4"><a class="arpw-title" href="https://actforclimatejustice.org/cat-pamokos/kaip-sukurti-viktorin-savo-vartotojams-naudojant/" rel="bookmark" data-wpel-link="internal">Kaip sukurti viktoriną savo vartotojams naudojant „WordPress“ (atliekant 7 paprastus veiksmus)</a></li><li class="arpw-li arpw-clearfix arpw-5"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/12-aplicaciones-y-extensiones-geniales-de-chrome/" rel="bookmark" data-wpel-link="internal">12 aplicaciones y extensiones geniales de Chrome que puedes usar para WordPress</a></li><li class="arpw-li arpw-clearfix arpw-6"><a class="arpw-title" href="https://actforclimatejustice.org/cat-vadnice/uvod-v-google-amp-za-wordpress/" rel="bookmark" data-wpel-link="internal">Uvod v Google AMP za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-7"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/kako-ustvariti-slike-skupne-vsebine-za-socialne/" rel="bookmark" data-wpel-link="internal">Kako ustvariti slike skupne vsebine za socialne medije</a></li><li class="arpw-li arpw-clearfix arpw-8"><a class="arpw-title" href="https://actforclimatejustice.org/cat-recensioner/translatepress-wordpress-plugin-guide-for/" rel="bookmark" data-wpel-link="internal">TranslatePress WordPress Plugin Guide för översättning</a></li><li class="arpw-li arpw-clearfix arpw-9"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tutoriales/como-saber-si-un-sitio-funciona-con-wordpress/" rel="bookmark" data-wpel-link="internal">Cómo saber si un sitio funciona con WordPress</a></li><li class="arpw-li arpw-clearfix arpw-10"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tips/dela-automatiskt-nya-wordpress-inlagg-till-dina/" rel="bookmark" data-wpel-link="internal">Dela automatiskt nya WordPress-inlägg till dina sociala konton</a></li><li class="arpw-li arpw-clearfix arpw-11"><a class="arpw-title" href="https://actforclimatejustice.org/tiada-kategori/kebolehgunaan-laman-web-101/" rel="bookmark" data-wpel-link="internal">Kebolehgunaan laman web 101</a></li><li class="arpw-li arpw-clearfix arpw-12"><a class="arpw-title" href="https://actforclimatejustice.org/nav-kategorijas/webhostinghub-vadbas-panea-rokasgrmata/" rel="bookmark" data-wpel-link="internal">WebHostingHub vadības paneļa rokasgrāmata</a></li><li class="arpw-li arpw-clearfix arpw-13"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/como-mejorar-la-estructura-y-los-enlaces/" rel="bookmark" data-wpel-link="internal">Cómo mejorar la estructura y los enlaces permanentes de su sitio de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-14"><a class="arpw-title" href="https://actforclimatejustice.org/zmieany/najlepie-wordpress-temy-fitness-a-telocvia/" rel="bookmark" data-wpel-link="internal">Najlepšie WordPress témy Fitness a telocvičňa</a></li><li class="arpw-li arpw-clearfix arpw-15"><a class="arpw-title" href="https://actforclimatejustice.org/cat-atsiliepimai/kaip-optimizuoti-wordpress-duomen-baz/" rel="bookmark" data-wpel-link="internal">Kaip optimizuoti „WordPress“ duomenų bazę</a></li><li class="arpw-li arpw-clearfix arpw-16"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/kako-narediti-gdpr-spletno-stran-za-wordpress/" rel="bookmark" data-wpel-link="internal">Kako narediti GDPR spletno stran za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-17"><a class="arpw-title" href="https://actforclimatejustice.org/cat-recensioner/vcita-business-management-wordpress-plugin-review/" rel="bookmark" data-wpel-link="internal">vCita Business Management WordPress Plugin Review</a></li><li class="arpw-li arpw-clearfix arpw-18"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/deberia-asistir-al-proximo-evento-local-de/" rel="bookmark" data-wpel-link="internal">¿Debería asistir al próximo evento local de WordPress?</a></li><li class="arpw-li arpw-clearfix arpw-19"><a class="arpw-title" href="https://actforclimatejustice.org/tidak-ada-kategori/lembar-cheat-sql/" rel="bookmark" data-wpel-link="internal">Lembar Cheat SQL</a></li><li class="arpw-li arpw-clearfix arpw-20"><a class="arpw-title" href="https://actforclimatejustice.org/cat-patarimai/kaip-wordpress-diegti-nemokam-ssl-i-lets-encrypt/" rel="bookmark" data-wpel-link="internal">Kaip „WordPress“ įdiegti nemokamą SSL iš „Let’s Encrypt“</a></li><li class="arpw-li arpw-clearfix arpw-21"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tips/facebook-tips-och-tricks-for-att-arbeta-med-sin/" rel="bookmark" data-wpel-link="internal">Facebook-tips och tricks för att arbeta med sin magi för din WordPress-webbplats</a></li><li class="arpw-li arpw-clearfix arpw-22"><a class="arpw-title" href="https://actforclimatejustice.org/cat-vadnice/kako-lokalizirati-in-prevesti-svoje-teme-wordpress/" rel="bookmark" data-wpel-link="internal">Kako lokalizirati in prevesti svoje teme WordPress</a></li><li class="arpw-li arpw-clearfix arpw-23"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/como-construir-un-negocio-independiente-una-guia/" rel="bookmark" data-wpel-link="internal">Cómo construir un negocio independiente, una guía de ejemplo para WordPress</a></li><li class="arpw-li arpw-clearfix arpw-24"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverse/wordpress-e-handelstips-for-att-locka-till-sig/" rel="bookmark" data-wpel-link="internal">WordPress e-handelstips för att locka till sig trafik som konverterar</a></li><li class="arpw-li arpw-clearfix arpw-25"><a class="arpw-title" href="https://actforclimatejustice.org/cat-patarimai/kaip-padaryti-kad-js-wordpress-svetains-bt/" rel="bookmark" data-wpel-link="internal">Kaip padaryti, kad jūsų „WordPress“ svetainės būtų patogesnės vartotojui</a></li><li class="arpw-li arpw-clearfix arpw-26"><a class="arpw-title" href="https://actforclimatejustice.org/kaji-semula/kajian-wix/" rel="bookmark" data-wpel-link="internal">Kajian Wix</a></li><li class="arpw-li arpw-clearfix arpw-27"><a class="arpw-title" href="https://actforclimatejustice.org/cat-navody/podrobny-sprievodca-tvorcom-gutenberg-builder-pre/" rel="bookmark" data-wpel-link="internal">Podrobný sprievodca tvorcom Gutenberg Builder pre WordPress</a></li><li class="arpw-li arpw-clearfix arpw-28"><a class="arpw-title" href="https://actforclimatejustice.org/ingen-kategori/kan-jeg-betale-inmotion-med-paypal/" rel="bookmark" data-wpel-link="internal">Kan jeg betale InMotion med Paypal?</a></li><li class="arpw-li arpw-clearfix arpw-29"><a class="arpw-title" href="https://actforclimatejustice.org/ingen-kategori/webfusion-hosting-review/" rel="bookmark" data-wpel-link="internal">Webfusion Hosting Review</a></li><li class="arpw-li arpw-clearfix arpw-30"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tipy/ako-organizova-obsah-na-svojej-webovej-stranke/" rel="bookmark" data-wpel-link="internal">Ako organizovať obsah na svojej webovej stránke WordPress</a></li><li class="arpw-li arpw-clearfix arpw-31"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tips/wordpress-toolkit-wordpress-resurser-for-anvandare/" rel="bookmark" data-wpel-link="internal">WordPress Toolkit: WordPress Resurser för användare och utvecklare</a></li><li class="arpw-li arpw-clearfix arpw-32"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tipy/ako-zabezpei-aby-vae-stranky-wordpress-vyhovovali/" rel="bookmark" data-wpel-link="internal">Ako zabezpečiť, aby vaše stránky WordPress vyhovovali HDPR</a></li><li class="arpw-li arpw-clearfix arpw-33"><a class="arpw-title" href="https://actforclimatejustice.org/cat-varnost/poveajte-verodostojnost-spletnega-mesta-z-mcafee/" rel="bookmark" data-wpel-link="internal">Povečajte verodostojnost spletnega mesta z McAfee SECURE za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-34"><a class="arpw-title" href="https://actforclimatejustice.org/nav-kategorijas/vietu-prvietoana-prom-no-webhostinghub/" rel="bookmark" data-wpel-link="internal">Vietņu pārvietošana prom no WebHostingHub</a></li><li class="arpw-li arpw-clearfix arpw-35"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/5-razlogov-zakaj-se-vae-spletno-mesto-wordpress-ne/" rel="bookmark" data-wpel-link="internal">5 razlogov, zakaj se vaše spletno mesto WordPress ne uvršča v Google</a></li><li class="arpw-li arpw-clearfix arpw-36"><a class="arpw-title" href="https://actforclimatejustice.org/cat-razno/10-najboljih-vtinikov-wordpress-za-podrunice/" rel="bookmark" data-wpel-link="internal">10+ najboljših vtičnikov WordPress za podružnice</a></li><li class="arpw-li arpw-clearfix arpw-37"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/hoe-u-een-contactformulier-toevoegt-aan-uw/" rel="bookmark" data-wpel-link="internal">Hoe u een contactformulier toevoegt aan uw WordPress-website of blog</a></li><li class="arpw-li arpw-clearfix arpw-38"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tips/tips-for-att-gora-wordpress-mobilvanligt/" rel="bookmark" data-wpel-link="internal">Tips för att göra WordPress mobilvänligt</a></li><li class="arpw-li arpw-clearfix arpw-39"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverso/los-mejores-temas-de-wordpress-de-caridad-y-sin/" rel="bookmark" data-wpel-link="internal">Los mejores temas de WordPress de caridad y sin fines de lucro para su causa</a></li><li class="arpw-li arpw-clearfix arpw-40"><a class="arpw-title" href="https://actforclimatejustice.org/ingen-kategori/tmdhosting-gjennomgang/" rel="bookmark" data-wpel-link="internal">TMDHosting gjennomgang</a></li><li class="arpw-li arpw-clearfix arpw-41"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tutoriales/como-usar-buddypress-para-crear-una-red-social-con/" rel="bookmark" data-wpel-link="internal">Cómo usar BuddyPress para crear una red social con WordPress</a></li><li class="arpw-li arpw-clearfix arpw-42"><a class="arpw-title" href="https://actforclimatejustice.org/cat-razno/10-najboljih-vtinikov-za-upravljanje-z-ve-avtorji/" rel="bookmark" data-wpel-link="internal">10 najboljših vtičnikov za upravljanje z več avtorji WordPress</a></li><li class="arpw-li arpw-clearfix arpw-43"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverso/complementos-de-wordpress-para-aumentar-la/" rel="bookmark" data-wpel-link="internal">Complementos de WordPress para aumentar la interacción y participación del público</a></li><li class="arpw-li arpw-clearfix arpw-44"><a class="arpw-title" href="https://actforclimatejustice.org/cat-navody/ako-naintalova-viac-doplnkov-wordpress-pomocou/" rel="bookmark" data-wpel-link="internal">Ako nainštalovať viac doplnkov WordPress pomocou Inštalátora viacerých doplnkov</a></li><li class="arpw-li arpw-clearfix arpw-45"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverso/los-10-mejores-complementos-gratuitos-de-wordpress/" rel="bookmark" data-wpel-link="internal">Los 10 mejores complementos gratuitos de WordPress para restaurantes de 2020</a></li><li class="arpw-li arpw-clearfix arpw-46"><a class="arpw-title" href="https://actforclimatejustice.org/vairs/15-geriausi-js-verslo-pagalbos-tarnybos-wordpress/" rel="bookmark" data-wpel-link="internal">15 geriausių jūsų verslo pagalbos tarnybos „WordPress“ temų</a></li><li class="arpw-li arpw-clearfix arpw-47"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/web-designer-versus-web-developer/" rel="bookmark" data-wpel-link="internal">Web Designer versus Web Developer</a></li><li class="arpw-li arpw-clearfix arpw-48"><a class="arpw-title" href="https://actforclimatejustice.org/zmieany/5-najlepich-doplnkov-na-prijimanie-darov-pomocou/" rel="bookmark" data-wpel-link="internal">5 najlepších doplnkov na prijímanie darov pomocou WordPress</a></li><li class="arpw-li arpw-clearfix arpw-49"><a class="arpw-title" href="https://actforclimatejustice.org/cat-patarimai/nauji-wordpress-venkite-i-10-naujok-klaid/" rel="bookmark" data-wpel-link="internal">Nauji „WordPress“? Venkite šių 10 naujokų klaidų</a></li><li class="arpw-li arpw-clearfix arpw-50"><a class="arpw-title" href="https://actforclimatejustice.org/cat-saugumas/paprastas-wordpress-svetaini-saugos-kontrolinis/" rel="bookmark" data-wpel-link="internal">Paprastas „WordPress“ svetainių saugos kontrolinis sąrašas</a></li><li class="arpw-li arpw-clearfix arpw-51"><a class="arpw-title" href="https://actforclimatejustice.org/cat-atsiliepimai/sukurkite-pasirinktin-odyn-naudodami-cm-tooltip/" rel="bookmark" data-wpel-link="internal">Sukurkite pasirinktinį žodyną naudodami „CM Tooltip“ žodynėlį „WordPress“ papildinys</a></li><li class="arpw-li arpw-clearfix arpw-52"><a class="arpw-title" href="https://actforclimatejustice.org/cat-razno/20-odlinih-vtinikov-za-wordpress/" rel="bookmark" data-wpel-link="internal">20 odličnih vtičnikov za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-53"><a class="arpw-title" href="https://actforclimatejustice.org/cat-vadnice/kako-dodati-vmesne-oglase-v-vsebino-v-wordpress/" rel="bookmark" data-wpel-link="internal">Kako dodati vmesne oglase v vsebino v WordPress</a></li><li class="arpw-li arpw-clearfix arpw-54"><a class="arpw-title" href="https://actforclimatejustice.org/tiada-kategori/bolehkah-saya-membayar-bluehost-dengan-paypal/" rel="bookmark" data-wpel-link="internal">Bolehkah Saya Membayar BlueHost Dengan Paypal?</a></li><li class="arpw-li arpw-clearfix arpw-55"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/inmotion-e-commerce-tools/" rel="bookmark" data-wpel-link="internal">InMotion e-commerce tools</a></li><li class="arpw-li arpw-clearfix arpw-56"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/primerjava-ccpa-proti-gdpr-in-skladnost-za/" rel="bookmark" data-wpel-link="internal">Primerjava CCPA proti GDPR in skladnost za WordPress</a></li><li class="arpw-li arpw-clearfix arpw-57"><a class="arpw-title" href="https://actforclimatejustice.org/cat-handledningar/9-basta-wordpress-kurser-for-nyborjare/" rel="bookmark" data-wpel-link="internal">9 bästa WordPress-kurser för nybörjare</a></li><li class="arpw-li arpw-clearfix arpw-58"><a class="arpw-title" href="https://actforclimatejustice.org/cat-seo/los-mejores-consejos-de-seo-empresarial-de/" rel="bookmark" data-wpel-link="internal">Los mejores consejos de SEO empresarial de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-59"><a class="arpw-title" href="https://actforclimatejustice.org/cat-navody/ako-publikova-prispevky-do-blogu-wordpress/" rel="bookmark" data-wpel-link="internal">Ako publikovať príspevky do blogu WordPress prostredníctvom e-mailu</a></li><li class="arpw-li arpw-clearfix arpw-60"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tips/hur-man-skapar-och-lagger-till-en-wordpress/" rel="bookmark" data-wpel-link="internal">Hur man skapar och lägger till en WordPress-favicon eller en webbplatsikon</a></li><li class="arpw-li arpw-clearfix arpw-61"><a class="arpw-title" href="https://actforclimatejustice.org/cat-navody/naintalujte-wordpress-na-ubuntu-lokalne-pomocou/" rel="bookmark" data-wpel-link="internal">Nainštalujte WordPress na Ubuntu lokálne pomocou LAMP</a></li><li class="arpw-li arpw-clearfix arpw-62"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/5-consejos-de-optimizacion-para-que-su-sitio-de/" rel="bookmark" data-wpel-link="internal">5 consejos de optimización para que su sitio de WordPress esté listo para dispositivos móviles</a></li><li class="arpw-li arpw-clearfix arpw-63"><a class="arpw-title" href="https://actforclimatejustice.org/cat-recensioner/link-whisper-smartare-wordpress-internlank/" rel="bookmark" data-wpel-link="internal">Link Whisper: Smartare WordPress Internlänk</a></li><li class="arpw-li arpw-clearfix arpw-64"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/kaj-so-wordpress-teme-in-vtiniki/" rel="bookmark" data-wpel-link="internal">Kaj so WordPress teme in vtičniki?</a></li><li class="arpw-li arpw-clearfix arpw-65"><a class="arpw-title" href="https://actforclimatejustice.org/vairs/15-papildini-kad-perkrautumte-savo-wordpress/" rel="bookmark" data-wpel-link="internal">15 papildinių, kad perkrautumėte savo „WordPress“ komentarus</a></li><li class="arpw-li arpw-clearfix arpw-66"><a class="arpw-title" href="https://actforclimatejustice.org/cat-handledningar/hur-du-anpassar-ditt-wordpress-admin/" rel="bookmark" data-wpel-link="internal">Hur du anpassar ditt WordPress Admin-användargränssnitt</a></li><li class="arpw-li arpw-clearfix arpw-67"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/los-10-mejores-sitios-de-empleos-de-wordpress/" rel="bookmark" data-wpel-link="internal">Los 10 mejores sitios de empleos de WordPress: ¿tienes lo que se necesita?</a></li><li class="arpw-li arpw-clearfix arpw-68"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverse/15-plugins-for-att-ladda-dina-wordpress/" rel="bookmark" data-wpel-link="internal">15 plugins för att ladda dina WordPress-kommentarer</a></li><li class="arpw-li arpw-clearfix arpw-69"><a class="arpw-title" href="https://actforclimatejustice.org/nav-kategorijas/nomjiet-web-izstrdtju-vai-dariet-to-pats/" rel="bookmark" data-wpel-link="internal">Nomājiet Web izstrādātāju vai dariet to pats?</a></li><li class="arpw-li arpw-clearfix arpw-70"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/guia-de-formatos-de-publicacion-de-wordpress-que/" rel="bookmark" data-wpel-link="internal">Guía de formatos de publicación de WordPress: qué son y por qué usarlos</a></li><li class="arpw-li arpw-clearfix arpw-71"><a class="arpw-title" href="https://actforclimatejustice.org/cat-comentarios/revision-del-complemento-de-slider-revolution/" rel="bookmark" data-wpel-link="internal">Revisión del complemento de Slider Revolution WordPress y guía práctica</a></li><li class="arpw-li arpw-clearfix arpw-72"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/kako-oistiti-predpomnilnik-wordpressa-kot/" rel="bookmark" data-wpel-link="internal">Kako očistiti predpomnilnik WordPressa kot profesionalca</a></li><li class="arpw-li arpw-clearfix arpw-73"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/diepgaande-evaluatie-van-de-winkelier-responsief/" rel="bookmark" data-wpel-link="internal">Diepgaande evaluatie van de winkelier – Responsief WordPress-thema</a></li><li class="arpw-li arpw-clearfix arpw-74"><a class="arpw-title" href="https://actforclimatejustice.org/cat-ocene/fanciest-author-box-najbolja-reitev-za-avtorski/" rel="bookmark" data-wpel-link="internal">Fanciest Author Box: Najboljša rešitev za avtorski okvir za WordPress?</a></li><li class="arpw-li arpw-clearfix arpw-75"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tutoriales/como-construir-un-sitio-web-de-la-iglesia-con/" rel="bookmark" data-wpel-link="internal">Cómo construir un sitio web de la iglesia con WordPress</a></li><li class="arpw-li arpw-clearfix arpw-76"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/blog-versus-website-welke-moet-je-kiezen/" rel="bookmark" data-wpel-link="internal">Blog versus website – Welke moet je kiezen?</a></li><li class="arpw-li arpw-clearfix arpw-77"><a class="arpw-title" href="https://actforclimatejustice.org/nav-kategorijas/10-labkie-ai-atboti/" rel="bookmark" data-wpel-link="internal">10 labākie AI čatboti</a></li><li class="arpw-li arpw-clearfix arpw-78"><a class="arpw-title" href="https://actforclimatejustice.org/cat-beoordeling/hostgator-recensie/" rel="bookmark" data-wpel-link="internal">HostGator-recensie</a></li><li class="arpw-li arpw-clearfix arpw-79"><a class="arpw-title" href="https://actforclimatejustice.org/tiada-kategori/tutorial-shopify-untuk-membuat-kedai-dalam-talian/" rel="bookmark" data-wpel-link="internal">Tutorial Shopify untuk Membuat Kedai Dalam Talian</a></li><li class="arpw-li arpw-clearfix arpw-80"><a class="arpw-title" href="https://actforclimatejustice.org/cat-vadnice/kako-premakniti-blog-iz-medija-na-wordpress/" rel="bookmark" data-wpel-link="internal">Kako premakniti blog iz medija na WordPress</a></li><li class="arpw-li arpw-clearfix arpw-81"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tutorial/tutorial-laman-web-joomla/" rel="bookmark" data-wpel-link="internal">Tutorial Laman Web Joomla</a></li><li class="arpw-li arpw-clearfix arpw-82"><a class="arpw-title" href="https://actforclimatejustice.org/zmieany/najlepie-doplnky-wordpress-na-vylepenie-vaich/" rel="bookmark" data-wpel-link="internal">Najlepšie doplnky WordPress na vylepšenie vašich blogových stránok</a></li><li class="arpw-li arpw-clearfix arpw-83"><a class="arpw-title" href="https://actforclimatejustice.org/cat-razno/najbolje-teme-za-wordpress-za-fitnes-in/" rel="bookmark" data-wpel-link="internal">Najboljše teme za WordPress za fitnes in telovadnico</a></li><li class="arpw-li arpw-clearfix arpw-84"><a class="arpw-title" href="https://actforclimatejustice.org/spravy-a-komunita/mily-dennik-list-od-spolonosti-wordcamp-san/" rel="bookmark" data-wpel-link="internal">Milý denník: List od spoločnosti WordCamp San Francisco</a></li><li class="arpw-li arpw-clearfix arpw-85"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverso/los-mejores-temas-de-wordpress-de-bolsa-de-trabajo/" rel="bookmark" data-wpel-link="internal">Los mejores temas de WordPress de bolsa de trabajo</a></li><li class="arpw-li arpw-clearfix arpw-86"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverse/20-basta-kontaktformular-7-tillagg-och-tillagg/" rel="bookmark" data-wpel-link="internal">20+ Bästa kontaktformulär 7-tillägg och tillägg</a></li><li class="arpw-li arpw-clearfix arpw-87"><a class="arpw-title" href="https://actforclimatejustice.org/vairs/kas-dar-nori-surinkti-mokjimus-naudodamas/" rel="bookmark" data-wpel-link="internal">Kas dar nori surinkti mokėjimus naudodamas „WordPress“ svetaines?</a></li><li class="arpw-li arpw-clearfix arpw-88"><a class="arpw-title" href="https://actforclimatejustice.org/vairs/ingsnis-po-ingsnio-vadovas-kaip-perkelti-wordpress/" rel="bookmark" data-wpel-link="internal">Žingsnis po žingsnio vadovas, kaip perkelti „WordPress“ svetainę į naują pagrindinį kompiuterį</a></li><li class="arpw-li arpw-clearfix arpw-89"><a class="arpw-title" href="https://actforclimatejustice.org/tidak-ada-kategori/cara-memperbaiki-kesalahan-membangun-koneksi/" rel="bookmark" data-wpel-link="internal">Cara Memperbaiki “Kesalahan Membangun Koneksi Database” di WordPress</a></li><li class="arpw-li arpw-clearfix arpw-90"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/ai-in-wordpress-kako-lahko-umetna-inteligenca/" rel="bookmark" data-wpel-link="internal">AI in WordPress: Kako lahko umetna inteligenca pomaga vašemu spletnemu mestu</a></li><li class="arpw-li arpw-clearfix arpw-91"><a class="arpw-title" href="https://actforclimatejustice.org/nav-kategorijas/k-prstt-savu-vietni-no-fatcow-uz-inmotion/" rel="bookmark" data-wpel-link="internal">Kā pārsūtīt savu vietni no FatCow uz InMotion</a></li><li class="arpw-li arpw-clearfix arpw-92"><a class="arpw-title" href="https://actforclimatejustice.org/cat-diverse/13-basta-wordpress-plugins-for-fitness-gym/" rel="bookmark" data-wpel-link="internal">13 bästa WordPress-plugins för Fitness & Gym</a></li><li class="arpw-li arpw-clearfix arpw-93"><a class="arpw-title" href="https://actforclimatejustice.org/cat-tipy/ak-preo-a-ako-prida-premiovy-obsah-na-vae-stranky/" rel="bookmark" data-wpel-link="internal">Ak, prečo a ako pridať prémiový obsah na vaše stránky WordPress</a></li><li class="arpw-li arpw-clearfix arpw-94"><a class="arpw-title" href="https://actforclimatejustice.org/geen-categorie/alles-over-mysql-databases/" rel="bookmark" data-wpel-link="internal">Alles over MySQL-databases</a></li><li class="arpw-li arpw-clearfix arpw-95"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/como-lanzar-un-blog-de-wordpress-autohospedado-en/" rel="bookmark" data-wpel-link="internal">Cómo lanzar un blog de WordPress autohospedado en menos de 15 minutos</a></li><li class="arpw-li arpw-clearfix arpw-96"><a class="arpw-title" href="https://actforclimatejustice.org/cat-consejos/como-el-comercio-social-puede-beneficiar-a-su/" rel="bookmark" data-wpel-link="internal">Cómo el comercio social puede beneficiar a su sitio de WordPress</a></li><li class="arpw-li arpw-clearfix arpw-97"><a class="arpw-title" href="https://actforclimatejustice.org/cat-nasveti/ali-bi-morali-na-svoje-spletno-mesto-wordpress/" rel="bookmark" data-wpel-link="internal">Ali bi morali na svoje spletno mesto WordPress dodati plačljivo članstvo?</a></li><li class="arpw-li arpw-clearfix arpw-98"><a class="arpw-title" href="https://actforclimatejustice.org/kaji-semula/kajian-chemicloud/" rel="bookmark" data-wpel-link="internal">Kajian ChemiCloud</a></li><li class="arpw-li arpw-clearfix arpw-99"><a class="arpw-title" href="https://actforclimatejustice.org/vairs/12-geriausi-wordpress-darbo-skelbim-lentos/" rel="bookmark" data-wpel-link="internal">12+ geriausi „WordPress“ darbo skelbimų lentos papildiniai 2020 m</a></li><li class="arpw-li arpw-clearfix arpw-100"><a class="arpw-title" href="https://actforclimatejustice.org/cat-recensioner/anpassa-din-wordpress-webbplats-idag-med-css-hero/" rel="bookmark" data-wpel-link="internal">Anpassa din WordPress-webbplats idag med CSS Hero</a></li></ul></div></div><div id="themify-feature-posts-2" class="widget feature-posts"><h4 class="widgettitle">Recent Posts</h4><ul class="feature-posts-list"><li><a href="https://actforclimatejustice.org/web-hosting-beoordelingen/siteground-magento-hosting-review-2020-is-dat-goed/" class="feature-posts-title" data-wpel-link="internal">SiteGround Magento Hosting Review (2020): is dat goed?</a> <br/><small>07.09.2020</small> <br/></li><li><a href="https://actforclimatejustice.org/web-hosting-beoordelingen/siteground-startup-versus-growbig-versus-gogeek/" class="feature-posts-title" data-wpel-link="internal">SiteGround StartUp versus GrowBig versus GoGeek Review & Plan-vergelijking (2020): wat is het beste?</a> <br/><small>07.09.2020</small> <br/></li><li><a href="https://actforclimatejustice.org/web-hosting-beoordelingen/siteground-cloud-hosting-review-plans-vergelijking/" class="feature-posts-title" data-wpel-link="internal">SiteGround Cloud Hosting Review & Plans-vergelijking (2020)</a> <br/><small>07.09.2020</small> <br/></li><li><a href="https://actforclimatejustice.org/cat-vergelijkingen/15-beste-gratis-logo-makers-en-generatoren/" class="feature-posts-title" data-wpel-link="internal">15 beste GRATIS logo-makers en -generatoren</a> <br/><small>07.09.2020</small> <br/></li><li><a href="https://actforclimatejustice.org/cat-vergelijkingen/10-beste-blogsites-gedetailleerde-vergelijking/" class="feature-posts-title" data-wpel-link="internal">10 beste blogsites – gedetailleerde vergelijking</a> <br/><small>07.09.2020</small> <br/></li></ul></div><div id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="https://www.fastcomet.com/blog/scaling-wordpress-business" rel="nofollow external noopener noreferrer" data-wpel-link="external"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20246%20300'%3E%3C/svg%3E" loading="lazy" data-lazy="1" data-tf-src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png" decoding="async" width="246" height="300" class="tf_svg_lazy image wp-image-5571 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" data-tf-sizes="(max-width: 246px) 100vw, 246px" data-tf-srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png 246w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1.png 337w" data-lazy-src="data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27246%27%20height%3D%27300%27%20fill%3D%27rgba%28255%2C255%2C255%2C.2%29%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E"><noscript><img src="data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27246%27%20height%3D%27300%27%20fill%3D%27rgba%28255%2C255%2C255%2C.2%29%27%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%2F%3E%3C%2Fsvg%3E" loading="lazy" data-lazy="1" data-tf-src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png" decoding="async" width="246" height="300" class="tf_svg_lazy image wp-image-5571 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" data-tf-sizes="(max-width: 246px) 100vw, 246px" data-tf-srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png 246w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1.png 337w"></noscript><noscript><img data-tf-not-load src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png" decoding="async" width="246" height="300" class="image wp-image-5571 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" sizes="(max-width: 246px) 100vw, 246px" srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png 246w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1.png 337w"></noscript><noscript><img width="246" height="300" data-tf-not-load src="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png" class="image wp-image-5571 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" srcset="https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1-246x300.png 246w, https://actforclimatejustice.org/wp-content/uploads/2020/01/screenshot_2-1.png 337w" sizes="(max-width: 246px) 100vw, 246px"/></noscript></a></div></div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script type="text/javascript">document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank rel=nofollow><img src='//counter.yadro.ru/hit?t20.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='' "+ "border='0' width='88' height='31'><\/a>")</script></div></div><div id="execphp-5" class="widget widget_execphp"><div class="execphpwidget"><br></div></div></aside></div></div><div id="footerwrap"><div id="footer-inner"><footer id="footer" class="pagewidth" itemscope="itemscope" itemtype="https://schema.org/WPFooter"><div class="back-top clearfix"><div class="arrow-up"> <a href="#header"></a></div></div><div class="footer-logo-wrapper clearfix"><div id="footer-logo"><a href="https://actforclimatejustice.org" title="actforclimatejustice.org" data-wpel-link="internal"><span>actforclimatejustice.org</span></a></div><div class="footer-text clearfix"></div></div><div class="footer-nav-wrap clearfix"><ul id="footer-nav" class="footer-nav"><li class="menu-item-custom-5538 menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-5538"><a href="https://actforclimatejustice.org/" data-wpel-link="internal">Home</a></li><li class="menu-item-category-88 menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5539"><a href="https://actforclimatejustice.org/category/geen-categorie/" data-wpel-link="internal">Geen categorie</a></li><li class="menu-item-category-81 menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5540"><a href="https://actforclimatejustice.org/category/cat-vergelijkingen/" data-wpel-link="internal">Vergelijkingen</a></li><li class="menu-item-category-125 menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5541"><a href="https://actforclimatejustice.org/category/plannen-en-prijzen/" data-wpel-link="internal">Plannen en prijzen</a></li><li class="menu-item-category-123 menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5542"><a href="https://actforclimatejustice.org/category/web-hosting-beoordelingen/" data-wpel-link="internal">Web Hosting beoordelingen</a></li></ul></div><div class="footer-widgets clearfix"><div class="col3-1 first"></div><div class="col3-1 "></div><div class="col3-1 "></div></div></footer></div></div></div> <script type="application/ld+json">[{"@context":"https:\/\/schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/actforclimatejustice.org\/ingen-kategori\/wordpress-temautvikling-101\/"},"headline":"WordPress Temautvikling (101)","datePublished":"2020-06-07T14:17:30+03:00","dateModified":"2020-06-07T14:17:30+03:00","author":{"@type":"Person","name":"Jeffrey Wilson"},"publisher":{"@type":"Organization","name":"","logo":{"@type":"ImageObject","url":"","width":0,"height":0}},"description":"\u00c5 l\u00e6re \u00e5 lage WordPress-temaer \u00e5pner en helt ny verden for deg \u00e5 utforske. Det lar deg bygge tilpassede design for deg selv, kundene dine og til og med bidra tilbake til open source-samfunnet. I denne guiden vil vi ta deg fra null til \u00e5 ha et fullt funksjonelt tema som kan sendes til WordPress.org […]"}]</script> <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 = '/ingen-kategori/wordpress-temautvikling-101/', home_url = 'https://actforclimatejustice.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/template" id="tf_vars">var tbLocalScript = {"builder_url":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder","css_module_url":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/css\/modules\/","js_module_url":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/","js_modules":{"fwr":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/fullwidthRows.js","bgs":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/backgroundSlider.js","fwv":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/fullwidthvideo.js","feature":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/feature.js","parallax":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/parallax.js","bgzs":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/bgzoom_scroll.js","bgzoom":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/bgzoom.js","gallery":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/gallery.js","menu":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/menu.js","read":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/readMore.js","sticky":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/sticky.js","alert":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/alert.js","tab":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/tab.js","accordion":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/accordion.js","oc":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/overlay-content.js","video":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/modules\/video.js","sh":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/themify-builder\/js\/themify.scroll-highlight.js"},"breakpoints":{"tablet_landscape":[769,"1024"],"tablet":[681,"768"],"mobile":"600"},"fullwidth_support":"1","addons":[]}; var themifyScript = {"lightboxContext":"#pagewrap","sticky_header":"","chart":{"trackColor":"#f2f2f2","scaleColor":false,"lineCap":"butt","rotate":0,"size":170,"lineWidth":22,"animate":2000}}; var themify_vars = {"version":"5.0.5","url":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify","wp":"5.4.4","ajax_url":"https:\/\/actforclimatejustice.org\/wp-admin\/admin-ajax.php","includesURL":"https:\/\/actforclimatejustice.org\/wp-includes\/","emailSub":"Check this out!","lightbox":[],"s_v":"5.3.6","a_v":"3.6.2","i_v":"4.1.4","js_modules":{"fxh":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/fixedheader.js","lb":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/lightbox.min.js","gal":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/themify.gallery.js","sw":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/swiper\/swiper.min.js","tc":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/themify.carousel.js","map":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/map.js","img":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/jquery.imagesloaded.min.js","at":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/autoTiles.js","iso":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/isotop.js","inf":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/infinite.js","lax":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/lax.js","audio":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/audio-player.js","side":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/themify.sidemenu.js","edge":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/edge.Menu.js","wow":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/tf_wow.js","share":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/sharer.js","mega":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/megamenu.js","drop":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/themify.dropdown.js","wc":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/js\/modules\/wc.js"},"css_modules":{"sw":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/css\/swiper\/swiper.css","an":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/css\/animate.min.css","audio":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/css\/modules\/audio.css","drop":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/css\/modules\/dropdown.css","lb":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/themify\/css\/lightbox.css"},"is_min":"1","wp_embed":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/wp-embed.min.js","theme_js":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate\/js\/themify.script.js","theme_v":"5.0.6","theme_url":"https:\/\/actforclimatejustice.org\/wp-content\/themes\/themify-corporate","menu_point":"900","media":{"css":{"wp-mediaelement":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/mediaelement\/mediaelementplayer-legacy.min.css?ver=5.4.4","mediaelement":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/mediaelement\/wp-mediaelement.css?ver=5.4.4"},"_wpmejsSettings":"var _wpmejsSettings = {\"pluginPath\":\"\\\/wp-includes\\\/js\\\/mediaelement\\\/\",\"classPrefix\":\"mejs-\",\"stretching\":\"responsive\"};","js":{"mediaelement-core":{"src":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/mediaelement\/mediaelement-and-player.min.js","v":"4.2.13-9993131","extra":{"before":[false,"var mejsL10n = {\"language\":\"en\",\"strings\":{\"mejs.download-file\":\"Download File\",\"mejs.install-flash\":\"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\\\/\\\/get.adobe.com\\\/flashplayer\\\/\",\"mejs.fullscreen\":\"Fullscreen\",\"mejs.play\":\"Play\",\"mejs.pause\":\"Pause\",\"mejs.time-slider\":\"Time Slider\",\"mejs.time-help-text\":\"Use Left\\\/Right Arrow keys to advance one second, Up\\\/Down arrows to advance ten seconds.\",\"mejs.live-broadcast\":\"Live Broadcast\",\"mejs.volume-help-text\":\"Use Up\\\/Down Arrow keys to increase or decrease volume.\",\"mejs.unmute\":\"Unmute\",\"mejs.mute\":\"Mute\",\"mejs.volume-slider\":\"Volume Slider\",\"mejs.video-player\":\"Video Player\",\"mejs.audio-player\":\"Audio Player\",\"mejs.captions-subtitles\":\"Captions\\\/Subtitles\",\"mejs.captions-chapters\":\"Chapters\",\"mejs.none\":\"None\",\"mejs.afrikaans\":\"Afrikaans\",\"mejs.albanian\":\"Albanian\",\"mejs.arabic\":\"Arabic\",\"mejs.belarusian\":\"Belarusian\",\"mejs.bulgarian\":\"Bulgarian\",\"mejs.catalan\":\"Catalan\",\"mejs.chinese\":\"Chinese\",\"mejs.chinese-simplified\":\"Chinese (Simplified)\",\"mejs.chinese-traditional\":\"Chinese (Traditional)\",\"mejs.croatian\":\"Croatian\",\"mejs.czech\":\"Czech\",\"mejs.danish\":\"Danish\",\"mejs.dutch\":\"Dutch\",\"mejs.english\":\"English\",\"mejs.estonian\":\"Estonian\",\"mejs.filipino\":\"Filipino\",\"mejs.finnish\":\"Finnish\",\"mejs.french\":\"French\",\"mejs.galician\":\"Galician\",\"mejs.german\":\"German\",\"mejs.greek\":\"Greek\",\"mejs.haitian-creole\":\"Haitian Creole\",\"mejs.hebrew\":\"Hebrew\",\"mejs.hindi\":\"Hindi\",\"mejs.hungarian\":\"Hungarian\",\"mejs.icelandic\":\"Icelandic\",\"mejs.indonesian\":\"Indonesian\",\"mejs.irish\":\"Irish\",\"mejs.italian\":\"Italian\",\"mejs.japanese\":\"Japanese\",\"mejs.korean\":\"Korean\",\"mejs.latvian\":\"Latvian\",\"mejs.lithuanian\":\"Lithuanian\",\"mejs.macedonian\":\"Macedonian\",\"mejs.malay\":\"Malay\",\"mejs.maltese\":\"Maltese\",\"mejs.norwegian\":\"Norwegian\",\"mejs.persian\":\"Persian\",\"mejs.polish\":\"Polish\",\"mejs.portuguese\":\"Portuguese\",\"mejs.romanian\":\"Romanian\",\"mejs.russian\":\"Russian\",\"mejs.serbian\":\"Serbian\",\"mejs.slovak\":\"Slovak\",\"mejs.slovenian\":\"Slovenian\",\"mejs.spanish\":\"Spanish\",\"mejs.swahili\":\"Swahili\",\"mejs.swedish\":\"Swedish\",\"mejs.tagalog\":\"Tagalog\",\"mejs.thai\":\"Thai\",\"mejs.turkish\":\"Turkish\",\"mejs.ukrainian\":\"Ukrainian\",\"mejs.vietnamese\":\"Vietnamese\",\"mejs.welsh\":\"Welsh\",\"mejs.yiddish\":\"Yiddish\"}};"]}},"mediaelement-migrate":{"src":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/mediaelement\/mediaelement-migrate.min.js","v":false,"extra":""},"wp-mediaelement":{"src":"https:\/\/actforclimatejustice.org\/wp-includes\/js\/mediaelement\/wp-mediaelement.min.js","v":false,"extra":""}}}};</script> <script>var wares_ajax = {"wares_url":"https:\/\/actforclimatejustice.org\/wp-admin\/admin-ajax.php"};</script> <script>var tocplus = {"visibility_show":"show","visibility_hide":"hide","visibility_hide_by_default":"1","width":"Auto"};</script> <script>var thirsty_global_vars = {"home_url":"\/\/actforclimatejustice.org","ajax_url":"https:\/\/actforclimatejustice.org\/wp-admin\/admin-ajax.php","link_fixer_enabled":"yes","link_prefix":"recommends","link_prefixes":["recommends"],"post_id":"4735","enable_record_stats":"yes","enable_js_redirect":"yes","disable_thirstylink_class":""};</script> <svg id="tf_svg" style="display:none"><defs></defs></svg><link rel="preload" href="https://actforclimatejustice.org/wp-content/themes/themify-corporate/js/themify.script.js?ver=5.0.6" as="script"/><link rel="prefetch" href="https://actforclimatejustice.org/wp-content/themes/themify-corporate/themify/js/modules/jquery.imagesloaded.min.js?ver=4.1.4" as="script"/><link rel="preload" href="https://actforclimatejustice.org/wp-content/uploads/2020/01/act-for-climate-justice.png" as="image"/><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://actforclimatejustice.org/wp-content/plugins/wp-rocket/assets/js/lazyload/12.0/lazyload.min.js"></script> <script src="https://actforclimatejustice.org/wp-content/cache/min/1/1aabb51629d11cd23a6d6ae7afa6bfb3.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 -->