5.3. スキン

ポートフォリオ → スキン

あなたが ポートフォリオ の下でメニュー項目 スキン を見る場合、あなたはスキンを自身で作成できて、それらを編集し、他の人々のスキンを使い、あなたのポートフォリオページおよびあなたのプロファイルページでそれらを使うことができます。

注釈

あなたにメニューアイテム スキン が表示されない場合、サイト管理者にご相談ください。あなたがスキンを使用できない場合、二つの可能性があります:

  1. スキンはサイトのために有効ではありませんでした。サーバ管理者はサイトのために スキンを有効にする 必要があります。

  2. 一般にサイトのためにスキンが有効であるが、あなたのMaharaインスティテューションがまだスキンの使用を許可していない場合。あなたのインスティテューション管理者は インスティテューション設定 でそれを変更できます。

Your Skins overview page

あなたの スキン 概要ページ

  1. 新しいスキンを作成するには、スキンを作成する ボタンをクリックします。

  2. 他のユーザがオンラインで共有しているスキンをインポートするには、スキンをインポートする ボタンをクリックします。

  3. あなたのパーソナルスキンすべてをエクスポートするには スキンをエクスポートする ボタンをクリックします。

  4. あなたが表示したいスキンを決定できます:

    • すべてのスキン: あなたがアクセスできるスキンすべて

    • サイトスキン: サイト管理者によってだけ作成されたスキンです。

    • マイスキン: あなたによって作成されたスキン

    • パブリックスキン: サイト上でパブリックに共有されている他のユーザのスキンです。

  5. 以下のようなスキンについてのメタデータをポップアップのウィンドウで見るために、スキン情報を閲覧する アイコン クリック します:

    • タイトル

    • オーナ

    • 説明

    • 作成日時

    • 更新日時

  6. このスキンを変更するには、編集 ボタン をクリックします。

  7. このスキン一つだけをエクスポートする場合、エクスポート ボタン をクリックします。

  8. このスキンを削除するには、削除 ボタン をクリックします。

    注釈

    あなたに実行するためのパーミッションがある場合だけ、編集エクスポート および 削除 ボタンが表示されます。

  9. あなた自身のページにおいて使いたいので、他の誰かのスキンをマークするために、気に入る ボタン をクリックします。アイコンは灰色になります。ボタンをクリックすることは、また、あなたの好みのスキンリストから削除することを可能にします。

    注釈

    あなたはサイトスキンではなく別のユーザのスキンだけ気に入ることができます。あなたはいつもページのためのサイトスキンを選ぶことができますが、あなたがそれらが気に入ったとき、他の人々のスキンを選ぶだけです。

5.3.1. スキンを作成する

あなたは次のようにスキンを作成できます:

  • 個別ユーザ

  • サイト管理者

あなたのスキンの設定に応じて、あなただけまたは他のユーザが利用できます。

以下において、個々のスキン設定は説明されます。あなたはスキンのためのすべての設定を変更する必要がないけれども、あなたのページのテーマのどの要素をあなたが変更したいか抽出し、選ぶことができます。

参考

ページスキン機能をデモンストレーションしている このビデオ をご覧ください。

5.3.1.1. 一般

General settings for your skin

あなたのスキンの一般設定

  1. スキンタイトル: あなたのスキンタイトルを入力します。あなたは スキン 概要ページでスキンタイトルを確認できます。

  2. スキンの説明: ここであなたのスキンを説明し、なぜあなたがスキンを作成したか、何がそれについて特別であるかなど、を覚えていることを将来あなたを手助けする任意の詳細を追加します。その右下コーナにドラッグして長い説明を入力する必要がある場合、 あなたはテキストボックスを拡張できます。

  3. スキンアクセス: ここで、誰があなたのスキンにアクセスできるかを決めます。デフォルトは これはプライベートスキンです です。

    • これはプライベートスキンです: あなただけこのスキンをページで使用できます。

    • これはパブリックスキンです: 他のユーザはあなたのスキンを閲覧および使用できます。

  4. あなたの変更を受け入れるために 保存 ボタンをクリックするか、またはあなたの変更を中止するために キャンセル をクリックします。

5.3.1.2. 背景

Choose the background for your skin

