9 skal have funktioner til Magazine-Style Blogs
Online blogs har morphed i digitale publikationer med alle store print brand kører sin egen hjemmeside. Disse blogs tager normalt form af et digitalt magasin, der ser meget mere professionelt ud end et mindre personligt websted.
Men hvad går ind i et magasinlayout? Og hvordan kan du designe en til dit eget websted?
Denne liste skal komme i gang med 9 vigtige funktioner til et kvalitetsbladblogsdesign. Hvis du arbejder med disse funktioner og forsøger at opbygge en brugbar grænseflade Du får et godt design, der passer til enhver online publikation.
1. Stærk Branding
Dette kan synes indlysende, men et stærkt mærke hjælper virkelig med at sælge "magazine" følelsen over en personlig blog. Hvis du skal til en autoritativ publikation, skal du fokusere om branding .
Hvordan vil du skille sig ud fra hver anden blog? Ideelt gennem indhold, men dit mærke er en stor del af det. For eksempel er det Wired logo nedenfor velkendt blandt tech blogs. Det har eksisteret i årevis, og når du ser det mærke genkender du straks stedet.
Men du kan også tilføje branding i dit sides sidebjælke og sidefod. Målet er at skabe en ensartet stil, der bare føles stærkere end rinky-dink blogspotsites.
2. Skarpe overskrifter
Du kan style din overskrift et vilkårligt antal måder, så der er ikke et rigtigt design. Men du vil altid overskriftstypografi Det er skarpt, let at skumme og normalt tykt.
Tag et kig på overskrifterne på US Magazine at se hvad jeg mener. Disse overskrifter spænder over hele sidens bredde og bogstaverne er temmelig tyk. Du kan ikke ignorere den overskrift, fordi den praktisk talt er trykket ind i dit ansigt. Det er målet med din overskrift - gør det skarpt nok til virkelig at tage fat på opmærksomheden og opmuntre folk til at fortsætte med at læse.
3. Tiered Navigation Menuer
Nogle designere kan argumentere for denne funktion, der siger, at magasinwebsteder ikke behøver massive menuer. Dette er generelt sandt, men bladmagasinet har ofte et stort arkiv af indlæg. Du ønsker at tilbyde den bedst mulige måde for folk at gennemse alle disse indlæg.
Uanset om du bruger WordPress-kategorier, tags eller endda brugerdefinerede taksonomier , kan du tilføje disse til en massiv mega navigation. Dette kan omfatte dropdown-menuer med lister over seneste indlæg eller populære tags / kategorier eller endda en blanding af begge.
Menuen til Atlanta Magazine er temmelig glat med mange links indlejret i dropdown. Plus den lydhøre glidende nav er klart tilgængelig på mobilen, så smartphone-brugere ikke går glip af.
Denne tiered navigation kan indeholde multi-level dropdowns eller endda være fastgjort til at rulle med brugeren. Så mange muligheder og virkelig den største faktor er brugervenlighed blandet med tonsvis af links til browsing.
4. Udvalgte indlæg Widgets
Hver magasin stil hjemmeside ser lidt anderledes ud med forskellige post thumbnail størrelser, brugerdefinerede formater, og selvfølgelig forskellige featured widgets.
Jeg betragter disse som et hæfteklammer på et magasinwebsted, fordi den udvalgte widget er, hvad der tager fat på opmærksomheden. Det er det, du kan bruge til at promovere de seneste indlæg eller varme historier, der skal have mest opmærksomhed.
Search Engine Journal har en skyder med karruseltype, hvor den roterer mellem 3 af deres fremhævede historier på én gang. Hver historie lægger et uddrag i venstre side, som også indeholder en forhåndsvisningsminiatur.
Men ingen hjemmesider er ens, så prøv at gennemse dine favoritmagasinwebsteder og se hvilke andre fremhævede historiestiler du kan finde.
5. Fremragende delingsknapper
Når det kommer til bygning en stærk tilstedeværelse du kan ikke ignorere sociale medier. Og hvis du vil have flere besøgende til din magasinstil blog, vil du have brug for sociale delingsknapper på hvert indlæg.
Disse kommer i mange stilarter og kan rettes til siden af siden, eller tilføjes til bunden af indlægget eller endda tilføjet til billeder som Pinterest-deleknapper.
På ZDNet bruger de et langt rektangel med at dele knapper lige under postoverskriften. Dette bruger almindelige ikoner med farvede blokke til at referere til alle de bedste sociale netværk.
Men igen kan du finde et ton af eksempler bare ved at kigge på nogle populære blogs. Og uanset hvilken stil du vælger, er det en god idé at split test formater for at se, hvilke (e) der genererer flest aktier.
6. relaterede indlæg
Jeg er sikker på, at vi alle kan se disse widgets med titlen "Du kan også lide ..." i bunden af nyhedsartikler. Nogle af disse er indfødte annoncer men magasin stil websteder bruger virkelig disse widgets til at fremme relevant indhold.
Denne funktion skal være en hæfteklammer for enhver blog, fordi det er en fantastisk måde at øge sidevisninger uden meget indsats. Besøgende vil ikke altid søge efter kategori, men de kan søge efter relaterede indlæg. Eksempelet nedenfor fra Real Simple har et super rent design; præcis hvad du skal gå til.
Post thumbnails tage først opmærksomheden, så sørg for, at de fremhæves prominently nær overskrifterne.
7. Tilgængelig søgning (selv på mobil)
Hvert websted har brug for en søgeformular. Det er en af de bedste måder at øge brugervenlighed ved at hjælpe folk med at finde relevant indhold.
Forskellen med et magasinsted er, at det ofte kan føles alt for travlt til at søge. Brugere kan føle sig overvældet med så meget indhold og så mange links, at de måske ikke engang forstyrrer forsøger at søge.
En fremtrædende søgeformular som på Skub firkant er ideel til at opmuntre flere søgninger.
Du kan kaste et forstørrelsesglasikon i din navigation og bruge dropdown-effekten på hver side. Dette virker naturligvis for mobil også så det er et pålideligt valg for hvert magasin layout.
8. Brugerdefinerede sideelementer
Denne funktion er en smule vag, men jeg dækker det vagt med vilje. Hver generisk blog føles som regel det samme: afsnit om afsnit med lille til ingen brugerdefineret formatering.
Store magasinstemaer udnytter tilpasningen ved at tilføje in-post-funktioner. Disse kan være et vilkårligt antal sideelementer, der forbedrer dit indhold og gør dine indlæg lettere at forbruge. Et par ideer jeg har set brugt på forskellige hjemmesider:
- Pull-citater
- Indholdsfortegnelse
- In-post billede diasshow
- "Se også" relaterede indlæg
Husk, hvordan jeg tidligere nævnte den relaterede indlægs widget? Det er dejligt at tilføje tæt på slutningen af dit indlæg, men du kan også tilføje relateret indhold i dit indlæg.
For eksempel TechCrunch tilføjer en "se også" widget i bunden af hvert indlæg. Dette er også overvejende på tech bloggen Hongkiat som tilføjer relevante indlæg i små blokke i indholdet.
Jeg kan ikke fortælle dig præcis hvilke funktioner du skal tilføje til dit websted. Men helt sikkert tilbringe tid brainstorming nogle ideer og teste dem ud for at se, hvad pinde.
9. Fremhævede billedoverskrifter
Hvis du vil have opmærksomhed lige ved første pageload, har du to ting: Et stort overskrift (tidligere dækket) og et tydeligt fremhævet billede.
WordPress leveres med fremhævede billeder som standard og du kan programmere specifikke størrelser til dine billeder. For blog-blogs er det bedst at gøre disse temmelig store og følge helten billed trend . Du kan bruge et fuldskærmbillede som i Dwell screenshotet nedenfor. Eller du kan designe billeder, der passer ind i dit layouts indholdsområde.
Uanset hvad hvert indlæg skal have et stort billede, der hjælper med at sælge indholdet. Du kan se dette på stort set alle bladblader i bloggen, selv på dette indlæg, hvis du rulle til toppen!
Husk alle disse ideer, når du designer dit layout og efterlader masser af plads til iøjnefaldende fremhævede billeder.
