カテゴリー: ウェブデザイン備忘録

Googleフォントを手軽にcssで使う方法

2022.07.12  

googleフォントを使ってWEBデザインを華やかにしましょう! 手順は以下です! ①googleWEBフォントへアクセス ②好きなフォントを選び、ヘッダーに書き込むコードと、CSSのコードを入手。 ③ヘッダーとcssに […]

続きを見る  

XサーバーをSSL化した後にリダイレクトさせる方法

2022.06.24  

.htaccessの最初(文頭)に以下を記入するだけ。

詳しくはこちら

続きを見る  

Xサーバーメールアドレスの追加方法

2022.05.09  

「メールアカウント設定」を選択 サーバーパネルへログインし、「メールアカウント設定」を選択。 「メールアカウント追加」を選択 現在設定されている一覧が表示されます。「メールアカウント追加」を選択します。 「確認画面へ進む […]

続きを見る  

Xサーバーでwordpressのサイトを複数追加する方法

2022.04.25  

ドメインもXサーバーで取得する。 ①独自ドメインを取得 ②ネームサーバーの設定 ③独自ドメインにSSL設定をする 手順は以下の方法でする。ドメインもXサーバーで取得する。 サーバーログインはこちら 詳しくはこちら ドメイ […]

続きを見る  

カスタムフィールドで作ったフィールドを他のページに表示する方法。

2022.03.09  

カスタムフィールドで項目を作ったとしても、基本的にはそのページ自体にしか反映ができません。 「イベントの開催日を投稿ページだけでなく、トップページにも表示したい!」なんて言うときなどに便利です。 編集ページのIDを取得す […]

続きを見る  

cssでドロップダウン(ボタンで開閉)を作る方法

2022.01.12  

ボタンで開閉するドロップダウンをCSSだけで手軽に作る方法です。 以下はデモとダウンロードデータになります。 ドロップダウンデモ ダウンロード 以下HTMLです。 [crayon-673ef956d299d6351204 […]

続きを見る  

カスタム投稿タイプ「CPTUI」で個別にテンプレートを作る方法

2021.11.17  

カスタム投稿タイプ「CPTUI」で個別にテンプレートを作る方法はめちゃくちゃ簡単です。 single-news.phpにしたファイルを作るだけです。newsはそのカスタム投稿のスラッグです。 こうすることで、例えばニュー […]

続きを見る  

Pagespeed insights高速化まとめ

2021.05.25  

Pagespeed insights高速化に必要なプラグイン Pagespeed insightsでサイトを高速化するのに必要な主なプラグインは以下です。 Lazy Load a3 Lazy Load EWWW Imag […]

続きを見る  

wordpress contactform7が迷惑メールにならないようにSPF設定をする

2021.04.14  

contactform7からの自動返信や送信者へのメールが迷惑メールにならないようにSPFの設定をする必要があります。 お名前.comで取得したドメインでサクラサーバーのメールサーバーを使う場合 お名前.comの管理画面 […]

続きを見る  

新サクラサーバーとお名前.comでワードプレスの設定する

2021.02.08  

お名前.com 希望ドメインを購入⇒最後の方に「ネームサーバーの変更」を「サクラサーバー」に選択できるところがあるので、ここで設定しておくと便利。 選択しておくとネームサーバーも切り替わっている。 サクラサーバー初期設定 […]

続きを見る