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.

Legg inn animerte GIFs som Facebook med jqGifPreview

Twitter og Facebook har mange mennesker som deler animerte GIF hver dag. Hvis disse er alle auto-spilte, kan de være grusomme i en feed.Begge nettverkene kommer rundt dette med en klikk-for-forhåndsvisning for alle GIF-er. Dette lar brukeren velge hvilke animasjoner de vil se ved å velge når du skal starte / stoppe animasjonen.Med

(Tekniske og design tips)

Utforsk Open Source-prosjekter med GitTrends

Tusenvis av nye open source-prosjekter blir lagt ut på GitHub hver dag. Gjennom årene har dette skapt et stort bibliotek med prosjekter, og det kan være vanskelig å sile gjennom alt .Men den nye gratis webapps, GitTrends, gjør det enkelt og morsomt å lete etter prosjekter .Du kan søke etter ord relatert til biblioteker som jQuery, React eller lignende. GitTr

(Tekniske og design tips)