あなたのスキンの背景を選択する

  1. 背景色: 特別なスキン背景を持たないがテーマの背景を使用するために、チェックボックスに印を付けることができます。代わりに、フィールドでクリックし、使いたい色を選ぶか、またはカラーコードを入力できます。

  2. 背景イメージ: あなたは背景としてイメージを使うことを選ぶことができます。あなたのファイルエリアからイメージを選ぶために ファイルを追加する ボタンをクリックしてください。

  3. 背景イメージ繰り返し: 背景イメージを繰り返したいかどうかを決めます。ページよりイメージが小さい場合、この設定は有益です。繰り返しオプションを選ばない場合、背景はイメージによって完全には塗りつぶされません。オプションは次のとおりです:

    • 繰り返さない: イメージを繰り返しません。このオプションは非常に大きなイメージを使用する場合、またはあなたのページよりも大きなイメージを使用する場合だけに使用します。

    • 水平方向にのみ繰り返す: あなたのイメージは水平方向に繰り返されるだけですが、垂直方向には繰り返されません。この設定は非常に広いけれども短いページで動作できます。

    • 垂直方向にのみ繰り返す: あなたのイメージは水平方向ではなく、垂直方向だけに繰り返されます。この設定は狭く長いページで動作します。

    • 両方向に繰り返す: あなたのイメージは水平方向と垂直方向の両方に繰り返されます。この設定はあなたのページのために最も柔軟です。

  4. 背景イメージ設定: あはたの背景をスクロールできるようにするか、固定するか決定します。

    • 固定: このオプションを選択した場合、あなたの背景は同じ場所に留まり動くことはありません。ページコンテンツだけスクロールします。

    • スクロール: あなたがこのオプションを選択した場合、あなたの背景はページとともにスクロールします。

  5. 背景イメージ位置: あなたの背景イメージをどこに固定するかを決めます。位置を選ぶオプションのうちの一つをクリックします。

  6. あなたの変更を受け入れるために 保存 ボタンをクリックするか、またはあなたの変更を中止するために キャンセル をクリックします。

5.3.1.3. フォントと色

Change font properties

フォントプロパティを変更する

  1. Heading font: Choose the font for your headings. You can choose from any of the installed fonts. The font will be applied to all your headings, e.g.

    • ページタイトル

    • ブロックタイトル

    • あなたが見出しとしてそれらをマークした場合、テキストの見出し

  2. テキストフォント: すべてのテキストのフォントを選択してください。あなたはどのインストール済みフォントでも選択できます。

  3. フォントサイズ: フォントの相対サイズを選択してください。見出しが適切なサイズに変更されます。

  4. テキスト色: ページ表示されるテキストの色を決定します。

  5. 見出しテキスト色: あなたのページ見出しの色を選択してください。

  6. 強調テキスト色: あなたのブロックタイトルおよび他の強調テキストの色を選択してください。

  7. 通常リンク色: リンクが表示される場合の色を選択してください。

  8. 下線リンク: あなたがあなたのリンクが下線を引かれてほしい場合、スイッチャを 「Yes」 に変更します。

  9. ハイライトリンク色: あなたがマウスを乗せた場合のリンク色を選択してください。

  10. 下線リンク: あなたが、あなたの強調されたリンクが下線を引かれてほしい場合、スイッチャを 「Yes」 に変更します。

  11. あなたの変更を受け入れるために 保存 ボタンをクリックするか、またはあなたの変更を中止するために キャンセル をクリックします。

注釈

たとえあなたがどこに色フィールドを持っていても、あなたはフィールドでクリックし、あなたが使いたい色を選ぶか、またはカラーコードを入力できます。

あなたがカスタムの色を使いたくないが、テーマ色を保持したい場合、チェックボックス デフォルト に印を付けます。

5.3.1.4. 高度な設定

Add custom CSS

カスタムCSSを追加する

  1. カスタムCSS: あなたがどのようにCSSを変更するかを知っている場合、あなたはここであなたのスキンのための他のスタイルを変更し、ページの他の要素に上書きできます。その右下コーナにドラッグして多くのカスタムCSSコードを入力する必要がある場合、あなたは 「カスタムCSS」 テキストボックスを拡張できます。

  2. あなたの変更を受け入れるために 保存 ボタンをクリックするか、またはあなたの変更を中止するために キャンセル をクリックします。

5.3.2. スキンを選択する

ポートフォリオ → ページ → ページを編集する

スキン 機能が有効にされた場合、あなたにはページエディタナビゲーション内にもう一つのアイテムが表示されます: スキンを選択する

Choose a skin

スキンを選択する

  1. このページに使用できるスキンすべてを表示するには スキンを選択する ナビゲーションアイテムをクリックします。

  2. あなたの探しているスキンがない場合、スキンを管理する ボタンをクリックしてください。あなたがスキンを追加または削除することのできる ポートフォリオ → スキン に移動します。

  3. マイスキン: あなたが作成したスキンはこのエリアに表示されます。選択するにはタイトルまたはプレビューイメージをクリックします。

  4. お気に入りのスキン: あなたが好きな他の人々からのスキンは、ここに表示されます。スキンが表示されない場合、スキンを管理する ボタンをクリックします。あなたがより多くのスキンをお気に入りに登録できる ポートフォリオ → スキン に連れて行かれます。スキンを選択するために、スキンのタイトルまたはプレビューイメージをクリックします。

  5. サイトスキン: サイト管理者が作成したサイトレベルのスキンが表示されます。選択するには、スキンタイトルまたはプレビューイメージをクリックします。

  6. あなたは次のようなスキン情報を 閲覧できます:

    • タイトル

    • オーナ

    • 説明

    • 作成日時

    • 更新日時

  7. いったんあなたがあなたのスキンを選んだら、あなたのページでそれを選択するために、保存 ボタンをクリックします。ページが表示されるときにあなたがあなたのスキンを見ることができるだけであるので、あなたは編集モードから引き出されます。あなたがあなたのページ内容により一層の変更を行いたい場合、このページを編集する ボタンをクリックします。

  8. あなたがあなたが選んだスキンを使いたくない場合、あなたの選択をリセットするために、スキンなし ボタンをクリックします。

