蛙色1号

カエル好き。noteは備忘録として使います。

蛙色1号

カエル好き。noteは備忘録として使います。

最近の記事

Wikipediaみたいに記事内の単語に自動でリンクを設置したい

Wikipediaなどの辞典サイトだと、説明文中の単語に内部リンクが貼ってあることが多いです。 あれを自サイトにも実装してみました。 ↓実装済サイト 実装した理由爬虫類・両生類界隈で使われる飼育に関する用語は専門性が高く、一般人には理解し辛いものが多いです。 かといって、毎回そのワードが出てくる度に注釈を添えるのは面倒ですし、読む側にとっても煩わしい。 また、同じような説明が複数のページにあると、ページ同士のカニバリを引き起こしたり、検索エンジンから重複コンテンツとみな

    • Googleアドセンス一発合格!やったね!

      • サイト上に診断チャートを設置する

        設問にはい・いいえで答えていく診断チャートを作成する方法です。 上のような画像を貼りつける方法もありますが、これだとスマホで見た際に小さくなりすぎるのであまりよくありません。 設問が画面に1つずつ表示され、答えると次の設問へ…というような形にしたいです。 イメージ的にはこんな感じ。 完成品はこちら割と良い感じにできたと思います。 作り方WordPressであればYes/No Chartというプラグインを使って簡単に実装できます。 詳しい使い方はこちら。 有料の拡張機能

        • 「Smart Slider 3」が使いにくかったので詰まりやすい部分をメモ

          WordPressサイトにスライドショーを追加するためにSmart Slider 3というプラグインを導入しました。 このプラグイン、かなりカスタマイズできる項目が多く完成度の高いスライドショーが作れるのですが、いかんせん使い方がわかりにくいです。 スライドショーを作成できるプラグインとしてはこの他にMeta Sliderというものもあります。 Meta Sliderの方が設定自体は簡単ですが、仕上がりもややチープな感じがするので個人的にはいまいちぱっとしませんでした…。

        Wikipediaみたいに記事内の単語に自動でリンクを設置したい

          【解決】videoタグで動画を埋め込むと、Safariで見た時に微妙な感じになる…

          WordPressで動画の埋め込みをしてSafariで確認してみると、画像のように再生ボタンだけが表示されて真っ白になってしまいました。 あまりかっこよくない上に、これだと動画が埋め込まれていることもわかり辛いのでなんとかしたいところです。 ざっと調べてみたところ、簡単な解決方法は以下の2つ。 解決方法①ポスター画像を設定するWordpressの場合、編集画面右のブロックの設定からポスター画像を設定できるようになっています。 ポスター画像を設定すると、それがサムネ画像とし

          【解決】videoタグで動画を埋め込むと、Safariで見た時に微妙な感じになる…