【WordPress】デザイン設定

こちらのカテゴリでは、Webデザイン(サイトの見た目)をCSS・HTML・JavaScriptなど使って修正する方法を紹介しています。
また、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記事一覧
- 【ラインレンジャー攻略】2025年9月キャラガチャの性能解説|ガチャは引くべき?最強や当たりは誰?【LINE Rangers】
- 【ラインレンジャー攻略】ガチアクタコラボの当たりキャラ性能解説|ガチャは引くべき?最強は誰?【LINE Rangers】
- 【ラインレンジャー攻略】2025年11月キャラガチャの性能解説|ガチャは引くべき?最強や当たりは誰?【LINE Rangers】
- 【ラインレンジャー攻略】ガチアクタコラボの当たり武器や装備の最強性能解説|ガチャは引くべき?【LINE Rangers】
- 【ラインレンジャー攻略】スパイファミリーコラボの当たりキャラ性能解説|ガチャは引くべき?最強は誰?【LINE Rangers×SPY×FAMILY】
- 【APEX動画】笑ったら負けw デスボックスの珍事件が発生wwwww【エーペックスレジェンズ攻略】
- 保護中: 限定【ApexLegends】エイムアシスト自動チートツールのやり方(裏技導入方法)|PS4・PS5・Steam(PC版)・Switch対応【エーペックスレジェンズ攻略】
- 【APEX動画】最強チートを使わせるチートがヤバいと話題にwww【まとめ速報攻略】
- 【ApexLegends】エイムアシスト自動チートツールのやり方(裏技導入方法)|PS4・PS5・Steam(PC版)・Switch対応【エーペックスレジェンズ攻略】
- 【APEX】日本人がやめた理由ww【まとめ速報攻略】
- 【NIKKE(メガニケ)】ジュエルを無料でチート級に集める最強裏技方法|簡単に無課金で廃課金レベル!お得にお金を入手するやり方【勝利の女神NIKKE攻略】
- 【ポイ活】無料ゲームで稼げるポイントアプリ一覧(副業収益公開)|ソシャゲで効率的に稼ぐ簡単なやり方【初心者でも簡単に儲けるPRサイト】
- 【新規ゲーム】人気のおすすめソシャゲ一覧|リリースしたての面白いゲームまとめ【PR】
- 【モンハンNow】ジェムを無料でチート級に集める最強裏技方法|簡単に無課金で廃課金レベル!お得にお金を入手するやり方【モンスターハンターナウ攻略】
- 【モンハン最新情報】2025年に新作「モンハンワイルズ」が発売!2024年夏に続報
- 【バイオレクイエム】グレース女子高生の見た目MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】グレース全裸化エロMODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】最強の無敵化MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】ボーナスコンテンツロック解除MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】グレース巨乳化エロMODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】移動速度変更MODの導入方法と使い方|ゾンビの走る・歩くスピードを遅くする【バイオハザード9チート改造】
- 【バイオレクイエム】CPポイント無限化MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】アイテム無限化MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】おすすめの見た目変更エロMOD|衣装を変えるツール導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】おすすめの見た目服装変更MOD|衣装を変えるツール導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエム】弾丸(弾薬)無限化・リロード不要MODの導入方法と使い方【バイオハザード9チート改造】
- 【バイオレクイエムMOD】おすすめの最強武器・便利アイテム一覧|改造ツール導入方法と使い方【バイオRE4チート】
- 【バイオレクイエムMOD】REFramework(リフレームワーク)の使い方とダウンロード|アプデ後の起動とツール導入方法・入れ方【バイオハザード9チート改造】
- 【バイオレクイエムMOD】REFramework(リフレームワーク)の使い方とダウンロード|アプデ後の起動とツール導入方法・入れ方【バイオハザード9チート改造】
- 【バイオレクイエム】MOD管理ツール「Fluffy Manager」の導入方法と使い方|アプデ後に落ちるエラー時・稼働しない時の対策対処【バイオハザード9チート改造】
- 観葉植物の土からコバエが出る原因は?キノコバエの駆除・予防方法を徹底解説
- 観葉植物は秋に植え替えても大丈夫?9月・10月の適期と失敗しない判断基準
- 【アガベ実生】エボリスピナの種まき・育成・成長記録|育てるポイントや発芽しないときの対処方法【観葉植物・多肉植物】
- 【アガベチタノタ】人気の高い種類一覧(品種人気ランキング)|水やりや育て方【リュウゼツラン・観葉植物】
- 【アガベ】子株・カキコ・ベアルートの発根管理方法・発根率を上げる土耕栽培・水耕栽培・水苔栽培【観葉植物・多肉植物】
- 【アガベ】よくある病気・害虫一覧|症状や駆除対策方法(炭疽病・カイガラムシ・アザミウマ・アガベマイト(ダニ)・根腐れ・葉焼け)【観葉植物・多肉植物】
- 【アガベ】炭疽病になる原因・治療方法|おすすめの薬剤や治療方法・うつる対策方法【多肉植物・観葉植物】
- 【アガベ】オバケ・錦・中斑・外斑・全斑・覆輪とは? 特徴や出やすい品種|スナグルトゥースは育つのか【観葉植物・多肉植物】
- 【観葉植物】サボテン・アガベ・塊根植物の育成栽培に必要な道具一覧|虫対策の土・水やり・LEDライト・肥料・殺菌剤など【多肉植物】
- 【サボテン多肉植物】綴化・石化・モンストとは何?|違いや特徴・ 珍しい希少種になる原因【観葉植物・多肉植物】
- 【サボテン】台木や接ぎ木におすすめのサボテン一覧|穂木の成長速度や耐寒性の特徴・作業に必要な道具【観葉植物・多肉植物】
- 【サボテン種まき】種から育てる方法|種子の発芽率を上げる育て方・適正気温やカビ対策【実生】
- 【観葉植物】プレステラ鉢のサイズ比較|90・105・120・深鉢など大きさの種類一覧【アガベ・サボテン・塊根・多肉植物】
- 【アガベ】メリクロン株とは?組織培養のやり方やデメリット|メリクローン苗の育て方【リュウゼツラン・観葉植物・多肉植物】
- 【アガベ】黒獄(長棘ハデス・恐竜歯牙・黒帝斯)|育てる時の注意ポイントやおすすめの育て方【チタノタ・観葉植物・多肉植物】
- 【アガベ】魔丸の育成・成長記録|育てる時の注意ポイントやおすすめの育て方【チタノタ・観葉植物・多肉植物】
- 【アガベチタノタ】冰雹の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】鰐亀の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】星空の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】流星の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】痘痘龍(豆豆龍)の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】麻花龍の育て方や増やし方|ブツブツ系・スタッズタイプの水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】ブラックダイヤモンド(ブルーダイヤモンド・BB錦・BD・ブルーボール黄覆輪)の育て方や増やし方|水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベ】皇冠(クラウン)の育成・成長記録|育てる時の注意ポイントやおすすめの育て方【チタノタ・観葉植物・多肉植物】
- 【アガベチタノタ】皇冠(クラウン)の育て方や増やし方|水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】阿修羅(アシュラ)の育て方や増やし方|水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベチタノタ】金蟾(金蟾王)の育て方や増やし方|水やり・適正気温・種まき【リュウゼツラン・観葉植物・多肉植物】
- 【アガベ】阿修羅の育成・成長記録(シマムラ園芸で購入)|育てる時の注意ポイントやおすすめの育て方【チタノタ・観葉植物・多肉植物】
- 【アガベ】金蟾 (金蟾王)の育成・成長記録(シマムラ園芸で購入)|育てる時の注意ポイントやおすすめの育て方【チタノタ・観葉植物・多肉植物】
- 【シマムラ園芸】2024年2月23日「草乱祭イベント」に行ってみた!会場の様子や雰囲気レビュー【観葉植物・多肉植物・アガベ・サボテン・ビカクシダ・塊根】
- 【動画あり】このロシア美女のフ○ラチオ、凄すぎると話題に
- 【画像】一流女子アスリートのマン筋・モリマン・ピン立ち乳首がエロ過ぎるwww
- 【朗報】ワンピースのアニメで乳首解禁、ナミやヤマトのデカ乳が丸見えwww(動画あり)
- 【動画あり】男女混合のレスリング大会の試合風景がほぼセックスだと話題にwww
- 【動画あり】センペロ居酒屋で働く女さん、美人でサービス良くてSNSで大バズりwwwww
- 【動画】あたシコ超爆乳外国人さん、公共の場所でデカ乳をボロンと出してしまうwww
- 【画像・GIF】海外のビーチに現れたJKさん、とんでもない爆乳を晒して男性全員を勃起させるwww
- 【画像】土下座コスプレイヤーさんドスケベすぎるwwwww
- 【画像あり】ロシアに行って女を抱いてきた。8500円の風俗で出てきたキャストがコレwww
- あたし剛毛女(25)、彼氏との性行為中にクリを舐めさせた結果wwwwww
- 【人気媚薬】効果がある「びやく(惚れ薬)」おすすめランキング|性欲を高める催淫剤の通販サイトまとめ
- 【女性向け大人のおもちゃ】おっぱい(バスト・胸)やマンコおすすめ吸引ポンプ器具人気ランキング【女性器を大きくする方法】
- 【ペニス増大】おすすめの吸引ポンプ器具人気ランキング|亀頭やちんこを大きくする方法【男性性器増強】
- 【ペニス増大】おすすめのサプリメント人気ランキング10選|亀頭やちんこを大きくする方法【男性用精力・性器増強剤】
- 【サンブレイク】見た目を「巨大乳輪ムチムチ体型」にするエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】ロンディーネ見た目を「超爆乳全裸」にするエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】見た目を爆乳ムチムチ水着に変えるエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】全裸ルーチカをエルガドのベッドに寝かせるエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】超爆乳セイラー装備の見た目にするエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【モンハンライズ】見た目を乳◯が出ているスケスケレースバニーにするエロMOD導入方法【MHRiseチート改造】
- 【MHWI】ほぼ全裸のエロい見た目装備で「火を吹くイヴェルカーナ」の改造モンスター討伐|Part417【モンハンワールドアイスボーン】
- 【サンブレイク】起動画面をエロい「フィオレーネ・ヒノエ・ミノト」にする見た目MODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】インナーの見た目を全裸や水着に変えるエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【エルデンリング】キャラを「全裸の見た目」に変更するエロ装備MODの導入方法と入れ方|Part2【ELDENRING】
- 【サンブレイク】ハンターの見た目をおっぱい丸出しメイドに変更するエロMODの導入方法と入れ方【モンハンライズ(MHRise)チート改造】
- 【サンブレイク】人気のおすすめ最新MOD一覧21~40|簡単チート導入・便利ツール入れ方と使い方【モンハンライズ(MHRise)改造】
- 【モンハンライズ】受付嬢「ヒノエ・ミノト」を全裸の見た目にするエロMODの導入方法|P43【MHRiseチート改造】
- 【サンブレイク】人気のおすすめ最新MOD一覧1~20|簡単チート導入・便利ツール入れ方と使い方【モンハンライズ(MHRise)改造】
- 【MHWI】おすすめの擬人化エロMOD(装備の見た目変更)|ケモナーに人気の最新衣装まとめ【モンハンワールドアイスボーン】
- 【MHWI】見た目をエロ装備にするおすすめMOD一覧|全裸でお◯ぱいや陰毛丸出しのR18禁ヌード衣装の画像付き!2023年最新版【モンハンワールドアイスボーン】
【WordPress】記事上に謎の余白(隙間)ができた時の原因と対処方法|空白で表示される場所や文字を消す方法【ブログ初心者向け】
WordPress(ワードプレス)のTOPページや記事上に表示された、謎の余白(隙間)や空白・文字などの原因と対処方法を解説しています。
【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タグの折返しや改行が効かないという方は下記で解決方法をまとめているので参考にしてください。












▶paddingの調整
▶marginの調整
▶borderの調整
▶記事上の空白調整
▶スマホ画面の余白
▶テーブル文字を上下中央揃え
▶サイドバーのズレ
▶タイトル非表示
▶コメント欄に絵文字
▶マークが