CATEGORY

【WordPress】デザイン設定

こちらのカテゴリでは、Webデザイン(サイトの見た目)をCSS・HTML・JavaScriptなど使って修正する方法を紹介しています。

また、WordPressでエラーが起きた時の対処法を記載しているので参考にしてください。

お知らせ・最新記事
▶お仕事のご依頼・ご相談はこちら

最新記事

デザイン設定の最新記事一覧


2026年10月10日
NEW! WordPressにおすすめのレンタルサーバー7社比較|料金・速度・初心者向けの選び方

2026年10月8日
NEW! 【WordPress】おすすめ無料プラグイン70選|入れ方・選び方・便利な拡張機能を用途別に紹介

2026年10月7日
NEW! WordPressインストール後にやる初期設定|初心者向けチェックリスト

2026年10月7日
NEW! STORES・BASE・makeshopを比較|初心者におすすめのネットショップはどれ?

2026年10月7日
NEW! AI検索で上位表示するには?Google公式情報から分かるAI Overview・AI ModeのSEO対策

2026年10月7日
NEW! WordPress画像をWebPに変換する方法|無料プラグイン・一括変換・確認方法を解説

2026年10月7日
NEW! WordPressの始め方完全ガイド|初心者がサイト公開・初期設定・運営までにやること

2026年10月6日
NEW! ChatGPTで作成済みWebPのダウンロードに失敗するのはなぜ?原因と対処法を解説

2026年10月6日
NEW! エポスカードのメリット・デメリットを解説!実際に使って分かったおすすめな人

2026年10月3日
【2026年最新】ChatGPTのメモリとは?覚える仕組み・設定・確認・削除方法をわかりやすく解説

2026年10月2日
ウイルスバスターの料金はいくら?1年版・3年版の価格と違いを比較【2026年最新】

2026年10月2日
Googleに新しい記事をインデックス登録する方法|Search Consoleで登録をリクエストする手順

2026年10月2日
BASEの料金・手数料はいくら?スタンダード・グロースプランを2026年最新料金で解説

2026年10月2日
makeshopの料金はいくら?月額・初期費用・決済手数料を2026年最新料金で解説

2026年10月2日
AdSenseの「最適化案・テスト」とは?自動広告をA/Bテストして収益を改善する方法

2026年10月1日
Google AdSense自動広告の設定方法【2026年版】広告数・配置を調整して収益を改善

2026年10月1日
Google AdSenseのページRPMとは?計算方法と収益を上げる改善ポイント

2026年10月1日
BASEとmakeshopを徹底比較|料金・手数料・機能の違い【2026年最新】

2026年9月30日
GPT-6.1 Solとは?GPT-6 Sol・Astraとの違い、性能・料金・使い方を解説

2026年9月29日
WordPressのセキュリティ対策10選|初心者が最初にやるべき設定をわかりやすく解説

2026年9月29日
WordPress初心者がやってはいけないこと12選|失敗を防ぐ設定・運用の注意点

2026年9月29日
【2026年最新】ChatGPTの便利な機能・設定20選|初心者向けに使いこなす方法を解説

2026年9月28日
【2026年最新】寿司ペロ「じゅんぺい」の現在は?スシロー事件のその後・6700万円訴訟と家裁送致まで解説

2026年9月27日
【YouTube】動画編集おすすめソフト(Windows・Macbook対応)|無料フリーツール解説【初心者~上級者】

2026年9月27日
【2026年最新】ChatGPTをスマホで始める方法|日本語設定・基本的な使い方を初心者向けに解説

2026年9月25日
【2026年最新】有名AIのユーザー数ランキング|ChatGPT・Meta AI・Gemini・Grok・Claudeを比較

2026年9月21日
【2026年最新】ChatGPTでできること15選|初心者向けに便利な使い方・活用例を解説

2026年9月19日
iPhone 18 Pro・Pro Maxは何が変わった?価格・発売日・iPhone DuoまでApple Event 2026発表内容まとめ

2026年9月18日
Googleサイト評判ポリシーが2026年8月に更新|何が変わった?日本への影響と対策を解説

2026年9月18日
【2026年版】WordPressブログの始め方|開設から収益化までのロードマップ

サイトのデザイン設定

TOPページ変更

トップページ(フロントページ)の表示を固定ページに変更設定する方法を解説しています。

 

余白調整方法

余白調整記事
▶paddingの調整 ▶marginの調整
▶borderの調整 ▶記事上の空白調整
▶スマホ画面の余白 ▶テーブル文字を上下中央揃え 

サイドバー修正

サイドバー修正記事
▶サイドバーのズレ ▶タイトル非表示

 

preタグ内の改行

WordPressテーマ「THE THOR」で「preタグの改行が反映されない」状態で横一列になったり、テキストが詰められる問題の対処方法についてまとめています。

