WordPress テーマWallstreet【設定方法】サービスやポートフォリオなど

こんにちは！アユミーノです。

このページに辿り着いたということは、テーマWallstreetのトップページの設定に関する情報をお探しですね。

こんな声が聞こえてきそうです。

私も、このテーマを触ったとき、何がどこにあるのか探すのに戸惑いました。


そして、設定メニューが畳まれている箇所もあり、後から修正依頼を受けた時に、「どこにあったっけ？」と、また探してしまいます。(T_T)

ちょっと、分かりにくいんですよね。


自分の備忘録も兼ねて、WordPress のテーマWallstreetの、トップページの各設定の場所についてお届けしていきます。


画面キャプチャーを入れて、分かりやすく解説していきますので、どうぞご覧ください！

▶参考までに、テーマ「Wallstreet」のデモサイトリンク

WordPress テーマWallstreet【設定方法】サービスやポートフォリオなど

本記事では、Wordpress のテーマWallstreetのトップページの以下4箇所の設定方法について、説明します。

上から順に解説していきますので、必要なところだけ、ご覧くださいね。

以上４つの設定場所は、Wordpress のメニューに以下の様に並べられています。

では、早速、上から設定していきましょう！

画像スライダーを設定する方法

Wallstreetの画像スライダーの設定は、Wordpress 左メニューの「Featured Sliders」が入り口です。

１．新規追加

Featured Slidersをを触り、右側に表示されたメニューから、「Add-New」をクリックします。

２．各項目を設定

下図、左のような画面が開くので、各項目を入力します。

1. テーマ名称❶
2. タイトル名称❷
3. 説明内容❸
4. ボタン名称❹
5. ボタンをクリック（タップ）で表示するページのURL❺

右側の写真が実際の表示です。
上から、順に入れていく流れとなります。

尚、リンクボタンの❺は、リンク先のURLを入れます。
固定ページでも、投稿ページでもOKです。

３．スライダー画像設定

スライダー画像を画面右の、アイキャッチ画像に設定します。

表示させる画像を選択します。

以上が画像スライダーを設定する時の流れになります。

この設定を、画像スライダー毎に行います。

サービスを設定する方法

次に、サービス内容の設定方法を説明します。

Demoサイトだと「What We Do」と書かれたところです。

１．新規追加

Featured Servicesを触り、右側に表示されたメニューから、「Add-New」をクリックします。

２．各項目を設定

下図、左のような画面が開くので、各項目を入力します。

以上がサービスを設定する時の流れになります。
この要領で、各サービスを設定します。

尚、「アイコン」と書かれている箇所は、「Font Awesome」という素材を提供しているサービスのサーバーにリンクさせて、素材データを読み込んでアイコン表示させる場合に使います。

その使い方は、「サルワカ」さんのサイトで詳しく解説されていますので、ご参照ください。

ポートフォリオを設定する方法

次に、ポートフォリオの箇所を設定方法を説明します。

Demoサイトだと「Featured Portfolio Project」と書かれたところです。

１．新規追加

Featured Servicesを触り、右側に表示されたメニューから、「Add-New」をクリックします。

２．各項目を設定

下図、左のような画面が開きますので、各項目を入力します。

補足と注意事項

補足

❹は、「固定ページ」「詳細ページ」どちらでもリンクできます。

注意事項

❹のリンクURLと、❺のボタンテキストの設定欄が、閉じている場合があります。

右側の下▼ボタンをクリックすると、表示が開きます。

クライアントを設定する方法

最後に、クライアントの設定です。

Demoサイトだと「Meet Our Greatest Client」と書かれたところが該当します。

１．新規追加

Clientsを触り、右側に表示されたメニューから、「Add-New」をクリックします。

２．各項目を設定

下図、左のような画面が開いたら、各項目を入力します。

以上です(^o^)