ウェブ
ハンバーガーメニューでメニュー外をクリックした際も閉じるを実行するナビゲーションの作り方【JavaScript】
プル デザイン 原神攻略サイト
端末の幅が狭い場合にハンバーガーメニューを表示しますが、PC版のサイトでもナビゲーションメニューが入りきらなかった時にも使用します。 … ワードプレス
WordPressのログイン画面をプラグインなしで簡単に変更する方法【functions.php】
プル デザイン 原神攻略サイト
WordPressサイトを複数所有している場合、ログイン画面が全く同じだとURLを確認しないと直感でどこのサイトなのかがわからない。 … ウェブ
VSCodeを開いた時に前回のファイルを開かずに新規の状態で開く設定方法【VSCode設定】
プル デザイン 原神攻略サイト
デフォルトの場合VSCodeを開いた時に、前回編集していたファイルが自動で開いてしまう設定を、新規の状態で開く設定についての解説になります … ウェブ
WinSCPのダウンロードとインストールから日本語設定、VSCodeで開く方法までの解説【便利エディタ】
プル デザイン 原神攻略サイト
FTPクライアントソフトの「WinSCP」のダウンロードとインストールからコードエディターVisual Studio Codeで直接編集す … ワードプレス
ブログ一覧ページをCustom Post Type UIとWP-PageNaviを組み合わせて作る方法【プラグイン】
プル デザイン 原神攻略サイト
Web製作で必須となる企業のブログ一覧ページの作り方についての記事になります。 カスタム投稿は「Custom Post Type U … ワードプレス
WordPress管理画面のメニューを消す方法と管理者以外の制限方法とプラグイン制限【WordPress】
プル デザイン 原神攻略サイト
初期状態のWordPress管理画面のメニューを削除する方法についてです。 何もプラグインを導入していない場合は下記の画像のようなメ … ウェブ
【ズーム機能を追加】Slick/全画面でふわっと切り替えスライドショー
プル デザイン 原神攻略サイト
基本の「slickの実装方法」については下記の記事で確認できます。 https://design-pull.com/web-desi … ウェブ
VSCodeでPHPファイルを正常に開く方法【コーダー必見】
プル デザイン 原神攻略サイト
PHPの設定をしていない場合、VSCodeでPHPファイルを開くと下記の画像のように設定用のポップアップが右下に表示されます。 設定 … ウェブ
CSSコードでグラデーションを作る方法【便利ツール】【グラフィック】
プル デザイン 原神攻略サイト
簡単に美しいグラデーションをcssコードで表現する方法と便利ツールを使ってワンクリックでコピーペーストで簡単実装できます。 自身でグ … ワードプレス
WordPress化テンプレートコードとテンプレートファイル階層【オリジナルテーマ作成】【個人のメモ用】
プル デザイン 原神攻略サイト
※自身のサイト構築用テンプレートコード。 HTMLファイルからWordPress化するにあたってファイル名を.phpに変更して、Th … ワードプレス
404 not found(ノットファウンド)のページ作り方【404 お探しのページは見つかりませんでした】【WordPress版】
プル デザイン 原神攻略サイト
WordPressではデフォルトとして、HTTPステータスコードが404の場合「トップページ」を表示するようになっています。テーマフォルダ … ワードプレス
Basic認証をかける方法。専門の知識不要プラグイン【 HTTP Auth】
プル デザイン 原神攻略サイト
Webサイトにアクセス制限をかける方法で一番簡単なのがBasic認証(ベーシック認証)で、「WordPressのプラグインHTTP Aut … ワードプレス
ドメイン直下のディレクトリに一つファイルを入れてWordPressインストールする方法【セキュリティ対策】【URL変更】
プル デザイン 原神攻略サイト
サイトにWordPressをインストールする前にWordPressフォルダの上の階層に一つフォルダを入れることによってサイトセキュリティを … ウェブ
SCSS(エスシーエスエス)CSSをより便利に扱うことができる構文【変数】-STEP3
プル デザイン 原神攻略サイト
STEP2ではSCSSの擬似クラスについて書きました。この章では、変数の使い方について解説します。 https://design-p … GitHub Desktop
Githubでコンフリクトを解決する方法【Gitバージョン管理システム】-STEP9
プル デザイン 原神攻略サイト
前の記事ではコンフリクトとブランチについて理解について書きました。 https://design-pull.com/web-desi … ウェブ
モーダルウィンドウを簡単実装する。jQueryプラグイン【Lightbox2の使い方】
プル デザイン 原神攻略サイト
画像をクリックしたらモーダルウィンドウとして表示されるコードの書き方について解説。簡単にモーダルウィンドウを表示できるようにjQueryの … ウェブ
SCSS(エスシーエスエス)CSSをより便利に扱うことができる構文【擬似クラス:hover】-STEP2
プル デザイン 原神攻略サイト
STEP1ではSass(サス)の基本構造内容を書きました。 この章では、擬似要素の記述方法について解説します。 https:/ … ウェブ
画像をWebPに変更する方法「jpegやpng」を軽量化できる【表示速度を改善】
プル デザイン 原神攻略サイト
従来の画像はpngやjpgなどでしたが、現在主流はwebpになっており画像フォーマットを変更する必要があります。 ※avif画像もあ … ウェブ
Sass(サス)とSCSS(エスシーエスエス)CSSをより便利に扱うことができる構文【基礎知識】-STEP1
プル デザイン 原神攻略サイト
Sass(サス)はCSSを効率よく書くことができる言語記法です。 「Syntactically Awesome Style Shee … ウェブ
コピペで簡単実装できる!粒子アニメーション生成方法【HTML・CSS・JS】
プル デザイン 原神攻略サイト
WEBサイトのトップページで使える粒子アニメーションの作り方について解説します。ほぼコピペで実装可能で用意するのは画像.pngのみなのでコ …