> For the complete documentation index, see [llms.txt](https://docs.articul.jp/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.articul.jp/guide/designs/works-layout.md).

# WORKSレイアウト設定

WORKS画面のレイアウトについて詳細設定をすることができます。\
赤色の\*印がついた項目は必須項目です。

<figure><img src="/files/pd620wjQfCnu6i4yURIX" alt=""><figcaption></figcaption></figure>

## 作品一覧設定

#### 作品列数

作品が表示される最大列数を変更できます。\
デバイスの画面幅や下記で設定する表示範囲によって自動調整されますので、タブレット・スマホなどでは必ずしも最大列数で表示されません。

![](/files/bHRrNQbxOKz0zyqcp2Hw)![](/files/hJpq2RH8swcqiW3Lttt8)

#### 作品アスペクト比

表示される縦横比率を変更することができます。\
「作品依存」が選択された場合、全て固定のアスペクトでは表示されず、各作品を登録された通りの比率で表示します。\
その他の比率は下記のイメージをご参考ください。

<div><figure><img src="/files/6GzoCBx0fjikhrfzgqBc" alt="" width="125"><figcaption></figcaption></figure> <figure><img src="/files/Kh52vEvtAX2RTAuRBSZq" alt="" width="125"><figcaption></figcaption></figure> <figure><img src="/files/TCZH21mTfergwfXd9YZd" alt="" width="125"><figcaption></figcaption></figure> <figure><img src="/files/33PPWcnpBxc9DZgj6ynM" alt="" width="125"><figcaption></figcaption></figure> <figure><img src="/files/gWhOlVioQeqrc37dcctt" alt="" width="94"><figcaption></figcaption></figure> <figure><img src="/files/YRgl6fuySFQ5beiOCWTv" alt="" width="84"><figcaption></figcaption></figure> <figure><img src="/files/guXEkQF1BW2ouPZW5S3R" alt="" width="63"><figcaption></figcaption></figure></div>

#### 表示範囲

作品一覧の表示幅の範囲を画面サイズに対して、狭く表示したい場合に変更することができます。

{% hint style="info" %}
最大作品列数を1列かつ、画面幅に対して100％の表示に設定すると、大きく感じられる可能性があります。その際には、％を下げてご使用ください。
{% endhint %}

![](/files/7nf1TkOC626YzqW7vwwj)![](/files/aUt5GqiETE1NFenPd9eN)