nipper

名前（ニックネーム）

nipper

自分のconcrete5サイト

サンプルサイトですが...
http://www.onside.com/la_palette/

テーマの Live Demo
http://stucco.onside-lab.com/
http://palette.onside-lab.com/

ホームページ

http://www.onside.com/

自己紹介

デザイナーです。
プログラムはさっぱりわかりません (^^)
ブログで concrete5 についての記事をちょこっと書いたりしてます。

今年の2月にマーケットプレイスにて、フリーのテーマ『Stucco（漆喰）』を公開しました。
http://www.concrete5.org/marketplace/themes/stucco

フリーのテーマ第2弾『Palette』がマーケットプレイスにて公開されました。
http://www.concrete5.org/marketplace/themes/palette

よろしくお願いします。

concrete5.org のユーザー名

nipper15

concrete5 Slack Team ID

@nipper

Twitterアカウント

@nipper_onside

フォーラム総投稿数

326

コミュニティバッジ

ローカルグループリーダー	concrete5 ローカルグループのまとめ役をしている方です。勉強会やイベントを開催していただけるのであれば誰でもなることができます。詳しくはconcrete5 コミュニティ活動のお誘いへ。
エバンジェリスト	宣伝・普及活動を行っていただいている concrete5 の伝道師です！エバンジェリストについて。

投稿

121から130までを表示 (計325)
Re: 画像スライダーのタイトルの文字の色変更と、文字サイズをスマホでは小さく表示したいレスポンシブ対応しているのかと思っていたのですがテーマとしては対応しているのですが、スライダーのタイトルに関しては、レスポンシブ用の文字の大きさの設定がないですね。フォルダにあるCSSのどれかでしょうかファイルとしては、 concrete > themes > elemental > css > build > blocks > image-slider.less です。それの139行目ですね。ただし、テーマのカスタマイズから変更できるように、変数で記述しています。また、concrete 以下のファイルは直接修正等をしないというのが、concrete5のお作法になってます。カスタマイズする場合は、 http://concrete5-japan.org/community/forums/design/post-13866 あたりを参考にしてください。ちょっとハードルが高いと思いますので、下記のコードをページ設定（ギア・アイコン） > デザイン > テーマのカスタマイズの一番下にある『カスタムCSS』に記述してください。（添付画像参照） div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 { font-size: 1.6em; line-height: 1.2; } @media (min-width: 768px) { div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 { font-size: 3.2em; line-height: 1.42857143; } } font-size は適宜変更してください。添付: screen_20170913_02.jpg Posted on 9月 13, 2017 at 4:19 午後
Re: 画像スライダーのタイトルの文字の色変更と、文字サイズをスマホでは小さく表示したい narifaさま画像スライダーのタイトル文字色は、ツールバーのページ設定（ギア・アイコン） > デザイン > テーマのカスタマイズで、変更できます。（添付画像を参照してください）文字の大きさも変更できますが、レスポンシブに関係なく大きさが変わりますので、スマートフォン用には、別途スタイルシートを記述する必要があります。添付: screen_20170913_01.jpg Posted on 9月 13, 2017 at 2:30 午後
Re: 第1階層（ホーム直下）のページ名の出力についてすみません、勘違いしていたので、投稿を削除しました。 Posted on 9月 08, 2017 at 1:25 午後
Re: レイアウトの追加について私が考えていた方法とは違いますが、その方法でもできますね。とりあえず、思ったように表示することができてなによりです (^-^) Posted on 9月 06, 2017 at 3:12 午後
Re: レイアウトの追加についてモモさまスタイルシートだけではできません。上記のように『レイアウトデザインを編集』とスタイルシートで実現できます。添付画像を見てもらうとわかると思いますが、参考サイトのように上が2カラム、下が余白無しです。答えを書くのは簡単なんですが... ヒントとしては、『<div class="container">』の横幅を100％にして左右のパディングを0にすれば OK です。でも、これだけでは書かれているようにすべての『<div class="container">』の余白がなくなります。なので、余白をなくしたい『<div class="container">』だけに適用させるために『レイアウトデザインを編集』を利用するということです。もし、書いてることが全然わからないということであれば、余白なしにする方法を書きますね。よろしくお願いします。添付: screen_20170906_01.png Posted on 9月 06, 2017 at 11:28 午前
Re: レイアウトの追加についてトップページと同様にはできませんでした。この余白のない表示が、正常な表示ではないと思います。なぜ、このようになったのかはわかりませんが、これは一旦削除した方がいいのでは？ちなみに、サイドバーのページでも余白のない表示にはできますよ。『レイアウトデザインを編集』とスタイルシートの記述で、左右100％表示は可能です。 Posted on 9月 05, 2017 at 6:51 午後
Re: レイアウトの追加についておそらく、Google マップブロックを追加しても同じように余白ができると思うので、それを元にカスタマイズした方がいいと思います。 Posted on 9月 05, 2017 at 6:05 午後
Re: レイアウトの追加についてコンテンツ幅しか表示されませんでした。ですよね。それが正しいと思います。なので、Google マップブロックの箇所がおかしいと思うのですが、普通にブロックを配置したんですよね？ Posted on 9月 05, 2017 at 5:26 午後
Re: レイアウトの追加についてサイドバーのページの表示が正しいと思います。ホームのマップ部分に Bootstrap が適用されていないようですが... マップの下に画像ブロックを配置しても同じように左右いっぱいになりますか？ Posted on 9月 05, 2017 at 4:48 午後
Re: レイアウトの追加についてモモさま反対に左右に余白がないブロックができなくなりました。上記の説明の通りです。余白を無くすために Bootstrap を使っていません。トップページでは両立しているのですが、サイドバーありではできないのでしょうか？どこのエリアでしょうか？ホームのページフッターエリアでも、同じように左右に余白ができます。これは、Bootstrap の仕様で必然的に幅が決まります。（1170px、970px、750px など...）なので、余白を消したい箇所の幅を100%になるようにカスタマイズすれば、左右の余白はなくなると思います。よろしくお願いします。 Posted on 9月 05, 2017 at 3:17 午後

