トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
SWELLに関する質問
7
投稿
3
ユーザー
1
Likes
616
表示
Topic starter
いつもお世話になっています。
掲題について皆様のお力をお借りしたく作成させていただきます。
コーポレートサイトの「採用情報」を作成するにあたり、以下スクショのようなスタイルにしたいのですが、SWELLにある既存設定で実現することは可能なのでしょうか？
左側に項目があり、右側に内容が記載されているような、至って一般的なスタイルなのですが、テーブルで作成するには少しイメージが異なるため、解決策が見当たらない状態です。
「項目」と「内容」の間隔がどの列も均等にするための方法を存じておらず、、、
当方が調べた限りでは、「VK Google Job Posting Manager」というプラグインを導入するのが最適かと考えているのですが、こちらのプラグインとSWELLとの相性も不明確のままで踏み切れずにいます。
すでにコーポレートサイトを作成されている方で、上記スクショのような採用情報を掲載されている方がいらっしゃいましたら、ご意見いただけますと幸いです。
何卒よろしくお願いします。
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.2
利用中のPHPバージョン
7.4.25
利用中のWordPressバージョン
5.9.3
利用中のプラグイン一覧
ContactFormなど
This topic was modified 2年前 2回 by halimekuun
投稿済 : 24/05/2022 8:02 pm
テーブルブロックを使い、少しばかりCSSで調整すれば良いかなと思います。
完全にノーコードで済ませるなら、テーブル系のプラグインを使う方法があるかなと思います。
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
投稿済 : 25/05/2022 9:27 am
skillsharejp reacted
当方が調べた限りでは、「VK Google Job Posting Manager」というプラグインを導入するのが最適かと考えているのですが、こちらのプラグインとSWELLとの相性も不明確のままで踏み切れずにいます。
テストサイトで試してみてください。第三者プラグインとの相性は使ってみないと分からないものです。
あとは既に回答されている通りテーブル使ってCSSで微調整というのが楽と言えば楽です。互換性気にする必要もありませんし。
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
投稿済 : 25/05/2022 10:47 am
Topic starter
回答いただきありがとうございます。
恩着せがましくて恐縮ですが、いただいた回答を参照すると以下解釈なのですが、問題ないかご教授いただけないでしょうか。。。
・カスタムHTMLでテーブル作成
・CSSで修正
→td要素に対する左右の枠線を指定しない
→ border-width: 1px 0px;
これしか思いつかず、申し訳ありません。
投稿済 : 25/05/2022 5:43 pm
Topic starter
投稿済 : 25/05/2022 5:45 pm
カスタムHTMLブロックでゼロからテーブルを作っても良いですし、テーブルブロックで挿入したテーブルに適当なクラス名を付けてCSSをアレンジしても良いかと思います。
CSSがあまり得意でなれば前者の方が楽な気がします。
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
投稿済 : 25/05/2022 6:03 pm