LoginSignup
0

More than 1 year has passed since last update.

[Oracle Cloud] Oracle Content Management で作成・公開されたWebサイトのfaviconを変更する

Posted at

はじめに

Oracle Content Management(以降OCM) で作成・公開されたWebサイトのfaviconは、デフォルトで弊社ロゴの赤い「O」のアイコンです。ここでは、このfavionを変更する方法を紹介します

image.png

作業手順

faviconを作成する

素材となる画像を準備します。今回は以下のOCMアイコン画像を利用します

ContentManagement.png

素材画像からfaviconを作成します。私は以下のfavion自動作成サイトを利用しました

faviconをOCMで作成したサイトに登録する

faviconをOCMで作成したサイトに登録します。なお、サイトの作成方法は以下のチュートリアルを参考に作成しました

OCM-Starter Editionは Oracle Cloud Always Free(無償かつ期間の制限無し)で利用できる機能限定版です。機会があれば是非お試しください

  • サイト編集画面を編集モードで開き、左サイドメニューの設定サイトをクリックします
    image.png

  • 「お気に入りアイコン」 に作成したfaviconを追加します。アップロードするファイルの選択をクリックします
    image.png

  • アップロードをクリックし、作成したfavicon.icoをアップロードします
    image.png

  • アップロードされたfavicon.icoを選択し、OKをクリックします
    image.png

  • 「お気に入りアイコン」にfavicon.icoが追加されます

コントローラ・ファイルを編集する

続けて、コントローラ・ファイル(controll.html)を編集します。コントローラ・ファイルとは、ページの残りの部分のレンダリング順序を動的に開始する小さなHTMLページです。詳細は以下ドキュメントをご確認ください

  • 「コントローラ・ファイル」のデフォルト・コントローラ・ファイルのダウンロードをクリックします。controller.htmlがダウンロードされます
    image.png

  • ダウンロードしたコントローラ・ファイルをエディタで開きます。以下2行を<head>〜</head>の間に追加します。<サイト名>には、OCMで作成したサイト名を指定します

controller.html
<link rel="icon" href="[!--$SCS_SITE_PATH--]/favicon.ico" />
<link rel="icon" href="/site/<サイト名>/favicon.ico" />
  • 以下は編集例です。ここでの<サイト名>firstSite です
    image.png

  • controller.htmlを保存します

  • コントローラ・ファイルの 「アップロードするファイルの選択」 をクリックし、前の手順で編集したcontroller.htmlをアップロードし、設定します。アップロードおよび設定の手順は、favicon.icoと同じです
    image.png

  • controller.htmlが登録されたことを確認し、保存コミットをクリックします
    image.png

  • サイト編集画面を閉じます

サイトの公開(再公開)

サイトを公開します。既にオンライン状態(サイト訪問者がサイトを閲覧できる状態)であれば、再公開を実行します。ここでは、再公開を実施します

  • サイトを選択し、再公開をクリックします
    image.png

  • 公開対象を選択し、OKをクリックします
    image.png

  • 検証チェックに問題がないことを確認し、公開をクリックします
    image.png

  • サイトが再公開されます

確認

  • 公開サイトにアクセスします。faviconが変更されていることを確認します
    image.png

  • 公開サイトをブックマークすると、変更後のfaviconでブックマーク登録されます
    image.png

まとめ

この記事は、OCMで作成・公開されたWebサイトのfaviconは変更する方法を紹介しました。faviconの変更方法は、以下の製品ドキュメントにも記載されていますので、併せてご確認ください

(参考)OCMの製品ドキュメント

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0