Webcoach

WEBコーディング

HTML/CSS/JavaScript/jQuery

HTMLHyper Text Markup Languageの略。画像や見出し、段落テキスト、リンクなどのページのベースとなる 情報を構造化するために使用する言語です。HTMLファイルはHTMLタグと呼ばれる 「<>(ヤマカッコ)」で囲まれ...
Wordpress

WordPress 文字や画像にアニメーションを追加する方法

①Shortcodes Ultimateプラグインを追加する。②ショートコードを挿入をクリックし、アニメーションを選択する。③以下のように動かしたい文字などをコードで挟む。
Wordpress

WordPress 固定ページのタイトル背景色を変更する方法

追加CSSに以下の内容を追加する。(色は自分で指定)
Wordpress

WordPress 画像を画面いっぱいに表示させる方法

①画像ブロックで、高度な設定から、追加 CSS クラスに任意の名前を入力する。②「カスタム HTML ブロック」を用いて、 タグ内に CSS を定義する。
WEBデザイン

AI:画像生成(ロゴ・ブログ記事素材)

Adobe FireflyAdobe Fireflyは、Adobe社が開発した画像生成AIツールです。・高品質な画像生成・多様なスタイル対応・テキストプロンプトによる直感的な操作・編集機能の充実AIによる生成物の使用に関する注意点AIによる...
WEBデザイン

AI×SEOライティング

AIを使用したSEO対策記事生成の利点・時間と労力の大幅な節約・一貫性のある高品質なコンテンツの生成・キーワード最適化の効率化・多様なトピックに対応可能無料で利用できるおすすめのツール無料で利用できるAI文章作成ツールには、ChatGPT、...
WEBデザイン

Writing -コピーライティング編 –

コピーライティングとはコピーの意味は「広告文」の意味です!つまり、コピーライティングとは、「そのコピーを読んだ人が、関心を持つ、それについて検索する、購入するなど、読み手の気持ちに影響を与え、行動を促すための言葉や文章を作成すること」コピー...
WEBデザイン

Writing -SEOライティング編-

SEOとはSEOとは、Search Engine Optimization(サーチ・エンジン・オプティマイゼーション)の略で、日本語にすると「検索エンジン最適化」のことを意味し、特定キーワードの検索結果上位に表示するためのマーケティング施策...
WEBデザイン

WEBデザイン -素材の集め方-

素材の集め方・クライアント固有の素材の場合 → クライアントにお願いして素材をもらう。・クライアント固有の必要がない素材 → 素材サイトで有償or無償で取得、  もしくは新しく撮影して調達する。素材検索のコツ・素材サイトは複数使い分ける・フ...
WEBデザイン

WEBデザイン -画像編-

画像ファイルの形式ビットマップ(Bitmap)形式画像を小さな点(ピクセル)の集合として表現します。(JPEG、PNG、GIF、WEBP)ベクター(Vector)形式複雑な計算式によって画像の色や形を表現します。(SVG)結局、画像の使い分...