Richard様のブログサイト

外観

PC表示

タブレット表示

スマホ表示

概要

Webサイトのリンク

https://atc-richard.com/

担当

• デザイン
• コーディング（HTML, CSS, JavaScript, WordPress PHP）
• サムネイル作成
• ロゴ作成
• 記事内容の添削
• SEO対策

使用ツール

• Photoshop
• Visual Studio Code
• Local by Flywheel
• WordPress

意識したこと

• ザ・シンプル
• 「トップへ戻る」ボタンなど、あっても使わないものを排除してページを軽量化
• タイトルのみ手書き風フォントを使って他のフォントとのコントラストを表現
• ヘッダーロゴを囲むhtmlタグをページによって切り替えるSEO対策
• 和文フォントと欧文フォントの使い分け
• セクションごとの大きな余白
• 左右の揃え
• メニューの固定表示
• スマホ表示でフッター固定メニューを使い、指を大きく動かさずにメニューにアクセス可能
• 高速アニメーション
• 遊び心（ヘッダーの飛行機）
• サイトの雰囲気を壊さないサムネイル
• All in One SEOのSEO Site Scoreで70/100以上を獲得
• 効果的なAdsenseの位置