カスタムHTML

サイトのトップページに最新のYouTube動画を埋め込んでみた

サイトのトップページに最新のYouTube動画を埋め込んでみた

教室紹介ページに、教室のYouTubeチャンネルの最新動画を埋め込みました。YouTubeの埋め込みコードを使用し、CSSで表示を大きく調整しました。iframeタグのallow属性で、埋め込まれた動画に付与する機能を指定しています。教室紹介ページへの最新YouTube動画の埋め込み教室に興味を持った人に、どのような教室なのかを知ってもらうために、YouTubeを活用するのが良いと考えました。そこで教室を紹介するトップページに、最新のYouTube動画を表示できるようにしまし...

2024.05.16 2024.05.25

とりあえずのメモホームページ運用

[CSS] ブログの記事一覧をInstagramっぽくしたい（いったん断念）

[CSS] ブログの記事一覧をInstagramっぽくしたい（いったん断念）

ひとこと日記のアイキャッチ画像を、Instagramのように大きく表示できるようにしたいと思いました。カスタムHTMLウィジェットでスタイル設定カスタムHTMLのウィジェットで、styleを追加すると、特定のページにスタイルを追加できました。<style>.entry-card-snippet { display: none;}figure.entry-card-thumb { padding-bottom: 0em;} .entry-card-thumb { width: ...

2023.03.05 2023.03.25

とりあえずのメモプログラミングホームページ運用

ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】

ブログでJavaScriptプログラムを動かしてみよう【カスタムHTMLとscriptタグ】

ブログの中でJavaScriptを動かして遊ぶ方法をご紹介します。WordPressサイトに直接HTMLコードを入力するために「カスタムHTML」というブロックを挿入します。JavaScriptのコードは最初と最後をのタグで囲んだ中に入力します。

2020.05.14 2021.12.18

ニッチな話題プログラミングホームページ運用