パーソナルサーバー実験室 > Wordpress > Elementor > iframe
iframe_html

iframe

iframeを使って、他サイトをページに表示させることができます。

Iframeで他のサイトのページを表示

<iframe>で他サイトのページを表示させることができます。（html なので Elementor 以外でも使用することができます）

めんど旅　日本の風景のリンクはここから

コードの記し方

Elementor ならば、HTMLウイジェットに

下の<iframe> ….. </iframe>コードを記すと、上のように他のサイトのページを表示することができます。

				
					<iframe id="inlineFrameExample"
    title="Inline Frame Example"
    width="800"
    height="600"
    src="https://tabi.i-mks.site/category/cat_gallery/">
</iframe>
iframe

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

関連コンテンツ

scrolling effects sample page

例）スクロール効果

08/02/2023 03/05/2026

スクロールの効果のサンプルページです。印象に残るページの参考にしていただけると良いですね。Elementorより。

スクロールスナップ icon

Scroll Snap

08/01/2023 03/05/2026

WEBページでスクロールを所定の位置で一旦止まるように設定することができると可読性が上がりそう。

画像の横スクロール

スクロール効果 横移動

07/25/2023 03/12/2026

ページをスクロールさせると画像が横方向に移動させる。注目させたり違和感を感じさせる時に使える。

最近の投稿

フォント

フォントをセルフホストで通信量を減らす

04/28/2026

セルフホストとは、サーバーから直接ダイエットしたフォントを配信することで、全体の通信量を減らすことができる。結果として、モバイルのウエブページの表示速度が爆速になるはず。

iframe