WordPressで投稿記事一覧を表示する
前回は独自のテーマを作成するための準備を行いました。 今回は投稿した記事をループ処理で表示させていきます。 投稿記事一覧を表示させる 投稿記事を作成 まずはワードプレスの管理画面から投稿>新規追加で表示させたい記事を作成…
前回は独自のテーマを作成するための準備を行いました。 今回は投稿した記事をループ処理で表示させていきます。 投稿記事一覧を表示させる 投稿記事を作成 まずはワードプレスの管理画面から投稿>新規追加で表示させたい記事を作成…
今回は既存のワードプレスのテーマは使用せず、独自のデザインでサイトを構築していきます。 まずはテーマをを作るための準備をしていきます。 WordPressでオリジナルテーマを作成する ワードプレスは通常サーバーにあげなけ…
WordPressは通常サーバーにあげないと動きませんが、MAMPを使うことで、自分のパソコン上でWordPressを動かすことができます。 サイトの改修やWordPressのテーマ作成の際に大変便利です。 レンタルサー…
パララックス(parallax)は直訳すると視差という意味です。 スクロールすると同時に次のコンテンツが覆いかぶさるような、不思議な動きをし、奥行きやストーリー性を出してくれる効果があります。 今回はそんなパララックスサ…
サイトを開いた時に、いきなりトップページが表示されるのではなく、まずはロゴがふわっとフェードインしてからトップページが表示されるサイトがありますよね。 美容サロンや旅館のサイトでよく使われていて、優しく柔らかい印象を与え…
ワードプレスでcssファイルとjsファイルを読み込みたいのに上手く読み込めない。。なんで?? こんな疑問に答えます。 推奨されているやり方 まずはじめに、ワードプレスからcssファイル、jsファイルを読み込むには<…
今回はECサイトなどでよく見かける、複数商品を一気にスライドさせる方法を紹介します。 世の中には様々なスライダーのプラグインがありますが、今回はその中でも最も汎用性が高く、オプション設定も豊富な「slick(スリック)」…
画面右上の三本線のアイコンをクリックしたら、右側からシュッとメニューが出てくる作りにします。 まずはデモサイトを見てみましょう。 デモサイト いつもどこから手をつけていいのか迷ってしまうので手順をつけて説明していきます。…
モーダルウィンドウとは、会員登録ボタンを押した時や、画像を押した時、エラーを知らせる時などにポップアップで表示されるものをモーダルウィンドウといいます。 プラグインもありますが、今回はjQueryを使ってモーダルウィンド…