TweetPocketWordPressにコーディング不要でスタイリングができるCSSスタイルパネルを実装可能なSiteOriginCSSを紹介します。SiteOriginCSSはWordpressの管理画面上で簡単にスタイルが可能になる無料のプラグイン。スタイルパネル内であたいの入力や選択を行うだけで簡単にCSSスタイルが可能です。ここではSiteOriginCSSのビューモードを使ったスタイル方法を紹介します。CSSを選択し、目玉アイコンをクリックすればOK。スタイルパネルの見方SiteOriginCSSを開いて画面左側にあるのがスタイルパネル。右側の上部にはトップページが表示され、下部には選択したセレクタのスタイルが表示されます。スタイルパネルは以下の3つのタブで分けられています。タブはクリックで切り替えることができるので、変更したいスタイルに合わせて切り替えてください。マージンや幅、高さの設定どの項目もフォームに値を入力するか、選択肢の中から選ぶだけなのでコーディングは一切不要。変更はすぐに右側のブラウザで確認できるため、変化を見ながらスタイルを作ることができます。スタイルを変更したい要素の選び方まずはスタイルを変更したい部分を右側のブラウザから選択します。ブラウザ上にマウスを移動すると要素の背景に色がつきます。この状態でクリックすると要素を選択できます。要素を選択するとスタイルパネルの上部に選択したセレクタ名が表示されます。ブラウザの下部にはセレクタまでのパスが表示されます。この部分をクリックすることでもセレクタを選択することができます。その下には選択中のセレクタに適用されているスタイルが表示されます。変更したいセレクタを選んだら、スタイルパネルで必要に応じてスタイルを変更してください。CSSの知識は必要ですが、コーディングなしでどんどんスタイルを作っていくことができます。スタイルが完成したら、スタイルパネル上部にあるチェックボタンを押します。エディター画面に戻ると、設定したスタイルがエディター内に記述されています。CSS」ボタンを押せば保存完了です。SugimoriBootstrapやCMSを使ったテンプレートの作成やカスタマイズ、既存サイトのレスポンシブ化など、多くの案件でフロントエンドを担当。現在はテンプレートエンジニアとしてTetraThemesでテンプレートを開発中。最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。一度間違ってないか確認しておきましょう。minimal2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。Blackはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。BlackCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。HelloCubeのBlackテーマ。HelloCubeはEC-CUBE3.0向けレスポンシブテンプレートです。どんなショップでも使えるシンプルなデザインと、新着商品や売れ筋商品など便利なプラグインを同梱したテンプレートです。Redはカラーミーショップに対応したレスポンシブテンプレート。Bootstrapを導入しカスタマイズしやすいコードとモダンなデザインを実現。2カラム、3カラム両対応でレイアウトも自由に行えます。TetraThemesはWordpressやカラーミーショップ、EC-CUBEのテンプレートの販売、CMSのカスタマイズ方法、Bootstrapの使い方などWeb制作に関する記事を書いているサイトです。お知らせ【お知らせ】サイトを移行しました。{td_theme_css.after(splited_css);}}});}})();。