highlight.jsに行番号を追加する方法
highlight.jsを使ってソースコードを綺麗に表示するだけでも充分なのですが、行番号があるとコードの解説がしやすいですよね。 この記事では、highlight.jsで整えたコード表示に、行番号を入れる方法をまとめま …
03.29.2021
03.28.2021
iPone・SafariでもFont Awesomeを表示する方法
先日ふとiPhone（Safari）で自分のサイトの表示を見てみたら、Font Awesomeのアイコンが全て「 □ 」になっていてかなり焦りました。 原因は広告表示を制限するアプリで、Ad-Blocker Pro、Ad …
03.28.2021
HTMLやPHPのコードをそのまま表示する方法
コードをそのまま表示させたいのに、HTMLやPHPを書くとコードがごっそり非表示になってしまったり、インデントのあるコードのインデントが消え、コードが左揃えになってしまって、困ったことがありました。 この記事では、それら …
03.27.2021
コードを綺麗に表示するhighlight.jsの使い方
ソースコードを綺麗に表示できる highlight.jsとhighlightjs-line-numbers.jsの導入方法をまとめました。 …
02.21.2021
クリックで音が出るボタン: 1種類の音声ファイルのみで作る場合
こちらの記事で紹介した音の出るボタンですが、私は音声データが .mp3だけでも良いかなと思ったので、.mp3ファイルだけで音の出るボタンを作った方法もメモにしました。 この素晴らしいボタンの開発者Syncerさんのページ …
02.20.2021
クリックで音が出るボタンをWordPressで実装する方法
クリックすると音が出るボタンを作成することができ、とっても感激したので、WordPressでの利用方法についてご紹介します！Syncerさんの「クリックすると音が鳴るボタンの作り方」を見ながら作成させていただきました。 …
02.14.2021
RSSフィードをサムネイル付きで表示する
いろいろあってブログを2つに分けて運営することになり、片方の更新情報の一部をもう片方に引っ張りたいと思うようになりました。 「RSSフィード」というものを引っ張ってくればいいらしい、というところまではスムーズだったのです …
02.13.2021
ワードプレス: タグクラウドのカスタマイズ
このウェブサイトはWordPressを使って作成しています。 ちょこちょこカスタマイズをしているので、メモにしました。今回はタグクラウドに関するカスタマイズ。いろいろ試してみて、最終的にはこのような感じに落ち着きました。 …