numbers
WordPress / プログラミング
03.29.2021

highlight.jsに行番号を追加する方法

highlight.jsを使ってソースコードを綺麗に表示するだけでも充分なのですが、行番号があるとコードの解説がしやすいですよね。 この記事では、highlight.jsで整えたコード表示に、行番号を入れる方法をまとめました。 開発者さんのGitHub（https://github.com/wcoder/highlightjs-line-numbers.js/）のREADME Read more...
chicks making sounds
WordPress
02.21.2021

クリックで音が出るボタン: 1種類の音声ファイルのみで作る場合

こちらの記事で紹介した音の出るボタンですが、私は音声データが .mp3だけでも良いかなと思ったので、.mp3ファイルだけで音の出るボタンを作った方法もメモにしました。 この素晴らしいボタンの開発者SyncerさんのページからJavaScript（「sounds-multi.js」）をダウンロードするところまでは上記の記事と同じです。 ダウンロードしたJavaScriptを所々 Read more...
chicks making sounds
WordPress
02.20.2021

クリックで音が出るボタンをWordPressで実装する方法

クリックすると音が出るボタンを作成することができ、とっても感激したので、WordPressでの利用方法についてご紹介します！Syncerさんの「クリックすると音が鳴るボタンの作り方」を見ながら作成させていただきました。 応用方法はいろいろですが、例えば、こんなボタン「」を作っていきます（ 部分を押してみてください。こちらの音声データはsoundoftext.comにて作成しました。） Read more...