WEBサイトの作成方法やHTML,CSSなどの技術的な部分の記事を更新中。WEBデザイナー・フロントエンドエンジニア・HTMLコーダーを目指している方、既に仕事としてやっている方向けの記事を更新中！
WordPressTOPページのみh1タグで他ページはpにする方法【WP】
WordPressのTOPだけサイトタイトルをh1にし、それ以外はpに変更する方法。SEO上全ページh1をサイトタイトルにするのは良くない。WPでh1タグを自動で判定して切り替える方法を紹介しています。
CSSページ毎にファイルを分割して管理する方法【SCSS】
SCSSでページ毎にファイルを分割して管理しやすい環境を実現する。SCSSではファイルを分割したものを１つのファイルにまとめることができる。SCSSでのファイル分割の方法、1つのファイルへのまとめ方を紹介しています。
CSSホバー時にピカッと光らせるホバーアニメーション【CSSのみ】
コンテンツのホバー時にピカッと光るホバーアニメーションをCSSのみで実装するコード。CSSアニメーションでかっこいいホバーアニメーションを実装しよう。色々なホバーアニメーションを紹介していきます。
CSSかっこよくシュッと画像を表示させる【CSSアニメーション】
CSSアニメーションで画像やコンテンツをかっこよく表示させる方法。コピペで簡単にwebサイトにかっこいい動きを実装できます。CSSアニメーションで画像をかっこよく表示させよう。
Vue.js属性を書き換えてみよう【Vue.js入門】
Vue.js初心者のためのVue.js学習記事。Vue.jsで使用して属性を書き換える方法を紹介しています。Vue.jsを使用してよりレベルアップする方法勉強を一緒に進めていきましょう。
Vue.jsテキストを表示させてみよう【Vue.js入門】
Vue.js初心者のためのVue.js学習記事。今回は「Vue.jsを使ってテキストを表示させる方法」を紹介。Vue.jsを使用してよりレベルアップする方法勉強を一緒に進めていきましょう。
WordPressカスタム投稿の記事の子ターム名を表示する方法【WP】
カスタム投稿の記事に属する子ターム名だけを表示させる方法。WordPressで記事の子ターム名だけを表示させる方法をまとめました。子ターム名だけ表示したい場合に使用してみてください。
CSSSassで日本語入力でエラーが出た時の対処方法
Sassで日本語が入っているとエラーが出る問題の解決方法。font-familyの指定などで困るSassのコンパイルエラーを回避する方法を紹介。日本語入力時のSassエラーを解決しよう。
JS・jQueryコピペで簡単にできるクリックしたら展開するアコーディオンメニュー【jQuery】
クリックしたら展開するアコーディオンメニューをコピペで簡単に実装できるjQueryを紹介。よくある質問などでよくあるクリックすると表示されるアコーディオンメニューを簡単に実装できます。
WordPresshtml・CSS・PHPなどソースコードをワードプレスの記事で表示させる方法
WordPressで技術ブログをされている方必見。html・CSS・PHPなどソースコードを簡単いWordPressで出力できるプラグインを紹介。WordPressでエンジニアブログ・技術ブログを作ろう！
WordPressレビューサイトに最適！評価の星を付けれるプラグイン「Shortcode Star Rating」
レビューサイトによくある星を簡単につけられるWordPressプラグイン「Shortcode Star Rating」。レビューサイトを運営したい人や評価を簡単に実装したい人は「Shortcode Star Rating」をぜひ試してみよう。
WordPress【WP】セキュリティ強化！ログイン画面にベーシック認証を掛ける方法
WordPressは不正アクセスされやすいのでログイン画面にbasic認証を掛けセキュリティ強化を！WordPressの不正アクセスを事前に防ぐためログイン画面のセキュリティ強化を！今回はBasic認証を使用した方法を紹介。
CSSセレクトボックスの矢印を消す方法【Chrome・IE・Firefox】
セレクトボックスで表示される矢印をCSSで非表示する方法。セレクトボックスをhrome・IE・FirefoxでCSSを使い非表示にする方法を紹介。セレクトボックスの矢印を簡単に消すことができるので試してみよう。
WordPress【WP】カテゴリスラッグを取得し、classとして使う方法
WordPressでカテゴリスラッグを取得し、classに追加する方法。WordPressでカテゴリスラッグの取得方法、「get_the_category()」のいろいろな使い方を紹介しています。カテゴリスラッグでclassをつけよう。
CSSPCのみ改行・SPのみ改行をCSSで実装する方法【レスポンシブデザイン】
レスポンシブデザインのサイト制作でPCのみ改行、SPのみ改行する方法を紹介。CSSだけでPCのみ改行、SPのみ改行が実装できます。レスポンシブサイトで改行を自由自在に使いこなそう。コンテンツをPCのみ表示、SPのみ表示にも使えます。
CSSCSSをSASS/SCSSを一瞬で変換できるツール
CSSを簡単に一瞬でSASS/SCSSに変換できるツールを紹介。CSSをSASS/SCSSに変換することで効率よく制作することができます。CSSを一瞬で変換したい方はぜひ試してみてください。
WordPress【WP】指定のカスタム投稿で記事のみに個別のCSSを適用する方法
WordPressで指定のカスタム投稿で記事のみに個別のCSSを適用する方法を紹介。single.phpで個別のCSSを割り当てる方法のメモ。WordPressで指定のカスタム投稿でも簡単に個別CSSを指定できます。
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サイトを作ろう。