【CSS】横並びメニューの区切り線を「隣接セレクタ」と「疑似要素」を使って実装する方法

コードが書かれたモニター
グローバルメニューやフッタメニューで利用することの多い区切り線(罫線)。皆さんはどのように実装していますか。 CSSの[border]を使えば簡単に作ることができますが、縦線の長さや位置を自由変えれないので思ったようにデザインできません。そんな時は「隣接セレクタ」と「疑似要素」を使うとスマートに実装できます
続きを読む

WordPressで特定の固定ページやカテゴリーにBasic認証をかける方法

WordPress(ワードプレス)ロゴ
サイト内の特定のページやディレクトリにBasic認証をかける場合、.htaccessを使って実装するのが一般的です。 しかし、WordPressのページにはディレクトリという概念がないため、特定のページにだけ認証をかけるということができません(サイト全体は可能)。 今回はWordPressで特定の固定ページ
続きを読む

【FileZilla】サイトマネージャーに登録しているFTPパスワードを確認する方法

FileZilla
FTPソフト「Filezilla」はホスト名・ユーザー名・パスワード等をサイトマネージャーに登録してサーバーに接続します。 登録したアカウント情報はサイトマネージャーで確認できますが、パスワードはマスクされていて見ることができません。今回は、Filezillaでサイトマネージャーに登録しているFTPパスワー
続きを読む

【WordPress】カスタム投稿タイプの記事が表示されない(404エラー)時の解決方法

WordPress(ワードプレス)
WordPressでカスタム投稿タイプの追加したけど記事が表示されない!なんか年がら年中こんな現象に悩まされています(笑) 以前も似たような現象(通常投稿ページが表示されない)に遭遇しましたが、今回はまた別のトラブル。これもわかってしまえばなんてことないのですが、(カスタム投稿の設定自体は間違っていないだけ
続きを読む

メールの取りこぼしを防ごう!DNS切替に伴うメールサーバー移行方法と注意点

メールのイメージ
ホームページで利用しているレンタルサーバー(ホスティング会社)を変更する場合、メールサーバーの移行作業が発生します。 プライベートならまだしも、ビジネスメールの送受信に不具合があったら大事です。メールサーバーの移行は慎重かつミスなく行わなければなりません。 今回はDNSの変更にともなうメールサーバー移行方法
続きを読む

WordPressでカスタムフィールドの値をサイト内検索の対象にする方法(プラグインなし)

PCで検索
WordPressのサイト内検索で「カスタムフィールド」の値を検索対象に含める方法を紹介します。 この記事にたどり着いた方なら重々承知していることと思いますが、困ったことにWordPressの検索はカスタムフィールドを検索対象に含めません。プラグインやら色々試行錯誤した結果、上手く動作するようになったので共
続きを読む

【テンプレート】システムメンテナンスのお知らせのサンプル雛形

データセンター内の様子(サーバールーム)
運用しているホームページのサーバーやプログラムを入れ替える場合、一時的にサイトを停止することになります。 突発的なトラブルなどでない限り、事前にホームページ内のお知らせなどでメンテナンスを告知すると思いますが、文章はだいたい同じような形になります。それをメンテナンスのたびに書き直すのは効率が悪いですよね。
続きを読む