すべてのドキュメント

ドキュメントWordPressWordPressでテーマを使う

WordPressでテーマを使う

最初のエクスポートが終わると、transjtのテーマがWordPressに入っています。ここでは、テーマを有効化してページを作る方法を説明します。

始める前に

transjtプラグインをインストールして、接続しておく必要があります。WordPressの接続をご覧ください。

テーマを有効化

最初のエクスポートの後、外観 > テーマに移動します。テーマには、transjtで設定したプロジェクト名とカバー画像が表示されます。テーマにマウスを重ねて、有効化をクリックします。

動画:WordPressでtransjtのテーマを有効化する方法
WordPress Appearance, Themes: exported transjt themes with their project name and cover image, the active theme marked Active with a Customize button
外観 > テーマ:transjtのテーマにマウスを重ねて、有効化をクリックします。

テーマを手動でアップロード

おすすめ:プラグインでデプロイ。テーマをWordPressに入れる最善の方法は、インストール済みのtransjtプラグインを使うことです。一度接続すれば、あとはDeployステップでDeploy Theme to WordPressをクリックするだけです。WordPressの接続をご覧ください。

それでもテーマを自分でインストールしたい場合は、テーマをダウンロードしてWordPressにアップロードします。テーマはプラグインがなくても動作します。

  1. transjtでプロジェクトを開き、Deployステップに進みます。
  2. Download Themeをクリックします。テーマがZIPファイルでダウンロードされます。Previous Packagesから、以前のバージョンをダウンロードすることもできます。
  3. WordPressで外観 > テーマに移動し、新しいテーマを追加をクリックします。
  4. テーマのアップロードをクリックし、ZIPファイルを選んで今すぐインストールをクリックします。
  5. 有効化をクリックします。

ページを作る

固定ページ > 新規固定ページを追加に移動します。transjtのコンポーネントは、ブロック挿入ツールにブロックとして表示されます。ページにドラッグして、テキストや画像を直接編集します。

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のブロックエディター:transjtのブロックは、ブロック挿入ツールのTRANSJTにまとめて表示されます。

ヘッダーとフッターは、初期設定でグローバルコンポーネントになっています。一度編集すれば、変更がすべてのページに反映されます。ヘッダーはWordPressのメニューに連動するため、メニューに追加したページは自動的にナビゲーションに表示されます。

動画:WordPressでナビゲーションを追加・設定する方法
動画:WordPressでフッターを追加・設定する方法

フォーム

最初のフォームをエクスポートする前に、Contact Form 7プラグインをインストールして有効化してください。エクスポートすると、動作するContact Form 7のフォームが作成されます。

動画:WordPressにフォームを追加する方法

ブログ

ブログの一覧レイアウトはタイプBlogで、投稿のレイアウトはタイプBlog Detailで取り込みます。エクスポート後には、本物の投稿ページ、一覧、タグ、ページ送りが使えます。

動画:WordPressにブログを追加する方法

公開前にプレビュー

Deployステップで、Open Preview(Ready to deploy内)をクリックします。ご自身のサイトに何かをインストールする前に、transjtがフロントエンドをWordPressと組み合わせて、サンドボックスで表示します。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。