日記

2024-02-13 11:11:00

テーブル(表)がはみ出してしまうときの対処法

「表の詳細設定」にて「幅」を数値ではなく「auto」で指定する

表の詳細設定をクリック

表の詳細設定01.jpg

 

 

「幅」を数値ではなく半角英文字にて「auto」と記入。

表の詳細設定02.jpg

 

これによりレスポンシブ時における「はみ出し」を解消できます。

ただし、エディタ内でうっかりテーブルの大きさを手動(ドラッグ操作)による変更がかかると、この「auto」がリセットされてしまうので、注意。

2022-04-18 16:05:00

<details>タグと<summary>タグで「続きを読むボタン」を設置する。

例えばこんな風になります。

 

 

 

続きを読むにはこのテキストをクリックしてください このように、中に記事を隠すことが出来ます。
<details>から</details>の間であれば、 どんなに長く書いてもそのテキストは隠れます。

<summary>~</summary>の間には
「続きを読む」とか 「続きはこちらから」とか
「こちらをクリック」みたいな 文言を入れる場所となります。

 

 

 

具体的にはこのような感じで、HTMLを入力します。

-----▼ここから▼-----




<details>
<summary>続きを読むにはこちらをクリック</summary> 本文や詳細をここに記載。
</details>


 -----▲ここまで▲-----

 
このような形です。

 

2021-10-02 19:19:00

Instagram画像を埋め込むとこのように表示されます。

Instagramの連携設定が廃止されてしましました。

これに伴い、Instagramの画像をHPで使いたい時は、Instagramから埋め込みコードを持ってきて、グーペに埋め込む必要があります。

実際に埋め込んだ様子がこちらです。

 

View this post on Instagram

pgta02(@pgta02)がシェアした投稿

 

手順の詳細については、以下のページを参照して下さい。

▽Instagram連携機能で投稿した画像が表示されない - ホームページ作成・ホームページ制作サービス「グーペ」
 https://goope.jp/info/outage/?id=655

 

1