サポート » 使い方全般 » テーマの使い方について

  • 解決済 de-0612nishio

    (@de-0612nishio)


    いつもお世話になっております。
    企業サイトなどを制作代行しているものです。普段からwordpressを使用したサイトを制作しています。

    制作に関する技術共有を社内で確立するため、デフォルトテーマ(twenty・・・)を使用した子テーマ化を勧めています。
    しかし他の意見からはネット上で調べた親テーマの無いテーマを使用して色んな制作方法を模索しようとしています。そこまでは良いのですが、大体デフォルトテーマ以外のものは投稿エディターに紐づく「wp-content」内の「style.css」が完全に適用されないケースがあると思います。

    【最新のwordpress5.8系で検証した結果】
    あくまで「投稿」表示ページで「画像左寄せ、テキスト右寄せ」を検証すると「wp-includes」内のdistされた「style.min.css」が優先される事や、クラッシックエディタを採用すると「画像左寄せ、テキスト右寄せ」のfloatが効かない現象も起きます。

    結局のところ優先的に適用されている「style.min.css」をデフォルトテーマのstyle.cssによって上書きが必要になると思います。

    style.min.cssを上書きするために洗いざらして調べる必要がある等、手間のかかる事を省きたいのですが、納得のいく説明ができません(最初から「wp-content」内の「style.css」を適用するのが賢明なのではないのかと思っております)。

    同じようなことで悩まれておられる方いましたら、ご返答お願いしたいです。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • @de-0612nishio さん

    はじめまして。
    二点確認させていただけますでしょうか。

    • 「親テーマの無いテーマ」というのは、一から自分でテーマを作成する、いわゆる「オリジナルテーマ」の事を指していますでしょうか。
    • WordPressをデフォルトインストールした状態では、wp-contentフォルダ直下にはstyle.cssファイルはありませんが、どのファイルの事を指していますでしょうか。
    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    Tetsuaki Hamano様
    ご返信ありがとうございます。

    質問内容が曖昧でした。
    ・「親テーマの無いテーマ」というのは、一から自分でテーマを作成する、いわゆる「オリジナルテーマ」の事を指していますでしょうか。
     →一から作るのではなく、例えば「Underscores」というようなダウンロードできるものです。

    ・WordPressをデフォルトインストールした状態では、wp-contentフォルダ直下にはstyle.cssファイルはありませんが、どのファイルの事を指していますでしょうか。
     →すみません。wp-content内の親テーマ(twenty・・・)内のstyle.cssです。

    ご確認よろしくお願いします。

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    →再びすみません。wp-content内のthemes内の親テーマ(twenty・・・)内のstyle.cssです。

    @de-0612nishio さん

    こんにちは。

    WordPressサイトのコンテンツエリア(ブロックエディタ編集領域)は、デフォルトでほどよく表示させるためのCSSが読み込まれますが、これが「wp-includes/css/dist/block-library/style.min.css」です。

    さらにTwentyTwentyOneでは、テーマ独自の外観にするため、上記スタイルを適宜上書きしています。
    これが、Twenty Twenty Oneテーマフォルダ直下にある「style.css」です。

    これをオリジナルテーマに切り替えた場合、Twenty Twenty Oneのstyle.cssはもちろん読み込まれませんので、同等のcssを全て自前で用意してテーマに組み込む必要があります。
    UnderScoresについても、あくまで基本的なスタイルしか用意されていないと思うので、同じ作業が必要です。

    style.min.cssを上書きするために洗いざらして調べる必要がある

    →そのため、上記についてはYesとなり、オリジナルテーマを開発する上では避けて通れません。

    どこまでデフォルトスタイルを上書きするかによって手間も大きく変わってきますが、Twenty Twenty Oneのstyle.cssを自分のテーマに組み込んで、そこからカスタマイズしていくやり方でも良いと思います。

    トピック投稿者 de-0612nishio

    (@de-0612nishio)

    Tetsuaki Hamano様
    ご返信ありがとうございます。

    ご丁寧な回答で助かります。

    style.min.cssを上書きするために洗いざらして調べる必要がある
    →そのため、上記についてはYesとなり、オリジナルテーマを開発する上では避けて通れません。

    スッキリしました。
    これまでの方法で教えることに対しても自信が持てます。

    ありがとうございました。
    クローズします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「テーマの使い方について」には新たに返信することはできません。