過去の記事一覧

  1. WordPress

    Googleマップを簡単にレスポンシブで埋め込めるプラグイン

    Googleマップの埋め込み設定で地図をページに表示させた場合、スマホ対応になっていません。そこで簡単にGoogleマップを埋め込むことができ、しかもレスポンシ…

  2. その他

    GoogleMapを自分のページで表示させる方法

    ここでは、Googleマップを自分のサイトに埋め込む方法についてお話させていただきます。※注意:この方法はスマホ対応に適していません。スマホ対応もお考え…

  3. WordPress

    画像をクリックしたらフワッと画像が浮き出るプラグイン

    サムネイル画像をクリックしたら、ブラウザのサイズに合わせて大きな画像がポワッと出て来る機能が欲しいなと思った方におすすめしたいのが「Easy FancyBox」…

  4. CSS

    CSSの優先順位

    ここでは、スタイルシートでプロパティと値をちゃんと指定しているのに効いてくれないという問題を解消するための方法として、プロパティが効く優先順位がどうなっているの…

  5. WordPress

    記事の目次を自動生成するプラグイン

    ここでは、記事に自動で目次を生成してくれる「Table of Contents Plus」というプラグインについてお話させていただきます。このプラグインは、記事…

  6. CSS

    CSS|疑似要素・疑似クラスを活用しよう

    スタイルシートを見ていて謎の記号にぶつかることってありますよね。例えば、こんな感じのものです。疑似要素::after::before…

  7. WordPress

    WordPressの管理画面(ダッシュボード)の使い方

    ここでは、初めてWordPressをはじめた方に向けて、ダッシュボード内のメニューについてざっくりと説明していきます。ダッシュボードホーム…

  8. photoshop

    Photoshopのツールを把握しよう

    ここでは各ツールの名前とその簡単な使い方を一覧でご紹介します。※photoshopで「ツール」が表示されない方へ上のメニュー「ウィンドウ(W)」…

  9. CSS

    Font Awesome 5|いろんなアイコンが使えるWEBアイコンフォント

    「フォント」というと文字の種類を指すものというイメージがありますが文字だけでなくアイコンの形をしたフォントというのがあるのをご存知ですか?実は、みなさんも何気な…

  10. CSS

    スタイルシートの効率的な使い方

    スタイルシートには、効率的な書き方がいろいろあります。ここでは、基本的なスタイルシートの使い方を覚えた方に向けて、さらにステップアップするためのコツをお話してい…

最近の記事

  1. WordPress

    WordPressの立ち上げからサイト構築までの初期手順
  2. CSS

    CSS|中央寄せが効かないときは・・・
  3. CSS

    レスポンシブウェブデザインの基本|メディアクリエリの設定
  4. CSS

    要素の配置が簡単に決まるFlexboxの使い方
  5. CSS

    擬似クラス「:first-child」「:last-child」はどうして効かな…
PAGE TOP