背景画像をズームアップしながらフェードで切り替えるスライダー - Swiperで実装する方法
今回は背景画像をズームアップさせながらフェードで切り替えるスライダーを、Swiperを使って実装します。Swiperなどのプラグインを使わなくても実現できますが、ページネションの設定や１ページに複数ス...
新しい記事一覧
【WordPress】パスワード保護が機能しないときの対処法
今回はWordPressでパスワード保護が効かないときの対処法について説明します。パスワード保護が効かない原因は以下です。どちらかに当てはまるとパスワード保護ページが表示されない、もしくはパスワードを...
Vscodeの拡張機能「Project Manager」の使い方 - 複数のフォルダを同時に開く
今回はVscodeの拡張機能「Project Manager」の設定方法を紹介します。ワークスペースに複数のプロジェクトを表示させて、その状態をいつでも呼び出せる環境を作れる拡張機能です。 この記事の...
VScodeで拡張機能「SFTP」を使ってサーバーにアップする手順
今回はVScodeの拡張機能である「SFTP」を使ってサーバーにアップする手順を説明します。FTP接続だけではなく、SSHを使ったSFTP接続の設定方法も紹介します。 「SFTP」を使うメリットは以下...
MacにHomebrewを使ってgitをインストールする手順
今回はMacにHomebrewを使ってgitをインストールする方法を説明します。 この記事の目次 MacにHomebrewを使ってgitをインストールする手順 MacにHomebrewをインストール...
Macにgemをインストールする流れ - Homebrew→rbenv→bundlerで管理する
今回はMacでgemをインストールして、バージョンなど管理する流れを説明します。 説明する環境は以下の通りです。 macOS Mojar v10.14.6 Visual Studio Code v1....
gulp4の設定方法 - SassやAutoprefixer、ejs、画像の圧縮などを自動化する
gulpとはnode.jsベースで動くパッケージで、いままで面倒だった作業を自動化してくれる優れもの。今回gulp4で設定する内容は以下になります。 Sass（expandedとcompressedを...
VScodeを使う前に - おすすめ初期設定と最低限の拡張機能をセットする
VScode（Visual Studio Code）とは軽量かつ高速で動作する高機能エディタ。WindowsでもMacでも動作し、無料とは思えない機能の豊富さ、動作の軽さから多くのプログラマーから選ば...
【WordPress】固定ページにカスタム投稿一覧を出力する方法
今回はカスタム投稿一覧を固定ページに出力する方法を説明します。固定ページの他にトップページにカスタム投稿から４記事だけ出力させたい場合などにも使えます。 この記事の目次 カスタム投稿とカスタム分類を作...
DreamweaverでWordPressテーマ制作の環境を作る方法
WordPressのテーマ制作にはPHPとデーターベースを扱える環境が必要です。ただ、DreamweaverではPHPは扱えますが、データーベースを作る機能はありません。そこでFlywheelという無...