webARの知識0から大体20時間くらい調べてわかったこと
webARの知識0から大体20時間くらい調べてわかったこと。 #備忘録 #2021年8月現在 ◆webARを表現するための方法 A-Frame WebVRをHTMLの記述で簡単に作成できるフレームワーク ・webxrを使…
JavaScriptで切り替えタブの作り方
今回はJavaScriptのみで切り替えタブを実装していきます。 jQueryを使って実装したい方は下記を参考にしてください。 それでは早速デモページを確認し、切り替えタブを実装していきましょう！ See the Pen…
JavaScriptで作るマウスホバーで開閉するドロップダウンメニューの作り方
今回はよくグローバルナビなどで使われているドロップダウンメニューをJavaScriptで実装していきます。 jQueryで実装した記事はたくさんありますが、JavaScriptを使って実装した記事は少なかったので、備忘録…
【jQuery】スクロールに合わせてヘッダーサイズを変化させる
今回はスクロールに合わせてヘッダーサイズを変化させる実装を紹介します。 前回はヘッダーを単純に固定させる方法を紹介しました。 ヘッダーを固定で表示させたい時、高さが大きいと見える範囲が狭まりユーザーに不便な思いをさせてし…
CSSでヘッダー（ナビゲーション）を上部に固定させる方法
今回はCSSを使ってスクロールしても常に上部にヘッダー（ナビゲーション）を表示させる方法をご紹介します。 まずはデモページを確認します。 デモサイト 重要な動線を常に画面上部に固定で表示させておくことで、サイト内回遊率を…
jQueryで切り替えタブの作り方
今回はページを遷移せず、jQueryでタブの切り替えを行う実装を紹介します！ まずはデモページでこれから作るものを確認します。 デモサイト 【切り替えタブの作り方】HTML編 解説です。（わかる人は読み飛ばしOK） まず…
WordPressで記事の投稿日とカテゴリーを表示する
ワードプレスでは投稿すると自動で投稿日と指定したカテゴリーを表示してくれます。 日時別やカテゴリー別で表示させたい時に便利です。 投稿の日付を表示する方法 ワードプレスで投稿日を表示するには、get_the_date()…
WordPressで投稿記事一覧を表示する
前回は独自のテーマを作成するための準備を行いました。 今回は投稿した記事をループ処理で表示させていきます。 投稿記事一覧を表示させる 投稿記事を作成 まずはワードプレスの管理画面から投稿＞新規追加で表示させたい記事を作成…
WordPressでオリジナルテーマを作成する
今回は既存のワードプレスのテーマは使用せず、独自のデザインでサイトを構築していきます。 まずはテーマをを作るための準備をしていきます。 WordPressでオリジナルテーマを作成する ワードプレスは通常サーバーにあげなけ…
MAMPを使ってWordPressをローカル開発環境にインストールする
WordPressは通常サーバーにあげないと動きませんが、MAMPを使うことで、自分のパソコン上でWordPressを動かすことができます。 サイトの改修やWordPressのテーマ作成の際に大変便利です。 レンタルサー…
プロフィール
