【初心者向け】HTML・CSSの基本を覚えるのにおすすめの入門書はどれ? 更新日:2021年7月25日 初心者向け HTMLやCSSを習得しようと思っても、どこから始めればいいか迷ってしまいませんか? 独学でも覚えることができますが、「どうやって学ぶのか?」はやはり重要です。 そこでおすすめなのが、体系的な知識が詰まっている本(入門書 […] 続きを読む
Yoast SEOでパンくずリストを表示する3つの方法【SEO対策】 更新日:2021年8月28日 テーマ・プラグイン Yoast SEOには、パンくずリストを自動的に表示する機能があります。 デフォルトでは無効になっているので、あなた自身の手でオンにする必要があります。 SEOにも効果的なので、まだ使っていなければぜひ有効化したいところ […] 続きを読む
デベロッパーツールでHTML・CSSをリアルタイム編集する方法【Chrome】 更新日:2021年5月16日 設定・カスタマイズ Google Chromのデベロッパーツールを使えば、HTML・CSSをその場で編集できます。 リアルタイムで編集できるので、変更点をすぐ確認したいときに便利です。 この記事では、デベロッパーツールでHTML・CSSをリ […] 続きを読む
LottieFilesでフリーのアニメーション素材をダウンロードする方法 更新日:2021年10月31日 Elementor ウェブサイトには、Lottieというアニメーションを埋め込むことができます。 サイズが小さくクオリティが高いので、次世代フォーマットとして期待されているファイルです。 そんなLottieファイルを、なんと無料で配布してい […] 続きを読む
Welcartで会員限定サイトを作る方法【ログインページにリダイレクト】 更新日:2021年7月19日 テーマ・プラグイン Welcartは、ワードプレスで通販サイト(ECショップ)を作成できるプラグインです。 デフォルトでは、誰でも閲覧・購入ができるようになっていますよね。 クローズドサイト(会員限定)の設定がないので、困っている方も多いの […] 続きを読む
WordPressで診断コンテンツを作成する方法【HTML・CSS・jQuery】 更新日:2021年4月27日 設定・カスタマイズ 商品やサービスを比較してもらうときに、診断コンテンツって便利ですよね。 質問に答えてもらうことで、より目的にあわせたサービスを紹介できます。 ただ、診断コンテンツ用のプラグインってあまり見かけません。 どうやって実装すれ […] 続きを読む
WordPressで投稿・固定ページの記事IDを調べる方法【カスタマイズに必須】 更新日:2021年4月27日 設定・カスタマイズ 投稿・固定ページ・カテゴリー・タグには、それぞれIDが割り振られています。 この記事ID、カスタマイズするときには必須だと知っていましたか? functions.phpで記事を指定したり、除外するときにはIDを確認する必 […] 続きを読む
WordPressの</body>直前にソースコードを挿入する方法【functions.php】 更新日:2021年4月27日 設定・カスタマイズ WordPressを使っていて、</body>直前にソースコードを挿入したいときってありませんか? JavaScriptタグ・アクセス解析の導入時に、よくコードを入力する場所だと思います。 テーマが対応してい […] 続きを読む
HTMLの定義リストとは?WordPressで「dl・dt・dd」を使う方法 更新日:2021年5月7日 Webライティング HTMLには、いろんなリストがあります。 よく見かけるのは、「ul(順不同リスト)」「ol(順序リスト)」の2つです。 そのほかに「dl(定義リスト)」というものも覚えておくと、表現の幅がさらに広がりますよ。 ここでは、 […] 続きを読む
ソースコード・テキストの差分を比較できるフリーソフト【WinMerge】 更新日:2021年4月27日 設定・カスタマイズ ソースコードを編集していて、差分を比較したくなることってありませんか? どこでどのくらい変更があったのかすぐにチェックできると、作業もはかどりますよね。 僕が差分チェックに使っているのは、「WinMerge(ウィンマージ […] 続きを読む
【HTML】pタグとbrタグの違いとは?一覧表でわかりやすく比較してみた! 更新日:2021年4月27日 Webライティング HTMLのpタグとbrタグ、この2つの違いって知ってますか? どっちを使えばいいか、迷ってしまうこともありますよね。 この記事では、pとbrの違いをわかりやすい一覧表でまとめました! なので、それぞれの役割をひと目で比較 […] 続きを読む
HTMLのリストとは?WordPressで「ul・ol・li」を使い分ける方法 更新日:2021年4月27日 Webライティング WordPressでリストを作りたいときには、「ul・ol・li」というHTMLタグを使います。 これらのタグには役割があるので、きちんと使い分けることが大事です。 では、どうやってリストを作っていけばいいのか? この記 […] 続きを読む