WordPress 【WordPress】投稿記事をスライドで表示する方法 サイトのトップページなどにおすすめ記事や新着記事をスライドでかっこよくおしゃれに表示したい際に便利な投稿記事をスライドで表示する方法を紹介します。 記事のサムネイル画像をいくつか並べて横にスッとスライドして切り替えが可能です。 自動再生機能... 2022.12.04 WordPress
WordPress 【WordPress】一覧ページで記事をランダムに表示する WordPressの一覧ページで記事をランダムに表示する方法を紹介します。 通常のブログサイトだともしかしたらあまり出番はないかもしれませんが、固定の表示順にしたくない場合などに使用することがあります。 メインループを使用する 記事表示用フ... 2022.11.22 WordPress
HTML/CSS CSSで片側だけ画面幅いっぱいに広げる方法 CSSで片側だけ画面幅いっぱいに広げる方法を紹介します。 片側だけ画面いっぱいに広げることでアクセントを付けるデザインはよく見るので、覚えておくと便利かもしれません。 サンプル サンプルページ HTML <section class="co... 2022.11.12 HTML/CSS
jQuery 指定した位置までスクロールすると追従になるヘッダー 指定した位置までスクロールすると追従になるヘッダーの作り方を紹介します。 比較的よく使うテクニックなので、覚えておいて損はないと思います。 サンプル サンプルページ HTML <header class="header"> <div cla... 2022.11.06 jQuery
HTML/CSS CSSで作るスライドアニメーションで右横から出てくる追従お問い合わせボタン CSSで作るスライドアニメーションで右横から出てくる追従お問い合わせボタンの作り方を紹介します。 CSSのみでjsは未使用なので簡単・軽量です。 サンプル <a href="/contact/" class="contact-btn sli... 2022.11.05 HTML/CSS
WordPress Contact Form 7で設置したフォームのformタグに任意のclassやidを設定する方法 「Contact Form 7」は、WordPressに簡単にフォームを設置できる便利なプラグインです。今回はContact Form 7で設置したフォームのformタグ部分に任意のclassやidを設定する方法を紹介します。 classや... 2022.11.05 WordPress
HTML/CSS 【CSS】背景色だけ透過させる方法 中に表示する画像やテキストはそのまま表示させたい 画像やテキストなどは通常表示で背景色だけを透過させる方法を紹介します。 原因 背景を透過させようとしたら画像やテキストなども全て透過されてしまいました。一体何が原因なのでしょうか。 結論から言うとopacityを使用していたのが原因でした。... 2022.11.04 HTML/CSS
Webサイト全般 サーチコンソールで所有権の確認を行ったらサブドメインだけアクセスができなくなった話 先日サブドメインを使用しているサイトだけアクセスができないという現象が発生しました。同じようなことで困っている方もいると思うので、原因と対処方法を記載しておきます。 原因はDNSレコード サブドメインではない、メインのドメインのほうでは普通... 2022.09.25 Webサイト全般
jQuery jQueryでスムーススクロール機能付きのトップに戻るボタンを作る jQueryでスムーススクロール機能付きのトップに戻るボタンを作る方法を紹介します。 コピペで簡単に実装できるサンプルを用意したので、自分好みにカスタマイズしてみてください。 サンプル サンプルページ HTML <div class="bt... 2022.09.14 jQuery
Webサイト全般 エックスサーバーの管理画面から.htaccessを編集する方法 エックスサーバーの管理画面から.htaccessを編集する方法を紹介します。 エックスサーバーの管理画面から.htaccessを編集する手順 1.エックスサーバーのサーバーパネルにログインする 2.サーバーパネル画面にログインしたら、左側の... 2022.09.13 Webサイト全般