CSS反映・デザインが崩れる原因

CSSが反映されずデザインが崩れて白背景に文字だけになる原因と対処方法を解説しています。

不要なCSS・JavaScript削除・無効化

ブログサイトに書き込んだスタイルシート(CSS)やJavaScriptの中で、競合していたり使っていない不要なコードを特定して、削除・無効化・除外する方法をまとめています。

絵文字

絵文字記事
▶コメント欄に絵文字 ▶マークがになる対策

関連記事

Web制作

ウェブ制作関連記事
ブログサイトの始め方 ドメイン取得方法
ドメイン取得~サイト作成手順 外観テーマ導入手順 
おすすめレンタルサーバー おすすめテーマ
記事内容(ジャンル)の選び方 SSL化の設定方法
固定ページをトップページ変更 おすすめプラグイン一覧 
サイト運営者ID確認 効率化ショートカットキー
不要なCSS・JS特定 ホームページの作り方
スパムコメント対策  

▼Googleアナリティクス

Googleアナリティクス関連記事
複数サイト管理方法 旧バージョン(UA)設定

 

Googleアドセンス・アフィリエイト

Googleアドセンス関連記事
アドセンス設置場所 広告単価の高い時期
広告クリック率確認  広告サイズ改善
アンカー広告の固定化 広告が表示されない原因 
ads.txtファイル問題の修正 ダブルレクタングル作成
リクエスト処理エラー Amazonアソシエイト
おすすめASP一覧 【クローズドASP】felmat依頼内容

サイトデザイン

関連記事
TOPページの割り当て padding設定方法
margin設定方法 border設定方法
記事上の余白原因と消し方 スマホ余白の原因と消し方
特定カテゴリー非表示 perタグ内の改行方法
▶が文字化けする原因対策 サイドバーのずれ修正
コメント欄に絵文字  サイドバータイトル非表示
CSSが反映されない原因 テーブル文字を上下中央揃え 

▼テーマ毎のデザイン

THE THOR (ザ・トール)
アイキャッチ画像を非表示 グローバルメニューの出し方

エラー対策

エラー対策の関連記事
style.cssエラー functions.phpエラー
画面表示がおかしい対処法 重大なエラー対処法
サーバーでプラグイン削除 エラーコード一覧
404エラー対策 ー

 

PR記事一覧



【WordPress】CSSが反映されない・画面表示(デザイン)が崩れる7つの原因|対処方法・元に戻すやり方【ワードプレス】

「WordPress(ワードプレス)」の表示画面にCSSが反映されず、デザインが崩れて白背景に文字だけになる原因と対処方法を解説しています。CSS以外にも、PCやスマホでサイト画面が崩れることもあるので、見にくいものになることがあるので、元に戻す直し方を知りたい方は参考にしてください。

【WordPress】テーブルセル内のテキスト文字を上下中央にHTMLやCSSで寄せる方法【ブログサイトのデザイン】

WordPressのテーブル内のテキスト文字を上下中央に寄せる方法について解説しています。テーブルセル内の縦列は中央寄せに簡単にできますが、初期状態ではセルの横列が上下の真ん中に寄らず、上や下のどちらかに偏るので見た目が悪くなってしまいます。そこで今回は、HTMLで記事ごとに揃えるやり方や、CSSでサイトの全ページ揃えるやり方を紹介します。

【WordPress】自動変換で「▶」の絵文字になるを無効化するfunctions.php|三角マークが勝手に化ける対策【ワードプレス】

WordPressで記事を編集して投稿した際に、プレビュー画面やユーザー視点で「▶マークがの絵文字になる対策」で、勝手に自動変換されるのを無効化する「functions.php」を紹介しています。プラグインで無効化する方法もあるのですが、プラグインを導入しすぎるとサイトが重くなるので、数行の「functions.php」を付け加えて、無効化するのがおすすめです。簡単にコピペ可能なコードを紹介してるので参考にして下さい。

【WordPress】preタグ内で文章を改行するCSS|Br要素が反映されない時やテキストが詰まる改善策【THE THOR】

WordPressテーマ「THE THOR」で「preタグの改行が反映されない」状態で横一列になったり、テキストが詰められる問題の対処方法についてまとめています。一般的に「CSS・br」でテキストの折返しや、表示画面で改行ができるのですが、preタグの折返しや改行が効かないという方は下記で解決方法をまとめているので参考にしてください。

Ads Blocker Image Powered by Code Help Pro

広告ブロックを検出しました!

ブラウザの拡張機能を使用して広告をブロックしていることが検出されました。

ブラウザの広告ブロッカーなどの機能を無効にして「更新」をクリックして下さい。

You cannot copy content of this page