no.hideout-lastation.com
Paradis For Designere Og Utviklere


Administrere innhold du ser i WordPress Preview Mode [WordPress Tips]

Hvis du er en vanlig WordPress-bruker som publiserer innlegg regelmessig, trenger forhåndsvisningsmodus ingen introduksjon. Vi bruker det ofte til å forhåndsvise våre innlegg som vi skriver, eller å gjøre en endelig sjekk før vi treffer publiserings-knappen. Men vet du at det faktisk er mer som vi kan gjøre i denne modusen?

WordPress har en tag kalt is_preview som gir fleksibilitet når du legger til eller fjerner innhold og koder mens innholdet vises i forhåndsvisningsmodus. Du kan vise varsler eller til og med skjule bestemt innhold ved hjelp av enkle kodestykker som de nedenfor.

Varsler melding i forhåndsvisningsmodus

Et eksempel på et virkelighetsprogram for is_preview tag ville være å vise et varsel.

For eksempel: Når du forhåndsviser innlegg, viser WordPress ikke noe som forteller brukerne at de er i forhåndsvisningsmodus . Vi kan bruke denne taggen til å vise et varsel om at det som er sett, er i forhåndsvisningsmodus.

Ved å bruke is_preview tag, kan vi skrive noen ting som dette i header.php av temaet.

Merk: Du forhåndsviser dette innlegget. Dette innlegget har ikke blitt publisert ennå.

Koden ovenfor viser kun varselet når vi er i forhåndsvisningsmodus. Legg til noen CSS-stiler, slik at det ser fint ut, som det.

Skjul annonser / Analytics i forhåndsvisningsmodus

Et annet tilfelle ville være for å levere annonser og analytiske koder. Hvis du bruker AdSense og Google Analytics, kan du gjemme dem i forhåndsvisningsmodus. Dette vil minimere utilsiktet klikking av dine egne annonser (som er imot Google AdSense TOS), samt sporing av ditt eget besøk av Google Analytics.

I tillegg vil det også være nyttig for annonser som teller på sidevisning, annonsørene vil se mer nøyaktig sidevisningstelling som vi gjemmer annonsene i forhåndsvisningsmodus.

Hvis du vil skjule annonser, kan du legge til følgende kode.

 // Annonsekode 

Den ! notat som kom før is_preview taggen som du ser ovenfor, vil negere tilstanden, så det vil bare vise annonsene når vi ikke er i forhåndsvisningsmodus.

For Google Analytics, sett inn følgende kode i header.php eller footer.php .

 // Google Analytics-koden 

Legg merke til at jeg også har lagt til is_admin taggen. Dette tillegget fjerner også Google Analytics når vi er logget inn som administrator.

Vi håper at du finner disse små kodestykker som er nyttige og vil lagre disse utdragene til bruk, hvis det er nødvendig. Hvis du har spørsmål angående dette emnet, kan du spørre i kommentarfeltet.

Tilpass Chrome Utviklerverktøy Med DevTools Forfatter

Tilpass Chrome Utviklerverktøy Med DevTools Forfatter

Hvis du er en frontend-utvikler, bør du allerede vite om Google Chrome DevTools-panelet. Dette følger med hver versjon av Chrome som tilbyr verktøy for redigering av rå HTML / CSS sammen med en JS-konsoll og muligheten til å manipulere DOM i sanntid.Et nytt gratis Chrome-plugin som heter DevTools Author, lar deg tilpasse DevTools-panelet med ekstra syntaksfargevalg, unike skrifttyper og egendefinerte skriftstørrelser.Oppse

(Tekniske og design tips)

CSS Post-prosessorer for nybegynnere: Tips og ressurser

CSS Post-prosessorer for nybegynnere: Tips og ressurser

CSS forbehandling er et konsept som de fleste webutviklere allerede har lært eller lest om. Vi har dekket CSS preprocessing i full detalj for å hjelpe utviklere til å få fart på denne utbredte teknologien. Men hva med postprosessorer ?Disse relativt nye verktøyene er like i den forstand at de påvirker webutviklings arbeidsflyten, men de opererer på den andre siden av CSS utvikling ("post" -utvikling).I dette

(Tekniske og design tips)