![](https://takaprex.com/wp-content/uploads/2022/03/1519886448.png)
このブログで紹介されていたBLACK SILVERというワードプレステーマが気になるけど・・・海外のテーマだし英語にも自信がないので上手く使いこなせるか不安です。
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
初期設定から写真ギャラリーの作成までサイト作りに必要な一連の作業を説明しますね!
今回はこのブログで度々オススメしている写真サイト用テーマ「BLACK SILVER」の使い方を徹底解説します。英語の問題などで不安な方はこの記事を見ながら進めて頂ければサイトを作成できるようになっていますので、安心して下さい。
✔️この記事でわかること
- BLACK SILVERが写真サイト作りにオススメな理由
- BLACK SILVERの購入方法
- BLACK SILVERでサイトを作る流れ
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
私もこれまでBLACK SILVERで複数のサイトを作成しました。
✔️実際にBLACK SILVERを使っているサイトの例
![プロフィール撮影サービスAimer](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-17-0.11.52-1024x598.png)
![プロフィール撮影サービスAimer](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-17-0.11.52-1024x598.png)
BLACK SILVERが写真サイト作りに最適な理由3つ
![](https://takaprex.com/wp-content/uploads/2023/01/68747470733a2f2f696d6167696e656d7468656d65732e636f2f77702d636f6e74656e742f75706c6f6164732f323031392f30352f696d6167652d312e6a7067-1024x702.jpeg)
![](https://takaprex.com/wp-content/uploads/2023/01/68747470733a2f2f696d6167696e656d7468656d65732e636f2f77702d636f6e74656e742f75706c6f6164732f323031392f30352f696d6167652d312e6a7067-1024x702.jpeg)
BLACK SILVERはフォトグラファーの為に作られたワードプレステーマです。そのため、これからポートフォリオサイトを作ろうと考えているフォトグラファーにはとてもオススメです。
✔️BLACK SILVERがオススメな理由
- サイトデザインの種類が豊富
- 写真のギャラリーページが直感的に作ることができる
- プルーフ機能や右クリック防止など便利機能が充実している
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
オシャレな海外のワードプレステーマを使いこなしている人は少ないので、それだけでも差別化につながりますね。
それぞれ説明します。
1.サイトデザインの種類が豊富
BLACK SILVERは10種類以上ものサイトデザインが付属しています。簡単にいうと「着せ替え」のようにデザインパターンを変更することができます。
この着せ替えパターンを「デモ」と呼びます。
![テーマとデモファイルの関係](https://takaprex.com/wp-content/uploads/2022/05/wordpress_demo_アートボード-1-1024x576.png)
![テーマとデモファイルの関係](https://takaprex.com/wp-content/uploads/2022/05/wordpress_demo_アートボード-1-1024x576.png)
BLACK SILVERのデモ・パターンは公式サイトで確認できます。下記はその一部です。
![BLACK SILVERデモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.20.png)
![BLACK SILVERデモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.20.png)
![](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.31.png)
![](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.31.png)
![BLACK SILVER デモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.52-1024x720.png)
![BLACK SILVER デモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-18-23.42.52-1024x720.png)
![BLACK SILVER デモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-22-21.21.16-1024x518.png)
![BLACK SILVER デモ](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-22-21.21.16-1024x518.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
デザインが豊富なのできっと好みの写真サイトが制作できますよ。
どのデモが良いか迷ったら下記を基準に考えてみると決めやすいです。
✔️デザイン選びのポイント
- TOPページの写真を1枚で大きく見せるか?ギャラリー風にするか?
- メニューの位置はどこがいいか?
- 写真の掲載だけか?ブログも書くか?
2.写真のギャラリーページが直感的に作ることができる
2つ目の特徴は操作性です。
海外製のクリエエイター系のワードプレステーマはElementor(エレメンター)というプラグイン(※)を使って、各種のページや画像ギャラリーを作成します。
プラグインはWordpressやテーマが元から持っている機能では足りない部分を補うアドオンのようなものです。
Elementorは下記の操作例のように、サイトの構成パーツを組み合わせてページを作っていくので、コードを書いたりする必要がなく、直感的なサイト作りが可能です。
3.便利機能が充実している
BLACK SILVERはフォトグラファーの為に作られたテーマなだけあって、色々と便利な機能が揃っています。特に便利なのが、「右クリック防止機能」と「プルーフィング機能」です。
✔️右クリック防止機能
BLACK SILVERではサイト上で右クリックを禁止する設定が可能です。フォトグラファーにとって悩ましいのが、写真の著作権の問題です。自分の写真を見てもらいたいけれど、勝手に使われるのは困りますよね。この機能を使うと、そもそも右クリックできないので、下記のような「名前を付けて画像を保存」などもできなくなります。
![](https://takaprex.com/wp-content/uploads/2023/01/right_click-1024x647.png)
![](https://takaprex.com/wp-content/uploads/2023/01/right_click-1024x647.png)
✔️プルーフィング機能
BLACK SILVERには「プルーフィング」という機能が付いています。簡単にいうと、写真選定のための画像共有ページを作る機能です。
仕事の撮影では、納品カットの選定をクライアントに行って貰うケースが多いと思います。その際、Google Photoなどのクラウド上で一旦全てのカットを共有して、クライアントに選定して貰っていないでしょうか。この場合、お互いに選定カットの確認が煩わしいことが多いです。
BLACK SILVERのプルーフィングは、以下の様な流れになります。
1. WEBサイト上にプルーフィング用のギャラリーを作成
2. 候補カットの写真をアップロード
3. ギャラリーのURLとパスワードをクライアントに連絡
4. クライアントは採用カットに「いいね」をする
5. フォトグラファーはどれに「いいね」がされたかサイト上で確認
![Black Silver Proofing](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_proofingpng-1024x673.png)
![Black Silver Proofing](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_proofingpng-1024x673.png)
プルーフィングのサンプルはコチラで確認できます。
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
プルーフィングのページはパスワードで保護できます。クライアントとのやり取りがスムーズになり、番号を控える手間や伝達ミスを防ぐことができます。
BLACK SILVERの購入方法
![envato market 購入画面](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-22-22.39.21-1024x575.png)
![envato market 購入画面](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-22-22.39.21-1024x575.png)
BLACK SILVERはEnvato Marketで購入が可能です。
尚、ENvato Marketの使い方は下記の記事で説明していますので、こちらに沿って進めてみて下さい。
![](https://takaprex.com/wp-content/uploads/2022/04/envato_アートボード-1-300x169.png)
![](https://takaprex.com/wp-content/uploads/2022/04/envato_アートボード-1-300x169.png)
6ヶ月間のサポートがついて、59ドルです。追加料金の支払いでサポートを12ヶ月に伸ばすことも可能ですが、6ヶ月あれば問題ないので、とりあえずは不要かと思います(後からサポート期間延長だけを追加購入も可能です)。
BLACK SILVERの使い方マニュアル
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
では、ここから具体的なBLACK SILVERの使い方を解説します。
本記事では、BLACK SILVERのマニュアルとして以下のステップを解説します。サイトを形にする流れを詳しく解説していきますので、じっくり進めてみて下さい。
✔️本記事で学ぶBLACK SILVERの使い方
- テーマの有効化
- 必須プラグインのインストール
- デモのインポート
- メニューの作成 (Aboutページ、問い合わせページなど)
- 画像ギャラリーの作成
- SNS連携
それでは早速いきましょう。
1. テーマのインストール
BLACK SILVERを購入したら、ワードプレスで使える状態にしていきます。
まず、必要な構成ファイルをダウンロードします。
BLACK SILVERを購入後に、右上のユーザーメニューにある「Downloads」をクリックします。
![envato ファイルダウンロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-12-0.04-1024x646.png)
![envato ファイルダウンロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-12-0.04-1024x646.png)
そうすると、購入済みのテーマの一覧画面に遷移します。BLACK SILVERのDownloadボタンのプルダウンメニューから「All files & documentation」をクリックしてファイルをダウンロードして下さい。
![BLACK SILVER All files](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.14-1024x622.png)
![BLACK SILVER All files](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.14-1024x622.png)
下記のようにいくつかファイルがダウンロードされます。
![](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-23-23.41.34-1024x572.png)
![](https://takaprex.com/wp-content/uploads/2023/01/スクリーンショット-2023-01-23-23.41.34-1024x572.png)
- blacksilver.zip・・・メインの構成ファイルです
- help guide・・・BLACK SILVERの基本操作の解説が載ってますが英語のみです
- liscensing・・・BLACK SILVERを有効化するために必要なラインセンス情報です
- Manual Demo Import・・・デザインを決めるデモファイルです
ファイルが揃っていることを確認できたら、ワードプレスの管理画面にログインをします。
①ワードプレス管理画面で「外観」→「テーマ」→「新しいテーマを追加」
![wordpressテーマアップロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.22-1024x520.png)
![wordpressテーマアップロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.22-1024x520.png)
②「テーマのアップロード」をクリック
![wordpressテーマアップロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.27-1024x440.png)
![wordpressテーマアップロード](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.27-1024x440.png)
③「ファイルを選択」からblacksilver.zipの圧縮ファイルを選択し「今すぐインストール」→「有効化」
![wordpress_テーマファイルの選択](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.29-1024x359.png)
![wordpress_テーマファイルの選択](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.29-1024x359.png)
![wordpressテーマファイル_いますぐインストール](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.34-1024x292.png)
![wordpressテーマファイル_いますぐインストール](https://takaprex.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-04-23.34-1024x292.png)
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_有効化をクリック-1024x673.png)
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_有効化をクリック-1024x673.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
必ずzipファイルをアップロードして下さい。
2. 必須プラグインのインストール
テーマを有効化すると下記の画面のように”This theme requires the following plugins:〜”と表示されます。ここに青字で記載されているものが必要なプラグインになるので、これらをインストールします。
①Begin installing pluginsをクリック
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_必要なプラグイン-1-1024x552.png)
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_必要なプラグイン-1-1024x552.png)
②全てのプラグインにチェック→「一括操作」でinstallを選択→「適用」
![](https://takaprex.com/wp-content/uploads/2023/01/プラグインのインストール-1024x423.png)
![](https://takaprex.com/wp-content/uploads/2023/01/プラグインのインストール-1024x423.png)
③インストールしたプラグインを全てにチェック→「一括操作」で「有効化」を選択→適用
![プラグイン有効化](https://takaprex.com/wp-content/uploads/2023/01/プラグイン有効化-1024x527.png)
![プラグイン有効化](https://takaprex.com/wp-content/uploads/2023/01/プラグイン有効化-1024x527.png)
3. デモのインポート
ここまでの流れでテーマとプラグインの有効化をしました。
しかし、この状態ですと下記のようにサイトにはデザインが反映されていません。
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_デモインポート前-1024x593.png)
![](https://takaprex.com/wp-content/uploads/2023/01/blacksilver_デモインポート前-1024x593.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
サイトにBLACK SILVERのデザインを反映するにはデモのインポートが必要です。
①「外観」→「Import Demo Data」を選択
![](https://takaprex.com/wp-content/uploads/2023/01/import_demo.png)
![](https://takaprex.com/wp-content/uploads/2023/01/import_demo.png)
②インポート可能なデモ一覧が表示されるので選択
![](https://takaprex.com/wp-content/uploads/2023/01/demo選択-1024x690.png)
![](https://takaprex.com/wp-content/uploads/2023/01/demo選択-1024x690.png)
デモは後から変更可能ですが、サイト作りが進むに連れて影響範囲が大きくなってしまいますので、よくよく考えてからインポートすることをオススメします。
今回はサンプルとしてVenusというデモをインポートします。
![](https://takaprex.com/wp-content/uploads/2023/01/venus.png)
![](https://takaprex.com/wp-content/uploads/2023/01/venus.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
トップページの大きく写真が掲載できるデザインはインパクトを与えられるのでオススメです。
③Continue & Importをクリック
![](https://takaprex.com/wp-content/uploads/2023/01/demo_importクリック-1024x552.png)
![](https://takaprex.com/wp-content/uploads/2023/01/demo_importクリック-1024x552.png)
下記の画面になるとインポート完了です。
![](https://takaprex.com/wp-content/uploads/2023/01/import-complete-1024x499.png)
![](https://takaprex.com/wp-content/uploads/2023/01/import-complete-1024x499.png)
「Visit Site」をクリックするとサイトにデザインが反映されていることを確認できます。
![](https://takaprex.com/wp-content/uploads/2023/01/デモインポート完了-1024x501.png)
![](https://takaprex.com/wp-content/uploads/2023/01/デモインポート完了-1024x501.png)
4. メインメニューを作成する
次のステップではサイトのメニューを構成していきます。
私が選んだVenusのデザインでは画面右上に出ているこのメニューの部分になります。
![](https://takaprex.com/wp-content/uploads/2023/01/メニュー外観.png)
![](https://takaprex.com/wp-content/uploads/2023/01/メニュー外観.png)
✔️写真サイトでよくあるメニュー構成
フォトグラファーのWEBサイトでよくあるメニュー構成をご紹介しますので、参考にメニューを考えて見て下さい。
- About・・・自己紹介ページ
- Contact・・・お問合せページ
- Works・・・仕事の実績
- Gallery・・・画像ギャラリー
例えば、風景写真、ポートレート、ファッション・・・とジャンルごとに分けたい場合は、メインメニューとして「Landscape」「Portrait」「Fashion」のように作ってしまうか、それらをGallery(ギャラリー)の下層にサブメニューとして並べるという方法もあります。
撮影の仕事に繋げたい人は、写真をジャンルごとに整理する事をオススメします。クライアントは自分が見たいジャンルの写真以外は見ないので、目的のジャンルにすぐ誘導できるサイト構成が理想的です。
✔️新しくメニューを作る方法
①「外観」→「メニュー」へ進みます。
![](https://takaprex.com/wp-content/uploads/2023/01/外観メニュー.png)
![](https://takaprex.com/wp-content/uploads/2023/01/外観メニュー.png)
デフォルトでは下記のようなメニュー構成になっていますが、これを編集していくのは大変なので、新規に新しくメニューを作成しましょう。
![](https://takaprex.com/wp-content/uploads/2023/01/メニューデフォルト-1024x751.png)
![](https://takaprex.com/wp-content/uploads/2023/01/メニューデフォルト-1024x751.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
初期設定では、BLACK SILVERのデモ用メニューが設定されているので、自分のメニューを新たに作ります。
②新規にメニューを作成する
![](https://takaprex.com/wp-content/uploads/2023/01/8.新メニュー作成-1024x517.png)
![](https://takaprex.com/wp-content/uploads/2023/01/8.新メニュー作成-1024x517.png)
![](https://takaprex.com/wp-content/uploads/2023/01/9.新規メニュー作成-1-1024x317.png)
![](https://takaprex.com/wp-content/uploads/2023/01/9.新規メニュー作成-1-1024x317.png)
③「ホーム」をメニューに追加する
![](https://takaprex.com/wp-content/uploads/2023/01/10.ホームを追加-1024x274.png)
![](https://takaprex.com/wp-content/uploads/2023/01/10.ホームを追加-1024x274.png)
メニューは受け皿にすぎないため、作成した時点では空っぽの状態です。そこにAboutページやContactページなどの項目を追加していく事でメニューが完成します。
④homeメニューを修正する
これは「home」をクリックした時にTOP画面に戻るためのものですが、初期設定ではBlack Silverのサンプルサイトに遷移するようになっていますので、自分のサイトのTOP画面のURLに変更しておきましょう。
![](https://takaprex.com/wp-content/uploads/2023/01/メニューhome修正-1024x650.png)
![](https://takaprex.com/wp-content/uploads/2023/01/メニューhome修正-1024x650.png)
この時点では、下記のように新しく作ったメニューに「Home」の項目だけが存在している状態になっているはずです。
![](https://takaprex.com/wp-content/uploads/2023/01/homeだけのメニュー-1024x429.png)
![](https://takaprex.com/wp-content/uploads/2023/01/homeだけのメニュー-1024x429.png)
✔️Home以外のメニューは使わないの?
デフォルトで入ってる「About」「Contact」のページは海外仕様になっているので、これらは使わず新しくそれぞれのページを作成し、それをメニュー項目にする方が早いです。
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
この後、AboutページやContactページを作っていきましょう。
5. メニューを構成するページを作成する
先ほど作成した「My Menu」にはまだ「home」の項目しかありませんので、他の項目を作っていきます。メニューを構成する「About」や「お問合せ」といった項目はそれぞれが1つの独立したページなので、それらを作成していきます。
✔️Elementorでそれぞれのページを作成する
![](https://takaprex.com/wp-content/uploads/2023/01/elementor-1024x576.png)
![](https://takaprex.com/wp-content/uploads/2023/01/elementor-1024x576.png)
Elementorはウィジェット(ページを構成するパーツ)をドラッグ&ドロップして直感的にページを作成できるプラグインです。BLACK SILVERは全てのページをElementorで作成することが前提のテーマですので、ページを作っていきましょう。
![](https://takaprex.com/wp-content/uploads/2023/01/elementor_基本動作-1024x423.png)
![](https://takaprex.com/wp-content/uploads/2023/01/elementor_基本動作-1024x423.png)
- Aboutページ
- お問合せページ
フォトグラファーが写真サイトを作成する時に最低限必要なページになります。これらのページの作り方はそれぞれ下記の記事で説明していますので参考にして進めてみて下さい。
![](https://takaprex.com/wp-content/uploads/2023/01/elementor_aboutpage-300x169.png)
![](https://takaprex.com/wp-content/uploads/2023/01/elementor_aboutpage-300x169.png)
![](https://takaprex.com/wp-content/uploads/2022/06/Elementor_問い合わせフォーム_アートボード-1-300x169.png)
![](https://takaprex.com/wp-content/uploads/2022/06/Elementor_問い合わせフォーム_アートボード-1-300x169.png)
Aboutページとお問合せページを作成したら、先ほど作成した「My Menu」に追加します。
AboutとContactが自分で新しく作成したページなので、チェックを入れます。「メニューに追加」をクリックし、「メニューを保存」をクリック。これでAboutページとお問合せページがトップメニューに追加されます。
![](https://takaprex.com/wp-content/uploads/2023/02/11.メニュー追加-1024x381.png)
![](https://takaprex.com/wp-content/uploads/2023/02/11.メニュー追加-1024x381.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
作成したページをメニューに昇格させるイメージです。
6. 画像ギャラリーを作成する
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.37.14-1024x571.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.37.14-1024x571.png)
写真サイトのメインコンテンツであるギャラリーを作成します。Black SilverではPortfolioという機能を使って作成していきます。写真をまとめたい単位でPortfolioを作成していくイメージです。
✔️Portfolioの分け方の例
Portfloio①・・・ポートレート写真を集めたギャラリー
Portfloio②・・・風景写真を集めたギャラリー
Portfloio③・・・スナップ写真を集めたギャラリー
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
一番よくあるのは写真のジャンルごとにPortfolioを作成する方法ですね。
「Portfolios」→「新規追加」→「Elementorで編集」をクリック
![](https://takaprex.com/wp-content/uploads/2023/02/12.portfolio追加-1024x489.png)
![](https://takaprex.com/wp-content/uploads/2023/02/12.portfolio追加-1024x489.png)
Elementorでの画像ギャラリーの作成方法は下記で詳しく説明しているので、参考にしながら作成してみて下さい。
![](https://takaprex.com/wp-content/uploads/2022/06/elementor_gallery_アートボード-1-300x169.png)
![](https://takaprex.com/wp-content/uploads/2022/06/elementor_gallery_アートボード-1-300x169.png)
✔️作成したギャラリーをメニューに昇格させる
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.41.18-1024x622.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.41.18-1024x622.png)
上記の例のように、TOPページのメニューに「Landscape」「Portrait」など、ジャンルごとに作成したPortfolioを並べたい場合には下記の手順になります。
①「外観」→「カスタマイズ」でライブビュー編集画面に進みます
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.44.00.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.44.00.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.45.13-1024x510.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.45.13-1024x510.png)
②「メニュー」→「My Menu」(先ほど自分で作成したメニューです)
![](https://takaprex.com/wp-content/uploads/2023/02/14.外観カスタマイズメニュー-1024x507.png)
![](https://takaprex.com/wp-content/uploads/2023/02/14.外観カスタマイズメニュー-1024x507.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.46.04.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.46.04.png)
③「項目を追加」→「Portfolios」
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.46.20.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.46.20.png)
④メニューに追加したいPortfoliosの+マークをクリック
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.47.10.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.47.10.png)
下記のようにメニューに追加されたらOKです。
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.47.29.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-22.47.29.png)
7. SNSの連携をする
TwitterやInstagramなどのSNSを運用している方は、WEBサイト上にSNSのリンクを設定しましょう。Twitter経由でWEBサイトを訪問してくれた人がInstagramでもフォローしてくれる、またはその逆、といった事もあります。
①「外観」→「カスタマイズ」→「ウィジェット」
![](https://takaprex.com/wp-content/uploads/2023/02/13.外観カスタマイズウィジェット-1024x507.png)
![](https://takaprex.com/wp-content/uploads/2023/02/13.外観カスタマイズウィジェット-1024x507.png)
②Menu Social / Mobile Socialを選択
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-23.11.56.png)
![](https://takaprex.com/wp-content/uploads/2023/02/スクリーンショット-2023-02-01-23.11.56.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
Menu SocialはPC表示、Mobile Socialはスマホでサイトを見た時の設定なので、どちらからでもいいですが両方設定しましょう。
③「ウィジェットの追加」→「Blacksilver Social Widget」
![](https://takaprex.com/wp-content/uploads/2023/02/social_widget-1024x568.png)
![](https://takaprex.com/wp-content/uploads/2023/02/social_widget-1024x568.png)
連携したいSNSのプロフィール画面URLを入力
![](https://takaprex.com/wp-content/uploads/2023/02/14.twitter_URL-1024x568.png)
![](https://takaprex.com/wp-content/uploads/2023/02/14.twitter_URL-1024x568.png)
URLを入力したSNSのアイコンのみがページに表示されます。
![](https://takaprex.com/wp-content/uploads/2023/02/16.アイコン表示-1024x615.png)
![](https://takaprex.com/wp-content/uploads/2023/02/16.アイコン表示-1024x615.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
![](https://takaprex.com/wp-content/uploads/2021/12/25ACA7B6-1E1F-44C0-83E4-2BD873CCACD6.png)
アイコンをクリックすると自分のSNSのページに飛ぶことを確認しましょう。
BLACK SILVERを使いこなして魅力的なサイトを作ろう
今回はBlack Silverでサイトを作る基本的な流れを説明しました。
Black Silverは多機能でカスタマイズが色々できるテーマです。見た目の編集は基本的に「外観」→「カスタマイズ」から可能ですので、色々試してみて下さい。
では、今回は以上になります。