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...
wordpress
WordPress
02.14.2021

RSSフィードをサムネイル付きで表示する

いろいろあってブログを2つに分けて運営することになり、片方の更新情報の一部をもう片方に引っ張りたいと思うようになりました。 「RSSフィード」というものを引っ張ってくればいいらしい、というところまではスムーズだったのですが、試してみるとタイトルや日付、記事の要約は表示できるものの、サムネイルが出てこない（別に良いのだけど、やっぱり少し寂しい）。 これがデフォルトなんですね。 調 Read more...
wordpress
WordPress
02.13.2021

ワードプレス: タグクラウドのカスタマイズ

このウェブサイトはWordPressを使って作成しています。 ちょこちょこカスタマイズをしているので、メモにしました。今回はタグクラウドに関するカスタマイズ。いろいろ試してみて、最終的にはこのような感じに落ち着きました。 Before After functions.phpやstyle.cssに追記した内容は下記です。 ※ もしお試しになる場合には、 Read more...