ウェブ
Swiperでスライドを簡単に実装する方法(スワイパー)【jQuery不要】
プル デザイン 原神攻略サイト
スライダーはslickがありますがこちらはjQueryが必要になりますが、Swiperの場合はjQuery不要で利用可能です。 外部 … ウェブ
約物半角専用のWebフォント「Yaku han JP」記号の字詰めを整える【Web Font】
プル デザイン 原神攻略サイト
デザイナーにとって一番難しいとされる「文字詰め」かなり気を使い調整します。 Photoshopやillustratorで作るグラフィ … ウェブ
スクロールすると下から出てくる「トップに戻るボタン」をコピペで実装可能【jQueryで作る方法】
プル デザイン 原神攻略サイト
Webサイトの一番上にいる場合は「トップに戻るボタン」が隠れている状態ですが、下にスクロールすると、下から出てくるように設定。 コピ … ウェブ
カーソルホバー時、ボタン:hoverで背景色が変化するCSSのみで表現【HTML・CSS】
プル デザイン 原神攻略サイト
WEBデザインに必要なホバー時のボタン:hoverで背景色が変化をCSSのみで様々な動きを加えました。カーソルが要素に乗った際に動作します … ウェブ
CSSクラス名の命名や短縮名【まとめ一覧】
プル デザイン 原神攻略サイト
よく使われるクラス名を一覧にしてまとめました。 英語が苦手な方でも読み方と意味も付けています。class名は自由に命名した場合、他の人が見て理解できる単語にしておかないと後 … ウェブ
ハンバーガーメニューでメニュー外をクリックした際も閉じるを実行するナビゲーションの作り方【JavaScript】
プル デザイン 原神攻略サイト
端末の幅が狭い場合にハンバーガーメニューを表示しますが、PC版のサイトでもナビゲーションメニューが入りきらなかった時にも使用します。 … ワードプレス
WordPressのログイン画面をプラグインなしで簡単に変更する方法【functions.php】
プル デザイン 原神攻略サイト
WordPressサイトを複数所有している場合、ログイン画面が全く同じだとURLを確認しないと直感でどこのサイトなのかがわからない。 … ワードプレス
ブログ一覧ページをCustom Post Type UIとWP-PageNaviを組み合わせて作る方法【プラグイン】
プル デザイン 原神攻略サイト
Web製作で必須となる企業のブログ一覧ページの作り方についての記事になります。 カスタム投稿は「Custom Post Type U … ワードプレス
WordPress管理画面のメニューを消す方法と管理者以外の制限方法とプラグイン制限【WordPress】
プル デザイン 原神攻略サイト
初期状態のWordPress管理画面のメニューを削除する方法についてです。 何もプラグインを導入していない場合は下記の画像のようなメ … ウェブ
【ズーム機能を追加】Slick/全画面でふわっと切り替えスライドショー
プル デザイン 原神攻略サイト
基本の「slickの実装方法」については下記の記事で確認できます。 https://design-pull.com/web-desi … ワードプレス
Contact Form 7 Multi-Step Formsを使って、確認画面と送信完了のページを作る方法【Contact Form 7】
プル デザイン 原神攻略サイト
プラグイン【Contact Form 7】を使ってお問い合わせフォームを作ってみたはいいものの、実際に使用してみるとデフォルトは入力した内 … ウェブ
CSSコードでグラデーションを作る方法【便利ツール】【グラフィック】
プル デザイン 原神攻略サイト
簡単に美しいグラデーションをcssコードで表現する方法と便利ツールを使ってワンクリックでコピーペーストで簡単実装できます。 自身でグ … ワードプレス
WordPress化テンプレートコードとテンプレートファイル階層【オリジナルテーマ作成】【個人のメモ用】
プル デザイン 原神攻略サイト
※自身のサイト構築用テンプレートコード。 HTMLファイルからWordPress化するにあたってファイル名を.phpに変更して、Th … ワードプレス
404 not found(ノットファウンド)のページ作り方【404 お探しのページは見つかりませんでした】【WordPress版】
プル デザイン 原神攻略サイト
WordPressではデフォルトとして、HTTPステータスコードが404の場合「トップページ」を表示するようになっています。テーマフォルダ … ワードプレス
WordPress管理画面でユーザー名が変更できるプラグイン【Username Changer】
プル デザイン 原神攻略サイト
通常はユーザー名を変更することができないようになっており、変更するにはアカウントの作り直しが必要になってきます。 しかし、プラグイン … ワードプレス
Basic認証をかける方法。専門の知識不要プラグイン【 HTTP Auth】
プル デザイン 原神攻略サイト
Webサイトにアクセス制限をかける方法で一番簡単なのがBasic認証(ベーシック認証)で、「WordPressのプラグインHTTP Aut … ワードプレス
ドメイン直下のディレクトリに一つファイルを入れてWordPressインストールする方法【セキュリティ対策】【URL変更】
プル デザイン 原神攻略サイト
サイトにWordPressをインストールする前にWordPressフォルダの上の階層に一つフォルダを入れることによってサイトセキュリティを … ウェブ
モーダルウィンドウを簡単実装する。jQueryプラグイン【Lightbox2の使い方】
プル デザイン 原神攻略サイト
画像をクリックしたらモーダルウィンドウとして表示されるコードの書き方について解説。簡単にモーダルウィンドウを表示できるようにjQueryの … ウェブ
画像をWebPに変更する方法「jpegやpng」を軽量化できる【表示速度を改善】
プル デザイン 原神攻略サイト
従来の画像はpngやjpgなどでしたが、現在主流はwebpになっており画像フォーマットを変更する必要があります。 ※avif画像もあ … ウェブ
コピペで簡単実装できる!粒子アニメーション生成方法【HTML・CSS・JS】
プル デザイン 原神攻略サイト
WEBサイトのトップページで使える粒子アニメーションの作り方について解説します。ほぼコピペで実装可能で用意するのは画像.pngのみなのでコ …