コピペで使えるテキストのCSSエフェクト＆サンプルコード12選

見出しや文章の文字（テキスト）に、影や色を付けたり回転させたりと、さまざまな効果（エフェクト）を加えることができます。エフェクトは、簡単なCSSの記述で実現することができます。 それでは、いくつかデザインとコードをご紹介していきます

はじめてのCSS講座～CSSの書き方やレスポンシブ対応を完全マスター

HTMLとCSSの基本をマスターできれば、もう自力でウェブページが作れます。ここでは、CSS初心者の方向けに、CSSの基本を解説しています。 これからホームページを作りたい方、将来ウェブデザイナーを目指している方、ウェブ業界で働きた

コピペで使えるボックス（見出し・枠付き）のCSSデザイン＆サンプルコード10選

例えば、 目次の見出し一覧 おすすめやポイントの箇条書き 注意書きや補足情報 などは、枠線や背景色、小見出し（タイトル）などを付けて、見た目を分かりやすくすることがあります。 今回は、そんなときに使えるボ

ChatGPTの始め方～アカウント登録・認証・ログイン・使い方・注意点

「ChatGPT（チャットジーピーティー）」。メディアでいろいろ取り上げられていますが、聞くだけではなく、実際にChatGPTにふれてみたい方に、始め方・登録手順・使い方を解説していきます。 ChatGPTとは？ ChatGP

WordPressサイトに自身の最新インスタ写真を自動表示！埋め込み方法解説

WordPressサイトにインスタグラムの写真を掲載する（埋め込む）方法をご紹介します。 記事のなかに1つのインスタ写真を埋め込む 記事内やフッターなどにインスタの一覧写真を埋め込む（写真は自動更新） 前者は、インス

CSSだけで写真を編集加工（フレーム・影・トリミング・色）サンプルコード10選

写真・画像にフレームを付けたい、影を付けたい、トリミングしたい、色を変えたい。そんなときは、写真・画像データ自体を加工すればいいわけですが、めんどくさい（個人的感想が強めです）。 いまは、写真・画像データはそのままに、CSSだけでさ

おすすめは？写真・動画を保存できるクラウドストレージ8つを比較

携帯やパソコンに保存している写真・動画・音楽。いまの時代、めちゃくちゃデータ容量くいますよね・・・。 そんなときに考えるのが、クラウドストレージサービス。クラウドにデータを保存してローカルデータを削除すれば、携帯やパソコンのデータ容

コピペで使える見出しタイトルのCSSデザイン＆サンプルコード35選

見出し・タイトルで使えるデザインサンプルを35種類、どどどっとご紹介します。 このデザインサンプルでは、h1タグに対してCSSを適用しています。詳しいコードの解説は省いていますが、コピペで利用できますので、お気軽にご活用ください。

コピペで使える見出しセットのCSSデザイン＆サンプルコード8選

ウェブサイト制作で必ず登場する「見出し」。見出しのデザインは、サイトの印象、サイトのわかりやすさ、文章の読みやすさなどに影響します。 見出しのタグは、<h1><h2><h3><h4>&

2段階認証導入でセキュリティ強化！WordPressプラグイン「Two-Factor」

WordPressのセキュリティ対策してますか？ WordPressは、無料で簡単にサイトが作成できることから、個人・法人問わず世界中で数多く利用されています。その反面、WordPressのログイン画面は、不正アクセスの攻撃の的とな

コピペで使える王道フッターのCSSデザイン＆サンプルコード7選

ウェブサイトのフッターのデザインサンプルです。王道のデザインなので、汎用性高く使えるのではと思います。レスポンシブデザインに対応しています。 コピペで利用できます。お気軽にご活用ください。 使い方 下部の「デザインサンプ

コピペで使えるテーブル（表）のCSSデザイン＆サンプルコード17選

テーブルを使った表のデザインサンプルです。ベーシックな形の表、実線・破線などの罫線を組み合わせてデザインした表など、複数ご用意しました。 コピペで利用できます。お気軽にご活用ください。 使い方 HTML HTMLは

WordPressのバージョンをプラグインひとつでダウングレードする方法

WordPressの利用者は、セキュリティの観点からも定期的に使っているWordPressをアップデートすることが必要です。 ただ、いざアップデートした後に、 最新バージョンがどうにもこうにも使いづらい・・・最新バージョンがリ

WordPress プラグインを旧バージョンに戻す方法（ダウングレード）

「プラグインを更新したら、サイトの挙動がおかしくなってしまった！プラグインを以前のバージョンに戻せたら...」 今回はプラグインのバージョンをダウングレードさせる方法をご紹介します。 プラグインをダウングレードする前に

WordPress リビジョンの保存数を無制限から特定の数に制限する

WordPressの記事を簡単にコピーできるプラグイン「Duplicate Post」をご紹介します。シンプルで使い勝手が良く、おすすめのプラグインです。企業サイトの投稿・固定ページなどは、複製機能は重宝するかもしれません。

不要なリビジョンを一括削除「Optimize Database after Deleting Revisions」プラグイン

WordPressの記事を簡単にコピーできるプラグイン「Duplicate Post」をご紹介します。シンプルで使い勝手が良く、おすすめのプラグインです。企業サイトの投稿・固定ページなどは、複製機能は重宝するかもしれません。

WordPressサイトに簡単にパスワード制限をかけられるプラグイン

ワードプレスのサイトを開発しているときや、公開中のサイトを一時的に非公開にしたいときなどに、ささっとサイトにパスワード制限をかけることができるプラグイン「Password protected」。設定方法や使い方を解説しています。

LINEのリンクから直接Safari・Chromeブラウザを立ち上げさせる方法

LINEで送られてきたURLをクリックすると、通常はLINEアプリ上でウンドウが開きリンク先のページが表示されますが、ユーザーにSafariやChromeで立ち上げさせたい場合があります。そんなときは、リンクするURLにパラメーターを追加します。

スパム防止！Contact form 7に認証機能（reCAPCHA）を追加する方法

WordPress のContact form 7にスパム防止機能「reCAPCHA（リキャプチャ）」を導入する方法をご紹介しています。設定は簡単。ロボット等によるフォームの迷惑送信（スパム行為）を自動で防御してくれています。

はじめてのHTML～テーブルタグ<table>で表を作る方法とCSSデザインサンプル

テーブルタグの書き方・使い方を、サンプルコードをたくさん使いながらご紹介しています。HTML初心者にとってテーブルタグは少し難しいですが、書き方のルールはいたってシンプルです。タグのルールをしっかり覚えて、さまざまな表を作成しましょう。