WordPress(および総合的なテーマ)でオンラインポートフォリオを構築する方法

ポートフォリオWebサイトは、必要なものをすべて紹介するのに最適なプラットフォームです。販売している製品、完了したプロジェクト、受賞した賞、インスピレーションを与える写真、誇りに思っているアートワークなどです。ポートフォリオサイトは、製品、サービス、およびスキルをターゲットユーザーに売り込みます。さらに、リードの生成にも役立ちます。クリエイティブプロフェッショナル(ウェブデザイナー、アーティスト、画家、作家、グラフィックイラストレーター)の場合、適切に設計されたウェブサイトは、クライアントを引き付けてビジネスを成長させるために特に重要です。.


この投稿では、Totalテーマを使用してWordPressでポートフォリオWebサイトを構築する手順を説明します。最初に、Totalテーマにはポートフォリオ用の組み込みのカスタム投稿タイプが含まれていることを知っておく必要があります。したがって、ポートフォリオを作成し、ポートフォリオアイテムを追加する方が簡単です。標準的な投稿の操作方法を知っている場合は、ポートフォリオを作成する方がはるかに簡単です。.

始めましょう!

ステップ1:ウェブホストを選択する

ホスティングに関しては、あらゆるポケットに対応できるホスティングオプションが数多くあります。しかし、1つを選ぶのが難しい場合は、WPExplorerが推奨するWordPressホスティングソリューションをご覧ください.

最高のWordPressホスティング

Bluehostは、低価格で多くのリソースを提供しているため、始めたばかりの場合に最適なオプションです。リンクを使用するとさらに低くなります。最初の1年で$ 2.55でBluehostを入手できます!

しかし、それを簡単にホスティングしたい場合は、FlywheelとWP Engineが、最も管理されているWordPressホスティング会社の2つです。どちらもリーズナブルな価格で優れた機能を提供しており、何よりもサーバーがすべてを管理してくれるので、サーバーについて考える必要がありません。.

ステップ2:ドメイン名を選択する

サーバースペースのホストにサインアップするときは、ドメイン名を手元に用意する必要があります。ドメイン名はWebサイトに固有であり、NameCheapやGoDaddyなどのレジストラーからこれらの名前を取得できます。後で変更するのはかなり面倒になるので、名前は慎重に選択してください.

ステップ3:WordPressをインストールする

WordPressのインストールは簡単です!管理対象ホストを使用すると、WordPressのインストールがすでに設定されています。 Bluehostを選択した場合は、ワンクリックのインストールプロセスに従うだけで、WordPressを数分で準備できます。.

ログイン画面が表示されたら、WordPressのインストール時に作成したユーザー名とパスワードを入力し、Webサイトにアクセスします。そこに到着したら、実際のポートフォリオWebサイトの作成に取り掛かることができます。.

ステップ4:テーマを選択してアクティブ化する

合計を選択するので、この手順は簡単です。私たちの意見では、このテーマにはビジネス、慈善団体、ポートフォリオなどに使用できる多くの機能とオプションが含まれているため、どのプロジェクトにも選択できる最高のテーマの1つです。簡単なデモインポートを使用すると、以下のように、数回クリックするだけでTotalで美しいポートフォリオWebサイトを作成できます。

Totalテーマをインストールしたら、ダッシュボードからクリックしてアクティブ化します 外観>テーマ>新規追加.

この段階では、選択することができます。Totalから任意のデモWebサイトをインポートできます。 デモインポーター.  Totalには、ポートフォリオのデモを含む、40以上の構築済みWebサイトがあります。デモを選択してインポートし、独自のコンテンツを追加できます.

気に入ったデモを選択し、画面の指示に従って、必要なプラグインをインストールしてアクティブ化し、サンプルコンテンツ(投稿、投稿タイプ、ウィジェット、メニューなど)をインポートします。.

ステップ5:ポートフォリオ項目の作成と編集、およびポートフォリオ項目のリストの作成

