グーグル・クロームのテーマの作り方

ページ名:グーグル_クロームのテーマの作り方

このWikiHowでは、パソコンでGoogle Chromeブラウザのビジュアルテーマを作成する方法を説明します。テーマを作成するには、「Chrome Theme Creator」というオンラインツールを使用します。テーマを作成することは、単にテーマを作成することとは異なることを覚えておいてください。

パート1

背景画像を追加する

  1. Google Chrome
    を開きます。アプリのアイコンは赤、黄、緑、青の球体です。スマートフォンやタブレットなどのモバイルプラットフォームではテーマの作成とインストールはできません。
  2. Chrome Theme Creatorサイトを開きます。ブラウザで[次へ]をクリックします。
  3. 画像のアップロード]をクリックします。この緑色のボタンは、ページの左側上部にあります。すると、コンピュータのファイルエクスプローラー(Windows)またはFinder(Mac)が開きます。
  4. 画像を選択します。テーマの背景として使用したい画像をクリックします。これは「新しいタブ」ページに表示される画像ですので、気に入った写真を選んでください。
  5. 開く」をクリックします。ウィンドウの右下にあります。Chrome テーマ作成ページに写真がアップロードされます。
  6. 画像の位置を変更します。プレビューウィンドウの下の「背景画像」セクションに、「中央」、「下」、「繰り返しなし」、「通常サイズ」の4つのドロップダウンボックスがあります:
    • 中央揃え - 中央のドロップダウンボックスをクリックし、表示されるメニューで左または右をクリックします。
    • 上部または下部 - 下部のドロップダウンボックスをクリックし、表示されるメニューで上部をクリックします。
    • 繰り返し - 繰り返しなしドロップダウン・ボックスをクリックし、XY繰り返し、X繰り返し、Y繰り返しのいずれかをクリックします。
    • サイズ - 通常のサイズドロップダウンボックスをクリックし、画面一杯または画面に合わせるをクリックします。
  7. 画像を確認します。プレビューウィンドウで画像の向きに問題がなければ、次のパートに進みます。
パート2

テーマ画像を追加する

  1. 画像タブをクリックします。ページの左上にあります。ブラウザウィンドウのさまざまな部分のリストが表示されます。
  2. フレーム画像を追加します。フレーム」見出しの向かい側にある「画像を選択」をクリックし、画像を選択して「OK」をクリックします。選択した画像が Chrome ウィンドウを囲むフレームに適用されます。
  3. ツールバーの画像を追加します。ツールバー」の見出しの横にある[画像を選択]をクリックし、画像を選択して[OK]をクリックします。ページの右側にあるプレビュー ウィンドウのツールバー セクションに画像が表示されます。
  4. タブの背景を追加します。タブの背景」見出しの向かい側にある「画像を選択」をクリックし、画像を選択して「OK」をクリックします。これで、現在開いていないタブの背景に画像が適用されます。
    • 例えば、Chrome Theme Creatorタブを開いていて、別のタブでFacebookを開いている場合、Facebookタブの背景に選択した画像が使用されます。
  5. テーマを確認します。ページの右側にあるプレビュー ウィンドウを見て、テーマがあなたの期待に合っていることを確認します。そうであれば、テーマの色の選択に進む準備ができました。
パート3

テーマの色を選択する

  1. 色]タブをクリックします。ページの左上、Imagesタブのすぐ右にあります。
  2. ステータスバーの色を変更します。ステータス バーとは、ページを読み込むときに Chrome ウィンドウの左下に表示される小さな白いボックスです。ステータスバー」の見出しの右側にあるカラーボックスをクリックし、ポップアップボックス内の色をクリックして選択します。ページの他の場所をクリックすると、ボックスを閉じることができます。
    • 色を暗くしたり明るくしたりしたい場合は、ポップアップボックスの右側にあるスライダーをクリックして上下にドラッグします。
  3. タブの文字色を変更するタブテキスト」見出しの向かい側にあるボックスをクリックし、新しい色を選択します。ポップアップ・ボックスの右側にあるスライダーを上方向にドラッグすると、ここで選択できる色を変更できます。
  4. 背景のタブテキストの色を変更します。これは、ロードされているが現在開いていないタブの色です。背景タブのテキスト」見出しの横のボックスをクリックし、色を選択します。
  5. ブックマークの文字色を変更します。ブックマークテキスト」の横のボックスをクリックし、色を選択します。
  6. ボタンの色を変更します。これで「進む」や「戻る」の矢印のようなボタンが変更されます。ボタン "見出しの横のボックスをクリックし、ポップアップボックスで色を選択します。
  7. 変更を確認します。プレビュー・ウィンドウで、あなたの色がどのように実装されたかを確認してください。このテーマでよければ、インストールは完了です。
パート4

テーマのインストール

  1. Packタブをクリックします。ページの左上、Colorsタブのすぐ右にあります。
  2. Pack and Download Zip Fileをクリックします。ページの左側にあります。これでテーマのコピーが圧縮されたフォルダであなたのコンピュータにダウンロードされます。
    • テーマを保存したくない場合は、このステップをスキップしてください。
  3. Pack and Installをクリックします。ページ上部の緑色のボタンです。
    • プロンプトが表示されたら、Chromeブラウザの左下にある「続ける」をクリックする必要があるかもしれません。
  4. プロンプトが表示されたら、テーマの追加をクリックします。このプロンプトはChromeウィンドウの上部に表示されます。これでテーマがインストールされます。
  5. 新しいタブを開きます。現在のタブの右側にある「新しいタブ」ボタンをクリックするか、Ctrl+T キー(Mac では ⌘ Command+T)を押します。これで新しいテーマがすべて表示されます。
  6. テーマを確認する新しいタブ」ページでは、選択した画像や色など、テーマのあらゆる面を確認することができます。
    • テーマが気に入らない場合は、Chrome の右上にある ⋮ をクリックし、[設定] をクリックして、ページ上部付近にある「テーマ」の見出しの右側にある [デフォルトに戻す] をクリックすると、Chrome デフォルトのテーマに戻すことができます。
この記事は、CC BY-NC-SAで公開されている「 How to Make a Google Chrome Theme 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