サイト制作

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

スポンサーリンク
WordPress

【WP】一部のパーツ(PHP)を呼び出し楽に管理する方法

WordPressで共通の部分を関数で簡単に呼び出す方法。Wpでは一部の共通のパーツを簡単に呼び出したり変更することができます。「get_template_part」を使用して共通部分をWordPressの関数で呼び出そう。
CSS

スクロール途中から固定・解除する方法【CSSのみ】

CSSだけでスクロール途中でコンテンツを固定・解除する方法を紹介。jQueryを使用せずCSSだけでコンテンツを固定・解除する方法です。CSSで簡単にコンテンツを固定表示させてみよう。
WordPress

【WP】タイトル表示するいろいろな方法(字数制限・htmlタグ削除)

WordPressでタイトルを字数制限・htmlタグ削除し表示させる方法。記事のタイトルを表示させたいときWordPressでは様々な記述でタイトル出力ができます。タイトルを自由自在にカスタマイズできるようになろう。
PHP

サイトの共通部分を簡単に管理する方法【PHP】

PHPを使ってサイトの共通部分を簡単に管理作成する方法。PHPでインクルードさせることで共通部分を楽に管理するうことができます。webサイトをより簡単に作成するためにPHPで共通部分をインクルードさせよう!
サイト制作

webサイト高速化!簡単にできるページ速度の向上のためのあれこれ

webサイトが遅いと感じたときに試してみるべきページ速度高速化の方法まとめ。webサイトの表示が遅くてお困りの方は各項目毎の改善方法を実践しよりページ速度の早いwebサイトを作ろう。
WordPress

【WP】固定ページの画像リンク(パス)を短くする方法

WordPressの画像パスを短く短縮する方法。固定ページでFTPから画像をリンクさせる場合の画像パスを短縮する方法を紹介。WordPressの固定ページに画像を配置する場合は画像パスを短縮して使用しよう。
CSS

上下・左右・中央に要素を配置するCSSテクニック

CSSで上下・左右・中央に要素を配置するテクニック。CSSで簡単に上下左右中央に要素を移動させることができます。CSSで中央に要素を移動させたい方是非参考にしてみてください。
CSS

CSSのみでリンクのボタンにアニメーション付きホバーエフェクトを付けてみた

リンクボタンにCSSのみでアニメーションホバーエフェクトを付けてみました。リンクボタンに動きのあるホバーエフェクトをCSSのみで簡単につけることができるのでwebサイトに動きを付けたいときやもっと華やかにしたいときにホバーアニメーションを試してみよう。
CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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