v9.1.1にした場合一部のFA5の一部のアイコンが・・・

v8.5.9からv9.1.1にバージョンアップした場合、一部のFontAwesome5の一部のアイコンが表示されない

表示されない箇所は

サイドカラムではTopicsの、〇付の>:(>)[f138]

メインカラムでは、

・ 記事欄の下の、次の(>)[f138]、(<)[f137] 前へ

・ 画像スライダーで、オプション:ナビゲーションで矢印を選択していた場合。[>]: f32b,[<]: f32a

・ 一覧ページへ**(>)**[f138]

・ ‘‘ [f10d] と’’ [f10e]のアイコン <blockquote></blockquote> 指定など、

・ パンくずリストの > アイコン [f054]

また、
v8.5.9の時には表示されていた「ページリストブロック」のサムネイル画像が、
v9.1.1にアップデートしたら表示されなくなった
=============================================
(ここもFontAwesome5のarrowアイコン「f064」が表示されないのでこれの影響か?)

一部のアイコンと書いた通り、
表示されているアイコンもあるので、なにが問題なのか調査をしたところ

添付画像にある様に、

最初からV9.1.1をインストールした環境(添付画像の表でInstall表記部分)と
v8.5.9からV9.1.1にアップデート環境(添付画像の表でUpdate表記部分)では、
css,less,scssおよび phpの格納フォルダが異なります。

これは、影響しないのでしょうか?



尚、
Install環境にある"Stucco"は、v9にはインストールできないはずなので、
後から、v8.5.9環境のフォルダから、**丸ごとCopy**したものです。


また、
Update環境にある"Stucco"配下の、12個の"less"は、
VS Codeで
"FontAwesome" ➡ **"Font Awesome 5 Free"** & **font-weight: 400;** で編集を済ませています。


**※.** バージョンアップ**では**、concrete-cms-9.1.1配下のconcreteフォルダ分のみ
(concrete-cms-9.1.1/concrete)をCpoyし、
 applicatuonフォルダ配下(concrete-cms-9.1.1/applicatuon)はCopyしていません。

画像添付できなかったので、追伸です。

@Jun1chi 取り急ぎ、FontAwesome の部分を先に書きます。

FontAwesome 4 から 5 にアップデートしたことによって、表示が異なったり、表示ができなくなってます。

数ヶ月前に大岩さんのインタビュー動画を撮りました。
以下の 4:03 より FontAwesome 対応をされた話をされています。

こちらを参考に2行の書き換えをお願いできますか?

css,less,scssおよび phpの格納フォルダが異なります。
これは、影響しないのでしょうか?

影響します。

フォルダの位置が変わるのは、メジャーバージョンアップはよくあることで、
今回の Concrete CMS V9 アップデートでも起こりました。
影響があるので、修正を加えないといけないです。

Stucco の V9 対応はもろもろのこともあってちょっと停滞中ですが、いずれかは対応する予定です。

katz515 さん

お世話様です。 Youtubeの案内ありがとうございます。

