作成したページのソースコード(HTML等)をダウンロード/エクスポートする
概要
作成した記事ページの本文HTMLとページ内のCSS(およびページで使用しているJavaScript)をファイルとして出力できます。出力はZIP形式で行われ、ダウンロードしたファイルをクライアントに渡して外部で再利用することが可能です。
ダウンロードされるファイルの内容
- index.html:記事本文(body 部分)のHTML
- style.css:ページ内CSS(ページ全体のスタイルと記事に紐づくCSSを含む)
- javascript_head.html:head 内で読み込むJavaScript(タグ記述)
- javascript_body.html:body 内で読み込むJavaScript(タグ記述)
ファイル名にはVersion名が使われ、ファイル名に使用できない文字は「_」へ置換されます。
ダウンロード方法
- 該当ページのVersion編集画面(ページ > バージョン)を開きます。
- 編集画面の3点リーダーから「HTMLダウンロード」をクリックするとZIP形式ファイルのダウンロードを実行します。
- 出力が可能な場合は、上記のZIP形式ファイルが生成されます。
- ダウンロードしたZIPを解凍し、index.html / style.css 等を取り出して外部へ渡してください。
補足:上記でのダウンロードが難しい場合
上記手順でのダウンロードが難しい場合は、以下の方法で代替できます。
- ブラウザ(例:Google Chrome)で該当の公開/プレビューページを開きます。
- Chromeメニュー > 「キャスト、保存、共有」 > 「ページを別名で保存」を選びます(または macOS: Command + S)。
- 「ファイルの種類」を「ウェブページ、完全」にして保存する
- HTMLファイルと画像・CSS・JS等の関連ファイルが「_files」フォルダとして出力されます。
※Squad beyondからワードプレスへ記事を移行する際、配信URLからコードを取得したい場合などにご活用ください。
※beyondページに使用している画像や動画も一緒にダウンロードされます。
注意点
- ダウンロードしたページのソースコード内には、ウィジェットのデザインやマークアップ、CSSの一部など株式会社SIVAに著作権が帰属する要素が含まれる場合があります。契約の範囲を超える複製、再配布、二次利用を行う場合は、事前に担当者やFREEチャットにてご相談ください。
- プラットフォームの権限設定や契約プランによってはダウンロード機能が利用できない場合があります。ダウンロード操作が見当たらない・エラーとなる場合は、管理者権限の有無やご契約内容をご確認いただくかサポートへお問い合わせください。
- ZIP内のstyle.cssにはページ内で使用されるスタイルがまとめられますが、外部リソース(外部CDN等)への参照が残る場合はパスの書き換えが必要です。画像・フォント等の資産は別途ダウンロード/パス調整が必要になることがあります。
この記事は役に立ちましたか?
フィードバックありがとうございます。