もちろん、始めるためにデモをインポートする必要はありません。独自のWebサイトをいつでも最初から作成できます。 Totalテーマを使用すると、独自のポートフォリオを簡単に作成できます.

しかし、ポートフォリオページを作成する前に、そのページに入るポートフォリオアイテムを作成する必要があります。 Totalには、ポートフォリオアイテムを作成するための2つのオプションがあります。.

オプション1:Totalのポートフォリオのカスタム投稿タイプをそのまま使用する

最初のオプションは、ポートフォリオを作成するのと同じように、ポートフォリオ投稿タイプを使用することです。 WordPressダッシュボードで、 ポートフォリオ>新規追加.

ポートフォリオの投稿タイプのアイテムの合計

ポートフォリオアイテムのタイトル、タグ、カテゴリ、およびテキストコンテンツを追加します。 Totalはさまざまなコンテンツタイプをサポートしています。 注目の画像 1つの画像を表示する場合は、複数の画像を イメージギャラリー スライダーを作成するセクション、またはオーディオまたはビデオファイルのリンクを ポートフォリオアイテム セクション。ただし、これらすべてのケースで、メイン設定(左、右、サイドバーなし)でページレイアウトを選択し、ポートフォリオグリッド、カルーセル、および関連する投稿で使用する投稿の注目画像を設定することもできます。完了したら、投稿を保存します.

合計ポートフォリオ投稿タイプ設定

次のステップは、 外観>カスタマイズ>ポートフォリオ ポートフォリオアーカイブページ(メイン、タグ、カテゴリ)および単一のポートフォリオアイテムページをカスタマイズします。ここから、サイドバーのレイアウト、関連する投稿の数を選択し、さまざまなページ要素を有効にして、必要な順序にドラッグアンドドロップできます.

それでおしまい!ポートフォリオを埋めるためにさらに項目を追加するだけです.

オプション2:Visual Composerを使用して独自のポートフォリオテンプレートを作成する

もっと実践的になりたい場合は、Totalの機能とVisual Composerページビルダーを使用して独自のデザイナーになることができます。 Visual Composerは、ドラッグアンドドロップメソッドを使用して美しいレイアウトを作成するのに役立つビジュアルページビルダーです。ユーザーとしては、コーディングを知る必要がなく、実際にWeb構築プロセスを楽しむことができることを意味します。 Totalには無料で付属しており、テーマを有効にすると、ウェブサイトにプラグインをインストールするよう求めるメッセージが表示されます。それもアクティブにすることを忘れないでください.

ダッシュボードからVisual Composer設定にアクセスして、プラグインをセットアップします。クリック Visual Composer>ロールマネージャ 設定を調整します。最も重要なのは、使用したい投稿タイプのコンポーザーを有効にすることです。デフォルトでは、Visual Composerはページでのみ有効です。ポートフォリオ投稿タイプでも有効にして、Visual Composerの助けを借りてポートフォリオ項目を作成できるようにします。.

最後のオプションと同じように、クリックして新しい投稿を作成する必要があります ポートフォリオ>新規追加. 投稿に名前を付け、カテゴリまたはタグを選択し、メイン設定セクションでサイドバーレイアウトを選択して、注目画像を設定します。投稿の下書きを保存します。これで構築を開始できます!

Visual Composer startのフロントエンド(ビジュアル)またはバックエンド(ブロック)エディターを使用してポートフォリオアイテムを編集するオプションがあります。ページ要素、カスタムカラー、パディング/マージンなどを確認できるため、フロントエンドエディターをお勧めします。ただし、どちらを使用する場合でも、Visual Composerを選択するだけです。 要素を追加 開始するためのボタン.

トータルポートフォリオページビルダー

要素ライブラリで利用可能なすべての要素が表示されます。 Totalには、標準のVisual Composer要素に加えて、特別に設計された多数の要素がライブラリに含まれています。上記のスナップショットでは、 画像スライダー と テキストボックス ポートフォリオアイテムを作成します。ただし、ライブラリから他のほとんどすべての要素を使用できます.

