サイト制作

WEBサイトの作成方法やHTML,CSSなどの技術的な部分の記事を更新中。WEBデザイナー・フロントエンドエンジニア・HTMLコーダーを目指している方、既に仕事としてやっている方向けの記事を更新中!

NO IMAGE CSS

ホバー(hover)時に動きのある下線を入れる方法【CSSのみ】

CSSだけでホバー時の下線アニメーションを付ける方法。CSS3を使用しjQueryなしで簡単にホバーアニメーションを付けることができます。リンクにいろいろなホバーエフェクトを付けて動きのあるサイトを作ろう。
NO IMAGE CSS

リンクや画像などのホバーをCSSのみで光ったように見せる方法【JS不要】

CSSのみで光るホバーエフェクトを実装する。JSを使用せずに簡単に画像や文字を光ったように見せることができます。CSSのみでできるホバーエフェクトでサイトに動きをつけよう!
2018.09.24
NO IMAGE HTML

「レスポンシブルデザイン」もしかして「レスポンシブデザイン」??

レスポンシブルデザイン?間違って覚えていませんか?レスポンシブルデザインではなくレスポンシブデザインです!レスポンシブルデザインとレスポンシブデザインについて意味を調べてみました。レスポンシブルデザインと覚えてしまっている人は気をつけよう!
2018.09.23
WordPress

【WP】SEOに強い無料WordPressテーマ紹介【2018】

オススメ無料SEOに強いWordPressテーマ紹介。無料でなおかつSEOに強いWordPressテーマを紹介しています。SEOに強いWordPressテーマを使って上位ブロガーを目指そう!
2018.09.24
WordPress

【WP】HTMLからオリジナルテーマを作ろう!

HTMLからWordPress(WP)オリジナルテーマを作る方法。WordPress(WP)のオリジナルテーマを作成する方法を紹介しています。自分だけのWordPress(WP)オリジナルテーマを作ってサイトを作ろう!
2018.09.24
WordPress

【WP】オリジナルテンプレート制作によく使うタグ一覧

WordPressオリジナルテンプレート作成に役立つテンプレートタグ紹介。WordPressのオリジナルテンプレートを楽に制作するために役立つオススメテンプレートタグをまとめています。WordPressのオリジナルテンプレートを作ろう。
2018.09.24
NO IMAGE WordPress

【WP】WordPress アドレス (URL)をデータベース(DB)から変更する方法

phpMyAdminからWordPress アドレス (URL)の変更方法。ワードプレス(WP)のURLを間違い管理画面にアクセスできなくなってしまったそんなときデータベースからWordPress アドレス (URL)を変更しよう。
2018.09.24
NO IMAGE CSS

クローム(Google Chrome)の謎の青い枠を消す方法【CSS】

クローム(Google chrome)で表示される謎の青枠を消す方法を紹介。chromeのみで表示される謎の青枠をCSSで消す方法をまとめています。chromeの青枠を消せずに悩んでいる方は是非参考にしてみてください。
2018.09.24
NO IMAGE CSS

ヘッダーを固定させた時のページ内リンクを調整する方法

ヘッダーなどを固定した場合のページ内リンクを正しくする方法を紹介。position fixed後ろに隠れてしまったコンテンツをうまくスクロールさせるための方法を紹介しています。ヘッダーを固定させた時のページ内リンクをさせる時に活用しよう。
2018.09.24
NO IMAGE HTML

【サイトの作り方】HTML5でサイトを作ろう!【HTML基礎編2】

初心者向けWEBサイトの作り方を公開中。HTMLの基礎編としてよく使うタグについて紹介。Webサイトを作るときによく使用するタグの使い方からどういったときに使うのかについて書いています。サイト制作初心者必見です!
2018.09.24
NO IMAGE CSS

CSSを書く際に気をつけていること

CSSを記述する際に気をつけていることまとめ。CSSの管理は難しくだんだんグチャグチャになってしまうことも…。CSSをうまく管理していくために個人的に気をつけていることをまとめました。CSSを書く際に気をつけて記述してみてください。
2018.09.24
NO IMAGE HTML

【サイトの作り方】HTML5でサイトを作ろう!【HTML基礎編】

初心者向けWEBサイトの作り方を公開中。HTMLの基礎編としてHTML5のテンプレートやhead内の説明等WEBサイト作成に必要な初心者向け講座を公開しています。自分のサイトをHTML5で作りたい方はぜひ参考にしてみてください。
2018.09.24
NO IMAGE WordPress

【WP】SEO強化オススメプラグイン紹介

WordPressのSEO強化のためのオススメプラグインを紹介。WordPressを導入したら必ずいれて起きたオススメSEOプラグインを紹介しています。WordPressでSEOを気にしている方は是非参考にしてみてください。
2018.09.24
WordPress

【WP】プラグインで簡単高速化!『WP Fastest Cache』の設定方法

WPキャッシュプラグイン「WP Fastest Cache」を使用してWEBサイトを高速化!簡単にWPサイトを高速化できるキャッシュプラグイン「WP Fastest Cache」の導入から設定までをご紹介。
2018.09.24
NO IMAGE WordPress

【WP】簡単にSNSボタンを追加してみた『AddToAny Share Buttons』

WPにSNSボタンを簡単に設置できるプラグイン「AddToAny Share Buttons」の紹介。WPの管理画面からSNSボタンを簡単に実装できる「AddToAny Share Buttons」を使ってサイトにSNSボタンを設置しよう。
2018.09.24
NO IMAGE WordPress

WPのデータベース移行は「All-in-One WP Migration」がめちゃ簡単!

WordPressのデータベース移行を簡単に行えるプラグイン「All-in-One WP Migration」。難しい設定無しでらくらくWordPressのデータベース移行が行なえます。エラーも少ないのでデータベース移行なら「All-in-One WP Migration」で決まり!
2018.09.24
NO IMAGE サイト制作

HTMLコーディングの練習・勉強方法

HTML,CSSの練習・勉強方法を紹介。HTML,CSSを勉強できるオススメ書籍やオンラインサービスを紹介しています。HTML,CSSを勉強して自分のWebサイトを作れるようになろう!
2018.09.24
NO IMAGE HTML

【サイトの作り方】HTML5でサイトを作ろう!【準備編】

初心者向けHTML5でサイトを作る方法。まずサイトを作るための準備編としてオススメのテキストエディタやブラウザを紹介。サイトの作り方を紹介していきます。HTML5・CSSをマスターして自分のサイトを作ろう。
2018.09.24
NO IMAGE WordPress

【wordpress】メディアのアップロード容量上限を上げる方法

WordPressのメディアにアップロードできる容量を増やす方法。WordPressのメディアにアップロードできるサイズを変更する方法を紹介。WordPressのメディアの最大アップロードサイズを変更しよう。
2018.09.24