ZYVOPDOCS
MULTI-PLATFORM SYNC
Platform FeaturesPublication

Layout & Branding

Choose a responsive publication layout and configure light/dark logos, favicons, social links, and display toggles.

Publication Layouts

Choose one of three production homepage layouts from Publication → Appearance:

LayoutBest suited for
ClassicA featured lead article, chronological stream, and utility sidebar
StackedA clean chronological feed for long-form engineering articles
Bento GridA featured lead article, identity and most-read panels, a responsive card grid, and newsletter banner

All three layouts are customer-selectable in production and use the same publication branding, navigation, search, and responsive article pages.


Branding

Logo & Favicon

Upload separate logos for light mode and dark mode. The branding resolution cascade:

  1. Custom uploaded logo (light/dark variants)
  2. Profile avatar (if useProfileAvatar is not disabled)
  3. Monogram — first letter of your publication name rendered in a styled container

Configure a custom favicon that appears in browser tabs and bookmarks. Falls back to your logo, then your profile avatar.

Social links can be inherited from your profile or overridden at the publication level. Supported platforms: GitHub, Twitter/X, LinkedIn, YouTube, and personal website. Social links appear in the publication header, hero section, and footer with platform-specific icons.


Display Settings

Toggle what metadata is shown on your publication:

SettingDescription
display.showReadTimeToggle read time on articles
display.showViewsToggle view count display
display.showAuthorBioToggle author bio in hero
display.showSocialLinksToggle social links in hero
display.showNewsletterCardToggle newsletter signup card
display.hideZyvopBrandingHide "Powered by ZyVOP" branding (Pro)

Theme Configuration Reference

The publication theme is stored as a validated JSON settings object:

SettingDescription
layoutclassic, stacked, or grid (Bento Grid)
branding.logoLightUrlLogo URL for light mode
branding.logoDarkUrlLogo URL for dark mode
branding.faviconUrlCustom favicon URL
branding.useProfileAvatarUse profile avatar as logo fallback
seoTitleOverride SEO title tag (max 70 chars)
seoDescriptionOverride meta description (max 200 chars)
ogImageUrlCustom Open Graph image URL
socialSocial link overrides (github, twitter, linkedin, youtube, website, inheritFromProfile)
navbarArray of navigation links (max 20 items)
monetizationAdSense config (adsensePublisherId, adsenseEnabled, adsenseAutoAds)
widgetsArray of custom sidebar widgets (max 20 items)

On this page