Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
モバイル版ヘッダーのロゴ横にテキストを...
 
通知
すべてクリア

[解決済] モバイル版ヘッダーのロゴ横にテキストを追加&メイン画像内テキストの改行について

12 投稿
2 ユーザー
8 Likes
4,081 表示
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

いつもお世話になっております。

ご相談が二点ございます。

①モバイル版ヘッダー横のテキスト追加について

スクリーンショット 2021 12 28 194510

こちらの写真の通りですが、色で囲ったロゴの横にテキストを入れたいのですが、可能でしょうか?

私の方で、HTMLを入力する欄や元になるindexファイルについて調べてみたのですが見当たらずでございました。

②TOP画像内テキストの改行について

スクリーンショット 2021 12 28 194337

色で囲ったテキストを改行したいと思っております。

追加CSSで編集しようと思ったのですが、この文は「新たな可能性にチャレンジしよう その方がワクワクするから」で一つのp要素の為、CSSでは編集出来ずの状況です。

ちなみにこちらは、カスタマイズ<トップページ<メインビジュアルでの編集項目内でテキストを入力致しました。

スクリーンショット 2021 12 28 195531

▽プラグイン

スクリーンショット 2021 12 28 194709

以上、2点についてご教授頂けますと幸いです。

何卒宜しくお願い致します。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.6
利用中のWordPressバージョン
5.8.2
利用中のプラグイン一覧

本文に添付しております。

 
投稿済 : 28/12/2021 7:57 pm
しらこ
(@96ssbike)
投稿: 913
メンバー
 

ご質問の回答について

①CSSで対応可能ですが、サポート範囲外です。

②HTMLタグはある程度のものが入力可能です。<br>であれば入ると思います。デバイス別で改行位置を分けたい( https://swell-theme.com/shortcode/#index_id4 )場合は、メインビジュアル内にブログパーツを挿入して構成してください。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 28/12/2021 8:07 pm
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

早速のご返信ありがとうございます。

①について

CSSで対応可能との事でしたが疑似要素で実装するイメージでしょうか。

②について

参考記事を頂きありがとうございます。

頂いた情報を元に修正してみます。

ありがとうございました。

 
投稿済 : 28/12/2021 8:44 pm
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@mitsuhiro ①について、要素自体はHTML上に存在していますので、それを一旦SWELL上でCSSで非表示にしているものを再度呼び戻す感じで対応は可能かと思います。

それ以上については、すみませんが、先程「サポート範囲外」と回答した通り、心苦しいのですが詳細な回答はできかねます。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 28/12/2021 9:00 pm
mitsuhiro reacted
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

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

まだまだ知識不足で理解出来ておりませんが、方法自体はある旨理解いたしました。

勉強致します。

ご回答ありがとうございました。

 
投稿済 : 28/12/2021 9:04 pm
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@mitsuhiro ちなみに、何が呼び戻すことが可能かについて補足です。

キャッチフレーズです。

外観>カスタマイズの、WordPress設定からキャッチフレーズは設定可能で、同じカスタマイズのヘッダーからPCロゴの周辺にはキャッチフレーズが設定可能ですが、スマホは非表示になっているので、今回の場合の方針としては、①ロゴの周辺にはキャッチフレーズの挿入設定をした上で、②CSSでPCを非表示にして、③CSSでSP上で再表示させる、という手順になります。ひとまず、ヒントとしてはここまでです。

個人的には、おもしろそうなので(真剣に考えられている中、おもしろそうと言ってすみません)、私の非公式サイトで取り上げるかもしれませんが…

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 28/12/2021 9:16 pm
momo reacted
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

なんと細かいご回答ありがとうございます。

ヒントを元に、自分なりに手を入れてみました。

画像の様にsp_btns.phpが非表示になっていた(していた?)ので、そちらのタグにテキストを入力。

そうしますと、画像の様にテキストが反映され、クラス名を元にフォントサイズなどを調整致しました。

スクリーンショット 2021 12 28 212742

編集先ファイルはこちらです。

スクリーンショット 2021 12 28 212426

何の参考になるか分かりませんが、SWELLさんで今後お役に立てる事であれば

是非参考に頂けますと幸いです。

詳しいご説明までありがとうございました。

 
投稿済 : 28/12/2021 9:29 pm
momo reacted
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@mitsuhiro そもそもなんですが、テーマエディターでファイルを上書きすると、アップデート後に消えます。

また、じゃあ子テーマでやればいいじゃないか、という方もいらっしゃいますが、SWELLの仕様が変更されたらアップデート後に表示が崩れるなどの不具合が出る場合があります。

SWELLの更新頻度を「更新情報」から見ていただければわかりますが、月に数回更新します。今後は、メジャーアップデート(大型アップデート)も控えています。

したがって、これらのやり方はスマートではありません。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 28/12/2021 9:31 pm
reacted
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

なるほど、、大変勉強になります。

かしこまりました。

それでは頂きました情報を元に再度修正を試みてみます。

ありがとうございます<m(__)m>

 
投稿済 : 28/12/2021 9:33 pm
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

おかげさまでどちらも解決いたしました。

ご教授頂き有難うございました。

 
投稿済 : 28/12/2021 10:08 pm
しらこ reacted
しらこ
(@96ssbike)
投稿: 913
メンバー
 

@mitsuhiro 実際のサイトを拝見いたしました!とても素敵な形だと思います…!

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 28/12/2021 10:12 pm
suya reacted
mitsuhiro
(@mitsuhiro)
投稿: 11
メンバー
Topic starter
 

@96ssbike

いえいえ、恐縮すぎます。。。

というとクライアント様にも失礼ですので、ありがたくお言葉頂戴いたします。<m(__)m>

まだweb制作勉強開始から数カ月ですので、今後も日々学習に勉めます。

引き続き宜しくお願い致します。

 
投稿済 : 28/12/2021 10:16 pm
しらこ and suya reacted
共有: