Streamlit

ページタイトルとレイアウトを変更しよう

by dumpling

st.set_page_config() のパラメータを設定しない場合、
デフォルトではページタイトルが「pythonファイル名・Streamlit」、
ページレイアウトが中央寄りになっています。

今回は st.set_page_config() のパラメーターを以下のように設定し、
ページタイトルおよび、ページレイアウトが変更されることを確認してみます。

設定項目内容
ページのタイトルStreamlitでアプリ構築
ページのファビコン🔎
レイアウトワイド

※ 詳しくは公式ページをご参照ください。
https://docs.streamlit.io/library/api-reference/utilities/st.set_page_config

なお、この記事で使っている環境は以下の通りです。

python 3.10.11
streamlit 1.25.0

デフォルトのレイアウト

まず最初に、st.subheader() を使って見出しに「Streamlitでアプリ構築」と出力してみます。

import streamlit as st
st.subheader('Streamlitでアプリ構築')

見出しは出力されましたが、デフォルトのままだと下図のようなレイアウトになっています。

st.set_page_configのパラメーターを設定した場合のレイアウト

st.set_page_config() でパラメーターを指定し、レイアウトを変更してみます。

import streamlit as st

st.set_page_config(
  page_title='Streamlitでアプリ構築',
  page_icon='🔎',
  layout='wide'
)

st.subheader('Streamlitでアプリ構築')

設定したとおりのタイトルとレイアウトに変更されたことが確認できました。

次回は st.form() メソッドを利用してコンポーネントを制御します。