Tag archives :CSS

タグ「CSS」はCSSに関連する記事を集めています。テーマのカスタマイズやデザインの追加に、CSSは欠かせません。

投稿内の任意の部分のみ、自動改行や自動変換を無効化するプラグイン

icons-heart

WordPressでクライアントサイドでの利用や、複数名での利用がある場合、HTMLの知識がない人が利用するなら自動改行は便利ですし、管理側の面からすると不便な部分もあります。投稿内の任意の場所で自動改行を無効化できるプラグインRawHTMLの紹介記事です。

FAQ manager の更新が止まってるので代替プラグインを探してみました。こっちの方がオススメ! Flexible FAQ

icons-mail

WordPressでFAQプラグインを導入するメリットというのは①FAQの並び替えがドラッグで出来る②FAQのカテゴリ分け表示が可能 ③ショートコードで簡単表示 ④デザインを変更できる ・・・といったものがあると思います。これらにマッチしたFAQプラグイン Flexible FAQをご紹介します。

google Adobe 共同開発のオープンソースフォント Noto sans font をサブセット化圧縮・コンバート・font-face指定して表示してみた。

icons-box

これまであまり使ってこなかったWEBフォントですが、Google Adobe 共同開発のオープンソースフォントとあっては試さずにはいられない!サブセット(圧縮)やらコンバート(変換)やら、@font-faceやら、なかなか手間がかかりました。

カテゴリ分けやタグ付けも可能でショートコードで簡単表示できる「FAQ manager」のデザインをCSSでカスタマイズ!

icons-mail

wordpressで「よくある質問」「FAQ」「Q&A」を設ける時に重宝するプラグインが「FAQ manager」です。カテゴリやタグを設け、個別に表示できるのでクライアントにも嬉しい作りです。このFAQmanagerで出力されるタイトル・本文のデザインをCSSでカスタマイズしてみましょう

シンプル!レスポンシブ!ピンタレスト風~!!なwordpressテーマ「Surfarama」其ノ参

icons-mw

wordpressのピンタレスト風テーマsurfaramaでは、アイキャッチ画像がある時・投稿内に画像がある時・どちらも無いときの処理が分かれています。デフォルト画像の出し方や、ページ読み込みの速度を改善する方法について。

シンプル!レスポンシブ!ピンタレスト風~!!なwordpressテーマ「Surfarama」其ノ壱

icons-mw

画像をメインにしたい、レスポンシブ対応、カスタマイズしやすいシンプルなデザイン、しかもピンタレスト風の画像をレンガ状に並べるアニメーションがデフォルトでついてるwordpressテーマ「Surfarama」の紹介です。カテゴリ毎に画像枠の色を変えられるという至れり尽くせりな仕様。グッドです。