確認させてください。


   FontAwesomeの対応分は、(動画:4:03 ~)
    ["FontAwesome" ➡ "**Font Awesome 5 Free**" & **font-weight: 400;** で編集を済ませています。」
    と**既に報告した通り**です。


**p.s.**

   2箇所(**2行**)の**置き換えが必要**とのことですが、

まず、1つめ

    動画1:59~2:33の間の
    イメージスライダの画像呼び出しTAGの置換えが必要との事ですが、
    画像にある.phpファイルのFile名を教えて戴けますか?
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    $tag - Core::make('html/img', array($f, false)) -> getTag();
    $tag - Core::make('html/img', ['f' => $f]) -> getTag();
    でも、これは、**イメージスライダの画像そのものは表示されている**ので、
    **問題はないかと?**
  =========== (.phpファイルを確認してみますので、**File名を教えて**戴けますか?)
  あとは、FontAwe some 5 の件なので。

 続いて2つめ
  ページリストブロック(動画 2:53 ~ 2:60
  これは、**正に同じ問題**で、ページリストブロック内の**サムネイル画像が表示されない**件)

  これの、.phpファイルの**FIle名を教えて戴けますか?**
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  $img - Core::make('html/image' , array($thumbnail)) ;
  $img - Core::make('html/image' , ['f' => $thumbnail]) ;

  ここは、アレイの書き方の修正が必要ですね。
    
3つめ(動画 3:14~3:31 )
 ogタグについては、よく聞き取れず、意味が理解できないのですが、
 **どこの修正が必要**でしょうか?
    ~~~~~~~~~~~~~~~

お世話様です。

上記2点については、
“Core::make('html/im” 文字列Grepでconcrete配下8階層下まで Scanして対象の.phpファイル名を特定できたかと思います。

ただ、添付Core__make.jpgにある
黄色マーカーの
view.php
hero_slider.php が文字列(ストリング)から判断すると、対象だと思いますが、

薄い黄色マーカーの*stucco*_thumbnail_grid 分の view.php も対象でしょうか??

また、3点目の箇所は未だわかりませんので、
こちらの方も教えて戴ければ幸いです。

途中経過報告

結果的に、\stucco_thumbnail_grid 分の view.php も対策して
ページリストブロック内のサムネイル画像が表示される様になりました。

逆に、updates\concrete-cms-9.1.1\concrete\themes\atomik\は、
テーマatomikを使用していないので不要だと思います。
(いずれにしてもバックアップを取っているので、いつでも戻せます)

また、
まだ、"Font Awesome 5"部分は、一部のアイコンが表示されないので、
戴いたアドバイスを踏まえ、(Stucco以外の
"Font Awesome 5 Free"
"Font Awesome 5 Brands" 部分に対応漏れがないか確認していきたいと思います。

p.s.
依然として、**3点目の箇所は未だわかりません


**

こんにちは、
"Font Awesome 5 Free” と "Font Awesome 5 Brands” を全て見直し、
font-weight: 400; または、 font-weight: 900; を確認した、ハズなんですが、

依然、一部のアイコンフォントが表示されません。
何が、原因なんでしょうね????

・・・もしかして、php ? :arrow_right: 確認してみます。!

elementalは使っていないので、関連はないとは思いながら、
font-family: “Font Awesome 5 Free”;
font-weight: 700;
content: “\f064”;
の様になっているところが多数あり、念のため、 **font-weight: 700;**をfont-weight: 900; や400に変更して試したものの変わらず。

記憶では、FreeとBrandsで使用できるのは、font-weight: 900; または、400のハズ!!!。

p.s.
念のため、elementalを使用されている人たちの為**?**に、記述されている
lessとPathを記載しておきます。

header.less [font-weight: 700;] updates\concrete-cms-9.1.1\concrete\themes\elemental\css\build

image-slider.less [font-weight: 700;] updates\concrete-cms-9.1.1\concrete\themes\elemental\css\build\blocks

navigation.less [font-weight: 700; ] updates\concrete-cms-9.1.1\concrete\themes\elemental\css\build\mobile

page-list-template-thumbnail-grid.less [font-weight: 700;] updates\concrete-cms-9.1.1\concrete\themes\elemental\css\build\blocks

2022/09/16

v9.1.1Stuccoが使えた :arrow_right: v9.1.2にバージョンアップ OK
skin(Akane,Sumizone,Hisui,Ruri,Tomekon)の変更もでき、背景色の変更もできた。Ruri(Modified)

v9への残る課題は2つ(今のところ)
・依然、FontAwesome5のアイコン文字が表示されない部分があるのは変わらず(一体何なんだろう。? もっと・・・根本的な事???)
・予約フォームで、レイアウト崩れ(選択プルダウンの時分欄)。これはcssが当たっていないだけの様だけど、css名がわからない
(添付:画像)

新たに、“Font Awesome 5 Free” 対応漏れが見つかり、対応したが、依然未解決。
原因は、"Font と 'Font で、Grepして調査していたが、

まさかの落とし穴・・・・素の FontAwesome があった。("で括るのでも、'で括るのでもなく)
(本体でも、“FontAwesome”'FontAwesome’


があったのを見つけていたのが)
この辺は、コーディング基準で本体も含め統一してもらいたいところ。

v9(v9.1.2)でも
Stuccoテーマが働き、全体のスタイルや色合い(スキン)があたっていますが、

依然として、"Font Awesome 5 Free"の一部アイコンが表示されないままです。
(画像スライダー、パンくずリスト、ページリスト、トピックリストなど)

以下のフォルダにある
.lessファイルは(font-family: “Font Awesome 5 Free”; と font-weight: 400; に編集済み)で、
"Font Awesome 5 Free"対策済と認識していますが、

これらの.lessファイルが.cssファイルに変換されていないこと
(または、読み込まれていないこと)がアイコンが表示されない原因だと思っています。
/application/themes/stucco/css/main.less
/application/themes/stucco/css/build/breadcrumb.less
/application/themes/stucco/css/build/common.less
/application/themes/stucco/css/build/pagination.less
/application/themes/stucco/css/build/blocks/express_entry_detail.less
/application/themes/stucco/css/build/blocks/express_entry_list.less
/application/themes/stucco/css/build/blocks/faq.less
/application/themes/stucco/css/build/blocks/image-slider.less
/application/themes/stucco/css/build/blocks/next-previous.less
/application/themes/stucco/css/build/blocks/page-list.less
/application/themes/stucco/css/build/blocks/topic-list.less
/application/themes/stucco/css/build/mobile/navigation.less

これら12個を処理しれいるであろう.phpあるいは.jsがどれなのか?

Theme.phpやmode-less.jsなどを見ては見ましたが、
どう繋がるか・どの様に関連しているのかか見当がつきません

この辺りのヒントを戴けませんか?