wordpress

wordpressでSVGファイルを表示させる方法とは？プラグインを利用した方法で解説します

drawioやxmindで書いた図を綺麗なままwordpressで表示したい！ SVG画像(アニメーションも含む)をwordpressで表示したい。 どうしたら実現できるの？   このような疑問にお答えします。 wordpressでSVG画像を利用するには、ちょっとした準備が必要です。 この記事では、wordpressでSVG画像を表示する方法について解説します。   word […]

drawioで書いた図をwordpressで利用する3つの方法

drawioで書いた図をPNG画像に変換したとき、画像が粗くなり文字が読みづらいという問題が発生しました。 どうすれば、図が一番綺麗で、かつ、書いた通りに表現されるのか調査しました。その結果、SVG画像の利用でした。 この記事では、drawioで書いた図をwordpressで表示する3つの方法を紹介します。   drawioで書いた図の出力方法の比較 drawioで書いた図を、以下の3つ […]

プラグインを使わずにwordpressにtooltip(ツールチップ)を導入する【Javascriptとcssのみ】

wordpressでtooltip(ツールチップ)を導入するには、「WordPress Tooltip」などのプラグインを利用すれば簡単に導入できるようです。 WordPress Tooltip しかし私の場合は、以下のような条件があったため、かっこいい管理画面が作れる「AdminLTE」を参考に、Javascriptとcssでtooltipを実現させました。 無題にプラグインを追加したくない b […]

WordPressで「パーマリンク」が消えた？「パーマリンク設定」で「カスタム構造」で保存しても戻ってしまう問題の解決方法

WordPressで「パーマリンク」が消える問題が発生しました。 この記事では、どのように解消したのか解説します。   発生した問題 新規投稿時、「パーマリンク」を編集できない(項目が表示されない)問題が発生しました。 「パーマリンク設定」の確認をしたら、「カスタム構造」になっていませんでした。 さらに私の場合は、WordPressの「パーマリンク設定」において「カスタム構造」にチェック […]

gistのみ！３分間の作業でwordpressにjupyter notebookの実行結果を埋め込む方法

wordpressで作成したブログにjupyter notebook(jupyter lab)の内容を表示させたい。でも・・・ CSSを変更したくない 新しいプラグインを入れたくない 大丈夫です！ この記事で紹介する方法なら、CSSの変更などせずに、3分ほどでjupyter notebookの内容を反映できますよ。   前提条件 このブログの手順を試す前に以下の前提条件が必要になります。 […]