プチ・ホームページサービス

サポート

皆様からお寄せいただいたご質問とその回答です

移行先としてご利用いただけるサービス

おすすめの移行サービス

ブログサービスの場合

プチは、複数のコンテンツがひとまとまりになっている形態のため
ブログサービスをご利用の場合、コンテンツ毎にアカウントを作成していただく必要があります。

レンタルサーバーの場合

一方、WordPressを複数設置可能なレンタルサーバーですと
ひとつのアカウントでコンテンツの移行が可能です。

移行先サービスでご注意いただくこと

ホームページ移行用のMT形式のデータは、WordPressやインポート機能に対応した
ブログサービスで取り込みが可能です。

ただし、移行先のサービスではプチのサーバーに保存されている画像を参照します。
そのため、プチのホームページが停止となりますと画像が表示されなくなりますのでご注意ください。

プチのホームページが停止となりました後も画像の表示を維持するためには
記事データと合わせて画像の移行にも対応したサービスをご利用いただく必要がございます。

画像の移行に対応している主なサービス

WordPress(ワードプレス)
https://ja.wordpress.org/

WordPressは、サービスではなくレンタルサーバーに設置するプログラムです。
ロリポップ!など一部のサーバーでは、設置をかんたんにおこなえる仕組みが
用意されています。
はてなブログ
https://hatenablog.com/
livedoorブログ
http://blog.livedoor.com/
データ取り込み(インポート)方法の詳細は、以下のページをご参照ください。
投稿データの取り込み(インポート)方法 »

文章と画像のレイアウトの再現について

記事の文章と画像のレイアウトはプチの独自仕様のため、データをインポートしただけでは、同じレイアウトを再現する事はできません。

そのため、移行先で文章と画像のレイアウトを再現するCSS(スタイルシート)を用意いたしました。

CSSの追加が可能なサービスをご利用の際は、以下のCSSをご利用ください。

レイアウト再現用CSSファイルをダウンロード


/* petit-layout: ver.20190131 */

[data-content-name='banana'] {
  --image-width: 200px;
}

[data-content-name='lime'] {
  --image-width: 200px;
}

[data-content-name='muscat1'] {
  --image-width: 200px;
}

[data-content-name='muscat1b'] {
  --image-width: 200px;
}

[data-content-name='muscat1c'] {
  --image-width: 200px;
}

[data-content-name='muscat2'] {
  --image-width: 200px;
}

[data-content-name='muscat2b'] {
  --image-width: 200px;
}

[data-content-name='muscat2c'] {
  --image-width: 200px;
}

.petit-paragraph {
  display: flex;
  flex-wrap: wrap;
}

.petit-paragraph ~ .petit-paragraph {
  margin-top: 40px;
}

.petit-images__item img {
  display: block;
  max-width: 100%;
}

.petit-images__item img + p:not(.petit-images__caption) {
  display: none;
}

.petit-images__caption {
  margin: 10px 0 0;
  text-align: center;
}

.petit-text {
  white-space: pre-wrap;
}

[data-layout='1'] .petit-images,
[data-layout='1'] .petit-text {
  width: 100%;
}

[data-layout='1'] .petit-text {
  margin-top: 10px;
}

[data-layout='2'] .petit-images,
[data-layout='2'] .petit-text {
  width: 100%;
}

[data-layout='2'] .petit-images {
  order: 2;
  margin-top: 20px;
}

[data-layout='2'] .petit-text {
  order: 1;
}

[data-layout='3'] {
  flex-wrap: nowrap;
}

[data-layout='3'] .petit-images {
  flex: 0 0 auto;
}

[data-layout='3'] .petit-text {
  flex: 1 1 auto;
  margin-left: 20px;
}

[data-layout='4'] {
  flex-wrap: nowrap;
}

[data-layout='4'] .petit-images {
  order: 2;
  flex: 0 0 auto;
  margin-left: 20px;
}

[data-layout='4'] .petit-text {
  order: 1;
  flex: 1 1 auto;
}

[data-layout='5'] .petit-text {
  display: none;
}

[data-layout='6'] .petit-images {
  display: none;
}

[data-images-layout='1'][data-images-width='1'] {
  width: 150px;
}

[data-images-layout='1'][data-images-width='2'] {
  width: 300px;
}

[data-images-layout='1'][data-images-width='3'] {
  width: 450px;
}

[data-images-layout='1'][data-images-width='4'] {
  width: 200px;
  width: var(--image-width);
}

[data-images-layout='1'][data-images-width='5'] {
  width: auto;
}

[data-images-layout='1'][data-images-width='6'] {
  width: auto;
}

[data-images-layout='1'] .petit-images__item ~ .petit-images__item {
  margin-top: 20px;
}

[data-images-layout='2'][data-images-align='1'] {
  display: flex;
  justify-content: flex-start;
}

[data-images-layout='2'][data-images-align='2'] {
  display: flex;
  justify-content: center;
}

[data-images-layout='2'][data-images-align='3'] {
  display: flex;
  justify-content: flex-end;
}

[data-images-layout='2'][data-images-width='1'] .petit-images__item {
  width: 150px;
}

[data-images-layout='2'][data-images-width='2'] .petit-images__item {
  width: 300px;
}

[data-images-layout='2'][data-images-width='3'] .petit-images__item {
  width: 450px;
}

[data-images-layout='2'][data-images-width='4'] .petit-images__item {
  width: 200px;
  width: var(--image-width);
}

[data-images-layout='2'][data-images-width='5'] .petit-images__item {
  width: auto;
}
[data-images-layout='2'][data-images-width='6'] .petit-images__item {
  width: auto;
}

[data-images-layout='2'] .petit-images__item ~ .petit-images__item {
  margin-left: 20px;
}

[data-layout='1'] [data-images-layout='1'][data-images-align='1'],
[data-layout='2'] [data-images-layout='1'][data-images-align='1'],
[data-layout='5'] [data-images-layout='1'][data-images-align='1'] {
  margin: 0 auto 0 0;
}

[data-layout='1'] [data-images-layout='1'][data-images-align='2'],
[data-layout='2'] [data-images-layout='1'][data-images-align='2'],
[data-layout='5'] [data-images-layout='1'][data-images-align='2'] {
  margin: 0 auto;
}

[data-layout='1'] [data-images-layout='1'][data-images-align='3'],
[data-layout='2'] [data-images-layout='1'][data-images-align='3'],
[data-layout='5'] [data-images-layout='1'][data-images-align='3'] {
  margin: 0 0 0 auto;
}

[data-layout='1'] [data-images-layout='2'],
[data-layout='2'] [data-images-layout='2'],
[data-layout='5'] [data-images-layout='2'] {
  width: 100%;
}

[data-text-align='1'] {
  text-align: left;
}

[data-text-align='2'] {
  text-align: center;
}

[data-text-align='3'] {
  text-align: right;
}