編集が完了したら、ポートフォリオの投稿を保存してクリックします 公開する. 同様のアイテムをたくさん作成する場合は、 テンプレートを保存する 繰り返し使用します。レイアウトをテンプレートとして保存するには、バックエンドエディターに戻ります.

総ポートフォリオページテンプレート作成者

Templateraボタン(小さな灰色のレイアウトアイコンのように見えます)をクリックします.

総ポートフォリオページテンプレート

次に、テンプレートに名前を付けて保存します。新しい投稿でテンプレートを使用するには、Templateraアイコンをクリックして、保存したレイアウトを挿入します。または、特定の投稿タイプのすべての新しい投稿のデフォルトとしてテンプレートを設定できます.

ポートフォリオページテンプレートの合計デフォルト

これを行うには、 Visual Composer>一般設定 そして、それぞれの投稿タイプに好みのテンプレートを設定します。ポートフォリオやスタッフなどに多くのアイテムを追加することを計画している場合、すべての標準ページ要素が自動的に挿入されてフォーマットされるため、これは本当に時間を節約します.

ステップ6:ポートフォリオページの作成

ポートフォリオに表示するポートフォリオ項目のリストができたので、これらのポートフォリオ項目を保持するページを作成します。 WordPressで通常行う方法でページを作成します。に行く ページ>新規追加. 新しいページにタイトルを付けて保存します.

次に、操作するVisual Composerオプションをクリックします。ここでも、フロントエンドエディターまたはバックエンドエディターを使用するオプションがあります。これにより、ライブドラッグアンドドロップエディターが開きます。青をクリックして 要素を追加 ボタン。ポートフォリオグリッド要素を使用して、ポートフォリオページを作成します. ポートフォリオグリッドを選択. ポートフォリオページで必要なカルーセルの場合は、ポートフォリオカルーセル要素を選択します。.

ポートフォリオグリッド要素の設定を調整して、ポートフォリオページの表示方法を微調整できます。画像のサイズを選択し、境界線を追加し、タイトルを付けることができます。カテゴリの指定、ページごとの順序、列と投稿の選択、ページネーションの有効化、グリッドスタイルの選択、抜粋の追加など. セーブ テキストエディターの下の設定オプションを入力した後のポートフォリオページ.

変更を加えても、変更を表示することができます。これは、ポートフォリオグリッド要素への変更を保存した後、私のポートフォリオページがフロントエンドでどのように見えるかです。.

ステップ7:ポートフォリオをカスタマイズする

ライブWordPressカスタマイザの設定を使用して、ブレッドクラム、アーカイブレイアウト、単一の投稿スタイル、画像のトリミングなどのオプションを設定できます.

管理アイコン、投稿タイプ名、スラッグ、分類を変更する場合は、 ポートフォリオ投稿タイプエディター.

ステップ8:ポートフォリオをメニューに追加する

ポートフォリオのウェブサイトでは、メインページにポートフォリオページを表示して、訪問者が「ポートフォリオ」にすぐにアクセスしてポートフォリオページを表示できるようにするのが理にかなっています。新しいポートフォリオページを追加するには、 外観>メニュー, ポートフォリオページを選択してクリック メニューに追加.

これで、ポートフォリオは、ホームページ(およびメインメニューが有効になっている他のページ)に簡単にアクセスできるメニュー項目として表示されます。.

ポートフォリオページをホームページにしたい場合は、 設定>読み取り, フロントページの表示を静的ページに設定してから、ポートフォリオを選択します。イージーピージー!

仕上げ

Webサイトのポートフォリオセクションを配置したら、先に進んでWebサイトにページを追加することができます。非常に有用であり、ポートフォリオWebサイトに必要な部分である、連絡先ページ、概要、またはサービスを検討してください。必要な数だけページを作成し、重要なページをメニューに含めて本格的なポートフォリオウェブサイトを作成することを忘れないでください。.

ポートフォリオを完成させると、ポートフォリオへのトラフィックの生成、画像の最適化、またはWebサイトの収益化に移ることができます。オンラインでポートフォリオを構築するためのその他のヒントはありますか?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map