CSS

ホーム » CSS

【CS-Cartをカスタマイズ】自作テーマ作成とレイアウト・デザイン編集の方法!

CS-Cartショップサイトのデザインを変更するためには CSS上書きとLESS アドオン > アドオン管理 > 日本語版アドオン まず、ショップ構築・運用するためには、CS-Cartを日本向けに最適化する「日本語版アドオン」を有効にして下さい。 CS-Cartの導入が完了したらテーマがインストールされ「themes」のディレクトリが作成されています。 FTPソフトで接続し、以下の「themes」ディレクトリをGET(ダウンロード)します。 [...]

ウェブデザイナーのためのCSSプリプロセッサーLESSの使い方|実例とともに機能をチェック!

CSSプリプロセッサーLESSの使い方 CSS構造のおさらい セレクタID・クラス・HTMLタグなど プロパティcolor,font-size,marginなど 値プロパティの設定値 宣言プロパティ+値 ルールセットセレクタ+すべての宣言 ルールセット[セレクタ[#id]{ 宣言[プロパティ[font-size]: 値[12px];] [...]

By |2020-04-25T02:02:25+09:002017/06/29|CSS, WEBデザイン|0 コメント

WordPress管理画面のCSS(admin.css)を子テーマから上書きする方法

管理画面のCSSを編集したい WordPressの管理画面のスタイルシートを編集するのに、コアファイルのCSSを編集してもアップデートで元の状態に戻ってしまいます。 子テーマでstyle.cssを上書きするように設定する方法があります。 子テーマの導入と親テーマへの継承について functions.phpに追記して、子テーマから管理画面CSSを上書き 必要なのは、適用中の子テーマ直下にあるfunction.phpへの追記と同じディレクトリにadmin-style.cssを用意するだけ。 まずは、適用している子テーマのフォルダ内にあるfunctions.phpに追記します。 [crayon-5f014365b0cea293127331/] 追記する位置は、どこでも良い。 function.phpへの追記 [...]

By |2020-04-25T02:02:53+09:002017/05/22|CSS, WordPress|0 コメント

便利すぎるエディタ Adobe Dreamweaver CC 2017 ! ベータ版を採用し強力に進化

adobe Dreamweaver cc 2017 のアップデート 前回、便利すぎる Adobe Dreamweaver CC Beta [...]

意外と知らないレスポンシブなCSS3プロパティ【display:flex;】

CSS3プロパティ「display:flex;」について WEBサイトはスマホ対応の為、レスポンシブWEBデザインへ移行していますが、導入のためにCSSフレームワークが利用されていると思います。 レスポンシブ対応のため、有名なものではbootstrapやFoundationなどのCSSフレームワークがありますが、CSS3プロパティ「display:flex;」でも可能です。 CSSプロパティdisplayのリファレンスとdisplay:flex;について動作を確認したいと思います。 ↓↓すぐに「display:flex;」の動作を確認する↓↓ inline(初期値) 親要素であるdivにのみdisplay:inline;を適用した場合。 [crayon-5f014365b157e836644337/] DIV1 DIV2 [...]

By |2015-11-09T18:21:05+09:002015/11/09|CSS|0 コメント