カスタムHTML

サイトのトップページに最新のYouTube動画を埋め込んでみた とりあえずのメモ

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

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

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

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

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

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