Docs / WordPress / Using your theme in WordPress

Using your theme in WordPress

After your first export, your transjt theme is in WordPress. Here is how to activate it and build pages.

Before you start

The transjt plugin must be installed and connected. See Connecting WordPress.

Activate the theme

After your first export, go to Appearance > Themes. Your theme carries the project name and the cover image you set in transjt. Hover over it and click Activate.

Video: How to activate the transjt theme in WordPress
WordPress Appearance, Themes: exported transjt themes with their project name and cover image, the active theme marked Active with a Customize button
Appearance > Themes: hover over your transjt theme and click Activate.

Upload the theme manually

Recommended: deploy with the plugin. The best way to get your theme into WordPress is the installed transjt plugin: connect it once, then click Deploy Theme to WordPress in the Deploy step. See Connecting WordPress.

If you still want to install the theme yourself, download it and upload it in WordPress. The theme works without the plugin.

  1. In transjt, open your project and go to the Deploy step.
  2. Click Download Theme. You get the theme as a ZIP file. You can also download an older version under Previous Packages.
  3. In WordPress, go to Appearance > Themes and click Add Theme.
  4. Click Upload Theme, choose the ZIP file and click Install Now.
  5. Click Activate.

Build pages

Go to Pages > Add New Page. Your transjt components are listed as blocks in the block inserter. Drag them onto the page and edit texts and images directly.

WordPress block editor with an exported transjt page: the block inserter lists the transjt blocks under TRANSJT, such as Home Hero, Pricing Tiers, FAQ Accordion and Site Footer, next to the page
WordPress block editor: your transjt blocks are grouped under TRANSJT in the block inserter.

Header, footer and menus

Header and footer are global components by default: you edit them once, and the change appears on every page. The header follows your WordPress menu, so a page you add to the menu appears in the navigation automatically.

Video: How to add and configure a navigation in WordPress
Video: How to add and configure a footer in WordPress

Forms

Before you export your first form, install and activate the Contact Form 7 plugin. The export then creates a working Contact Form 7 form.

Video: How to add a form in WordPress

Blog

Import your blog listing layout with the type Blog and the post layout with the type Blog Detail. After the export you get real post pages, listings, tags and pagination.

Video: How to add a blog in WordPress

Preview before you go live

In the Deploy step, click Open Preview on Ready to deploy. transjt shows your frontend combined with WordPress in a sandbox, before anything is installed on your own site.

Previous← Connecting WordPress