【保存版】CSS設計のBEMとFLOCSSとは｜使用する際の注意点も同時解説

この記事を読んでいる方は、Web制作の駆け出しやCSSの勉強中の方が多いかと思います。 自分のポートフォリオサイトやデモサイトを作成する際は、CSSのクラス名をどうするかや、フォルダの構成はそこまで深く考えなくていいかもしれません。 しかし

【保存版】画像SEOの基本とチェックリスト｜今すぐできる対策5選

SEOと聞くと、この様に思い浮かべる人が多いかもしれません。 検索エンジンに認識されやすいHTML構造 キーワードを意識した記事やタイトル しかし画像のSEOも意外と重要であるという事はご存知でしょうか？ 正しく対策すれば、サイトのSEOに

コピペでOK！WordPressテーマ開発でJavaScriptファイルを1つにまとめる方法を解説

WordPressでテーマ開発をしている際、JavaScriptファイルを分割出来ずに悩んだことはないでしょうか？ 僕もWordPressテーマ開発を初めて行った際、JavaScriptファイルを分割して管理する事ができなかったです。 しか

【保存必須】SEOに強いWebサイトを作る！Web制作で意識したい基本ポイント7選

Web制作をしているとクライアントから SEO対策もお願い出来ますか？ と聞かれる事があります。 もしあなたがまだSEOの知識がないのであれば あっ、あっ、は、はい・・・ となるのではないでしょうか？ 大丈夫です。 この記事を読めばあなたは

【コピペOK】jQueryなしでOK！JavaScript（バニラJS）で実装できる便利な処理まとめ

昨今のWeb制作ではjQueryから徐々に脱却する動きが強まっています。 理由としては、JavaScript（バニラJS）の記述が簡単になったのが大きな理由かと思います。 こういった背景からサイトを軽量化するため、jQueryが必要ない箇所

【コピペOK】実務でfunctions.phpによく使う便利スニペット一覧

この記事ではWordPressテーマ開発の際、functions.phpでよく使うスニペット一覧をご紹介したいと思います。 これらのスニペットは作業を効率化させるものからセキュリティ対策まで様々な用途に使えます。 コピペでOKです。 作業の

【基礎編】WordPressテーマ開発者が意識すべきSEO対策の基礎を紹介

WordPressのテーマ開発をする際、渡されたデザインカンプをコーディングするだけにしてないでしょうか？ クライアントはWebサイトを活用して集客をしたいと考えている場合が多いです。 そこで大事になってくるスキルがSEOスキルです。 SE

【作って学ぶ】JavaScriptでFullCalendarを使ってカレンダーの作り方をマスターしよう

WEB制作の仕事をしているとたまにカレンダーの作成を依頼されることがあります。 カレンダーは生のJavaScriptで作る事も出来るのですが、工数がかかる上に保守性も低いのであまりオススメはしません。 （僕自身過去に作ったことがあるのですが

【WordPress】Localを使ったテーマ開発でオリジナルテーマが表示されない！原因と対処方を解説

Localを使ってWordpressのテーマ開発をしようと思った時、 自分のオリジナルテーマがwordpressに表示されない！ ってことありませんか？ だいたい自分のオリジナルテーマが表示されないときは、以下の理由が多いです。 テーマの名

【HTML】aタグで別タブを出させる方法と危険性を解説

aタグでリンクを埋め込みたい時、同じタブじゃなくて別のタブにしたい時ありませんか？ こちらaタグの中にある記述をするだけで解決出来ます。 それが、target="_blank"です。 <a href="sample&quot

CSSの「非表示」指定、どっちを使う？ display: none; と visibility: hidden; の違い

display:noneとvisibility: hidden両方HTMLから要素を非表示にしてくれます。 しかし、こちらをきちんと意味を理解して使い分けられているでしょうか？ こちらをきちんと理解して活用しないと実務で思わぬ不具合が生じる

【JavaScript】スクロールの途中で要素を画面に固定する方法を解説

最初は画面上に固定されてないけどスクロールしてる途中で、特定の要素が画面に固定される。 そんなサイト見たことないですか？ See the Pen Untitled by ma-chan (@ma-chan) on CodePen. こんな感

【WordPress】オリジナルテーマ開発をする際に必ず必要なセキュリティ対策3選

一通りコーディングが出来るようになって、Wordpressのオリジナルテーマ開発も出来るようになった。。 いよいよ実務や！！ と意気込んでいませんか？ Wordpress初学者の方は、見た目を作れるコーディングだけに注力しすぎて、セキュリテ