注釈

あなたのページを表示する場合だけ、スキンは表示されます。あなたのページを編集する場合、標準テーマが表示されます。

5.3.3. スキンを持つページを閲覧する

これはスキンがページに適用されたものがどのように見えるかです。

Example of a skin on a page

ページのスキンの例

  1. 背景。これは無地またはイメージです。

  2. 見出しフォント および 見出しテキスト色

  3. 見出しフォント および 強調したテキスト色

  4. テキストフォント および テキスト色

  5. フォントサイズ

  6. 正常なリンク色 とリンクに下線を引くかどうかについての決定。

  7. ヘッダは変更されません。あなたが 高度なCSS を使用する場合、あなたはそうすることができます。

  8. ページの下部も変更されません。

5.3.4. テーマとページスキンの違いは何か?

テーマ

  • 1.2以来現在の形のMaharaで提示しました。

  • システム管理者から直接ウェブサーバにアップロードされる必要があります。

  • Maharaのすべての単一の画面のためのページテンプレートを無効にできて、どのようにすべてが表示されるか全体のコントロールを与えます。

  • サイトおよびインスティテューションの設定により:

    • サイト全体の単一テーマ

    • インスティテューションすべてのテーマ

    • サイトをブラウズするために彼ら自身のテーマを選ぶユーザの可能性

    • 特定のテーマを個々のポートフォリオページに適用するユーザの可能性 ページテーマ

スキン

  • ポートフォリオ → スキン 経由でユーザは作成、共有、エクスポートおよびアップロードできます。

  • テーマほど強力ではありません。それらは、ページ色、フォントと背景イメージを変更できるだけで、特別なCSSを追加します。基本的にそれらは、1つの追加のユーザコントロールされたCSSスタイルシートをページに追加します。

  • ユーザ作成されたポートフォリオページに適用できる だけ です。それらはMaharaのどのような他の部分でも表示される方法を変更しません。

スキンおよびテーマが衝突した場合

  • ユーザが自分のページの一つにスキンを適用した場合、ページに追加CSSスタイルシートが追加されます。これはテーマからの 追加的な CSSです。

  • 当然ながら、特にポートフォリオページの基本的なページテンプレートが変更されている場合、個別のスキンがすべてのテーマでよく見えるわけではありません。

  • あなたがテーマデザイナである場合、よいニュースはスキンスタイルシート自身がページテンプレートであることです(skin/sstyle.tpl)。したがって、あなたはどのページ要素に、スキン設定のうちのそれぞれが、そのページテンプレートを上書きして適用するはずであるかを指定できます。

5.3.5. テーマのスキンを許可しない

インスティテューションでMaharaを使う場合、企業のデザインが保存され、アセスメント目的のためにポートフォリオが作成されるようにするか、あるいは 例えば、あなたのインスティテューションで行われた作業のショーケースが、あなたのインスティテューションに所属していると容易にわかるように、インスティテューションのテーマをスキンで変更しないようにすることができます。しかし、同時に、あなたのインスティテューションのポートフォリオ作成者に、他のテーマと個人的なポートフォリオを作成し、それらにスキンを適用する自由を与えたいと考えています。

テーマは、デフォルトでスキンを使うことを許されます。あなたがそれを変更したい場合、あなたはあなたのテーマフォルダのファイル themeconfig.php に、パラメータ $theme->skins = false を追加する必要があります。いったん追加されたら、このテーマのユーザは以下のメッセージを見ます:

『 「テーマの名前」 というあなたのMaharaサイトテーマは、ページスキンをサポートしません。これはあなたが選ぶスキンを意味していて どのようにあなたがこのページがどのように見えるかに影響がないが、それは違うテーマによってサイトを見ている他のユーザのためのページの外観に影響するかもしれません。』

Warning that skin cannot be applied

スキンを適用できない旨の警告

注釈

このオプションはユーザがサイトを閲覧するテーマを選ぶことができない場合に最適です。ユーザが実行し、インスティテューションのテーマと異なるテーマを選択すると、基になるテーマはスキンを許可する個人的なものであるため、ユーザはページに適用されたスキンを閲覧できます。