カテゴリー: ウェブデザイン備忘録
cssでドロップダウン(ボタンで開閉)を作る方法
ボタンで開閉するドロップダウンをCSSだけで手軽に作る方法です。 以下はデモとダウンロードデータになります。 ドロップダウンデモ ダウンロード 以下HTMLです。 [crayon-663d36b7aecc96836978 […]
続きを見るカスタム投稿タイプ「CPTUI」で個別にテンプレートを作る方法
カスタム投稿タイプ「CPTUI」で個別にテンプレートを作る方法はめちゃくちゃ簡単です。 single-news.phpにしたファイルを作るだけです。newsはそのカスタム投稿のスラッグです。 こうすることで、例えばニュー […]
続きを見るPagespeed insights高速化まとめ
Pagespeed insights高速化に必要なプラグイン Pagespeed insightsでサイトを高速化するのに必要な主なプラグインは以下です。 Lazy Load a3 Lazy Load EWWW Imag […]
続きを見るwordpress contactform7が迷惑メールにならないようにSPF設定をする
contactform7からの自動返信や送信者へのメールが迷惑メールにならないようにSPFの設定をする必要があります。 お名前.comで取得したドメインでサクラサーバーのメールサーバーを使う場合 お名前.comの管理画面 […]
続きを見る新サクラサーバーとお名前.comでワードプレスの設定する
お名前.com 希望ドメインを購入⇒最後の方に「ネームサーバーの変更」を「サクラサーバー」に選択できるところがあるので、ここで設定しておくと便利。 選択しておくとネームサーバーも切り替わっている。 サクラサーバー初期設定 […]
続きを見るpsdで印刷物を作る時のまとめ
初期設定を変更する 編集→環境設定→単位・定規で変更する。 定規をmm 文字をpoint プリント解像度を300~350 pixcel/inch 新規作成で余白を足して作る 例)ちなみに1万円の160mm×76mmサイズ […]
続きを見るcontactform7でドメインと異なるメールアドレス(Gmail)を送信者とするときに迷惑メールにならないようにする方法。
「WP Mail SMTP」プラグインを使って回避ができます。 インストールして有効化した後は以下のように設定しましょう 送信元メールアドレス:送信者にしたいGmailアドレス このメールを強制使用:チェック フォーム名 […]
続きを見るブラウザの縦幅サイズいっぱい表示、その中央に画像などのコンテンツを置く方法
TOPページの一番上のイメージ部分をブラウザの縦幅いっぱいに表示して その中央に画像などのコンテンツを置くサイトよく見かけますよね?今回はその方法をご紹介します。 ブラウザの縦幅サイズちょうど表示の方法は簡単です。 [c […]
続きを見るcss js【簡単】下からふわっと出てくるアニメーションの作り方
最近よく見る下からふわっと出てくるアニメーションで。もっとも簡単な実装方法をご紹介します。 header内に以下を記入します。
1 2 3 4 5 6 7 8 9 10 11 12 |
<script src="https://unpkg.com/scrollreveal"></script> <script> $(function(){ ScrollReveal().reveal('.変化させるクラス名',{ delay: 400, //アニメーションの発生タイミング distance: '30px', //要素の移動距離 origin: 'bottom', //要素が移動してくる方向 top/right/bottom/left duration:4000, //アニメーション完了までの速度 opacity:0, //アニメーション開始前の要素の不透明度 }); }); </script> |
変化させるクラス名という箇 […]
続きを見るAll-in-one-wp-migrationで引っ越したら404 not foundになってしまった時の対処法
All-in-one-wp-migrationで引っ越したら404 not foundになってしまった。 原因の一つに、元のサイトがSSL化していて、新サーバーがまだSSL化していないときに整合性が合わずエラーになること […]
続きを見る