numbers
WordPress / プログラミング
03.29.2021

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

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

iPone・SafariでもFont Awesomeを表示する方法

先日ふとiPhone（Safari）で自分のサイトの表示を見てみたら、Font Awesomeのアイコンが全て「 □ 」になっていてかなり焦りました。 原因は広告表示を制限するアプリで、Ad-Blocker Pro、Adblock Plus、AdFilter、AdGuardのPrivacy、が影響していました（どれかひとつでも解除するとSafariでもアイコンが表示されました）。 Read more...
WordPress / プログラミング
03.28.2021

HTMLやPHPのコードをそのまま表示する方法

コードをそのまま表示させたいのに、HTMLやPHPを書くとコードがごっそり非表示になってしまったり、インデントのあるコードのインデントが消え、コードが左揃えになってしまって、困ったことがありました。 この記事では、それらを解決した方法をまとめました。 コードをそのまま表示する方法 まずは、HTMLやPHPをそのまま表示させる方法です。WordPressに標準搭載されているコード 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...