HP編集方法 | TDU音研

HP編集方法

トップページ新着情報

トップページの「新着情報」は、インラインフレームで別ページになっています。
ダッシュボードの「固定ページ>固定ページ一覧>新着情報」のページがインラインフレーム内のページとなっており、ここから編集を行えます。
1つの新着情報(日付&1行コメント)は、下記ソースで1つのブロックとなっています。
ヘッダー
過去のソースをコピペするなどして、更新してください。

ヘッダー画像

ヘッダー画像は、ダッシュボードの「外観>テーマ編集>ヘッダー」のソース、<img>タグ内のURLで変えられます。
幅は980px、高さは可変です。(現在は980×350px)
↓クリックで拡大します。
ヘッダー

樋田がとりあえずのヘッダー画像に作成した素材・バナー(電大ロゴをCADでトレスしたデータ)等は、/lab/sozai/ ディレクトリにアップしてあります。ご自由にご利用ください。(容量大きめですので、ご不用の場合は削除してください)

固定ページ

2019/12/20追記
固定ページを編集するには、編集したいページを「固定ページ一覧」のタブからクイック編集で「下書き」の状態にした後編集を行う。
完了後クイック編集で「公開済み」の状態に戻す。

ホーム以外の固定ページは、ダッシュボードの「固定ページ>固定ページ一覧」から編集することが出来ます。
ヘッダー
各固定ページは、「本文」と「サイドバー」から成り立っています。
ヘッダー
どちらも、固定ページのhtml上で記述しています。html上では、下記のようになっています。
ヘッダー
サイドバーと本文の見出しは相対リンクでリンクさせているので、本文に見出し項目を足した場合は、<a name=”hoge”>タグを、サイドバーには<a href=”#hoge”>タグを足してください。

固定ページ本文

固定ページの本文は、<!– ここから右本文 –>というコメントアウトから先に記述します。
<!– ここから左サイドバー –>というコメントアウト前で、sectionとmainの</div>タグを2回閉じるのを忘れないでください。

本文見出し

本文の見出しは、<h1>から<h6>まで用意しているので、ページに合わせたものをご利用ください。
以下、サンプルです。

h1タグ

h2タグ

h3タグ

h4タグ

h5タグ
h6タグ

ページのトップへ戻る