121から130までを表示 (計325)

Re: 画像スライダーのタイトルの文字の色変更と、文字サイズをスマホでは小さく表示したい

レスポンシブ対応しているのかと思っていたのですが

テーマとしては対応しているのですが、スライダーのタイトルに関しては、レスポンシブ用の文字の大きさの設定がないですね。

フォルダにあるCSSのどれかでしょうか

ファイルとしては、

concrete > themes > elemental > css > build > blocks > image-slider.less

です。
それの139行目ですね。

ただし、テーマのカスタマイズから変更できるように、変数で記述しています。
また、concrete 以下のファイルは直接修正等をしないというのが、concrete5のお作法になってます。
カスタマイズする場合は、

http://concrete5-japan.org/community/forums/design/post-13866

あたりを参考にしてください。

ちょっとハードルが高いと思いますので、下記のコードを

ページ設定（ギア・アイコン） > デザイン > テーマのカスタマイズの一番下にある『カスタムCSS』に記述してください。（添付画像参照）

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 {
font-size: 1.6em;
line-height: 1.2;
}

@media (min-width: 768px) {
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 {
font-size: 3.2em;
line-height: 1.42857143;
}
}

font-size は適宜変更してください。

Posted on 9月 13, 2017 at 4:19 午後

Re: 画像スライダーのタイトルの文字の色変更と、文字サイズをスマホでは小さく表示したい

narifaさま

画像スライダーのタイトル文字色は、ツールバーの

ページ設定（ギア・アイコン） > デザイン > テーマのカスタマイズ

で、変更できます。（添付画像を参照してください）

文字の大きさも変更できますが、レスポンシブに関係なく大きさが変わりますので、スマートフォン用には、別途スタイルシートを記述する必要があります。

Posted on 9月 13, 2017 at 2:30 午後

Re: 第1階層（ホーム直下）のページ名の出力について

すみません、勘違いしていたので、投稿を削除しました。

Posted on 9月 08, 2017 at 1:25 午後

Re: レイアウトの追加について

私が考えていた方法とは違いますが、その方法でもできますね。
とりあえず、思ったように表示することができてなによりです (^-^)

Posted on 9月 06, 2017 at 3:12 午後

Re: レイアウトの追加について

モモさま

スタイルシートだけではできません。
上記のように『レイアウトデザインを編集』とスタイルシートで実現できます。
添付画像を見てもらうとわかると思いますが、参考サイトのように上が2カラム、下が余白無しです。

答えを書くのは簡単なんですが...

ヒントとしては、『<div class="container">』の横幅を100％にして左右のパディングを0にすれば OK です。
でも、これだけでは書かれているようにすべての『<div class="container">』の余白がなくなります。
なので、余白をなくしたい『<div class="container">』だけに適用させるために『レイアウトデザインを編集』を利用するということです。

もし、書いてることが全然わからないということであれば、余白なしにする方法を書きますね。

よろしくお願いします。

Posted on 9月 06, 2017 at 11:28 午前

Re: レイアウトの追加について

トップページと同様にはできませんでした。

この余白のない表示が、正常な表示ではないと思います。
なぜ、このようになったのかはわかりませんが、これは一旦削除した方がいいのでは？

ちなみに、サイドバーのページでも余白のない表示にはできますよ。
『レイアウトデザインを編集』とスタイルシートの記述で、左右100％表示は可能です。

Posted on 9月 05, 2017 at 6:51 午後

Re: レイアウトの追加について

おそらく、Google マップブロックを追加しても同じように余白ができると思うので、それを元にカスタマイズした方がいいと思います。

Posted on 9月 05, 2017 at 6:05 午後

Re: レイアウトの追加について

コンテンツ幅しか表示されませんでした。

ですよね。
それが正しいと思います。
なので、Google マップブロックの箇所がおかしいと思うのですが、普通にブロックを配置したんですよね？

Posted on 9月 05, 2017 at 5:26 午後

Re: レイアウトの追加について

サイドバーのページの表示が正しいと思います。
ホームのマップ部分に Bootstrap が適用されていないようですが...

マップの下に画像ブロックを配置しても同じように左右いっぱいになりますか？

Posted on 9月 05, 2017 at 4:48 午後

Re: レイアウトの追加について

モモさま

反対に左右に余白がないブロックができなくなりました。

上記の説明の通りです。
余白を無くすために Bootstrap を使っていません。

トップページでは両立しているのですが、サイドバーありではできないのでしょうか？

どこのエリアでしょうか？
ホームのページフッターエリアでも、同じように左右に余白ができます。
これは、Bootstrap の仕様で必然的に幅が決まります。（1170px、970px、750px など...）
なので、余白を消したい箇所の幅を100%になるようにカスタマイズすれば、左右の余白はなくなると思います。

よろしくお願いします。

Posted on 9月 05, 2017 at 3:17 午後

« 前1...1112131415...33次 »

メンバー検索

nipper

コミュニティバッジ

投稿