タブごとに内容を切り替える「タブメニュー」をホームページに作成する方法
ページを切り替えることなく、同じページ内でタブごとに表示内容を変更する「タブメニュー」の作り方について、今回簡単に紹介しようと思います！ ちなみにタブメニューとは↓のように、タブをクリックするとページ移動することなく、ボックスの中身のみが切り替わるというものです。 タブ1タブ2タブ3 タブ1の内容です。画像やリンクを含めることもできます。 タブ2の内容です。画像やリンクを含めることもできます。 タブ3の内容です。画像やリンクを含めることもできます。 ※ 今回の解説では、↑の実装例で示したものと同じよ ...
クリックでその場に画像を拡大表示！ホームページに「LightBox」機能を実装する方法
画像をクリックすると、 別ページに飛ぶことなくその場で拡大表示してくれるjQueryの有名プラグイン「LightBox」を ホームページに実装する方法について、簡単に解説します！ ▼ 実装例（画像をクリックすると拡大します） ①「LiteBox Plus+」プラグインのダウンロード 「LightBox Plus+」のダウンロードサイトへ行き、下の方にスクロールすると見える Downloadボタンを押して「lightbox_sample.zip」という.zipファイルをダウンロードしてください。 ダウンロー ...
ページのスクロールに合わせて付いてくるサイドバーを実装する方法
色々なホームページでよく見かける、"ページのスクロールに合わせて付いてくるサイドバー" を実装する方法について紹介します！(Ggoogle Chrome, IE11動作確認) 具体的にどんな感じになるかについては、PC表示にしてこのページのサイドバーに注目しながらページを下の方に スクロールしてみてください。 スクロールすると、それに合わせて一緒についてくると思います。 ① Jqueryプラグインのダウンロード この機能を実装するためにはJqueryの「Sticky」というプラグインを導入する必要がありま ...
ホームページに音声を再生するプレーヤーを埋め込む方法
作成・編集したBGMや効果音等のサンプルを、ホームページ・ブログを見に来てくれた人に気軽に聞いて もらいたい！ といった時に役に立つ"簡易mp3プレーヤー"をページに埋め込む方法を紹介します！ ちなみに導入に成功すると↓のようなプレイヤーが表示されます https://fukafuka295.jp/wp-content/uploads/2019/04/sample1.mp3 色々なサイトさんで見かけるような典型的なプレイヤーですね！では以下で導入手順について 解説していきます。 ① プレイヤ ...
画質はそのままで容量削減！超簡単:おススメ画像圧縮サイト
「画像を送信したいけど容量が重すぎて時間がかかる！」「ホームページにスライドショー機能を付けたはいいけど、ページの読み込みが遅くなった」 なんてお悩みを抱えた方々に今回、画質はほとんど変わらないまま、画像の容量だけを削減してくれるおススメのサイトをご紹介します！ 画像の重さはマイナスにしかならない "画像"データの容量というのは、"動画"データに比べると個々では大したことの無いデータ量ですが、 油断してホームページやブログなどにバンバン貼りまくっていると、気づいたら思いもよらぬ容量になってしまい、 ページ ...
超簡単！ホームページにスライドショー機能を実装する方法(JQuery)
自分のホームページに画像がどんどん移り変わるスライドショー機能を追加して賑やかにしたい！ という方々のために今回、超簡単にスライドショーを設置する方法をご紹介します！ ちなみに導入に成功すると↓このようなスライドショーが実装されます(GoogleChrome, IE11, IOS動作確認) ▼こちらのスライドショーもおすすめ！ スライドショーの簡単な設置方法 まずは「bxSlilder」さんのサイトで配布されている JQueryのプラグインファイルをダウンロードしてください（画像の赤枠部分からダウンロード ...
HTMLサイトでも設置可能！ホームページにブログのような"一言コメント欄"を設置する方法
自分のホームページにブログでよく見るようなコメント機能を追加したい！でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します！(Google Chrome, IE11で動作確認） ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。 ① プログラムのダウンロード まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン が ...
夢のマイホームページ開設！
当ホームページをご覧に来て下さったみなさん、どうもありがとうございます！ 未だ厳しい寒さの続く中、みなさんいかがお過ごしでしょうか。 私はと言うと大学の卒業論文の作成も終わり、 以前から一度作ってみたいと思っていたホームページ作りの勉強を地道にしていました！(なんというさみしい春休み・・・;) そしてホームページ作りを学び始めて約1か月、遂に念願のマイホームページを開設することができました！ その名も・・・ "ふかふか交易所 ゲマステ！（ゲーマーズステーション：Gamers Station）" ※201 ...