タグ

2017年7月13日のブックマーク (2件)

  • 【WordPress】作業は"コピペ"のみ!デザインや機能性を向上させるコード6選

    コンテンツマーケティングの時代とはいえ、WordPressである程度記事を書き溜めてくると、デザインや使いやすさにも注意を払いたくなることがあります。せっかく素晴らしい内容の記事を書いても、読みやすいデザインになっていなければ、記事の価値が目減りすることに気づき始めるからです。 そこで今回は、少しのコードをコピー&ペースト(以下、コピペ)するだけで、WordPressのデザインや機能性を向上させる便利なコードを6個ご紹介します。 コピペだけでWordPressのデザインや機能性を向上させるコード 1. 丸いサムネイルを出力する ブログサイトのトップページや、記事一覧のサイドバーで表示される機会の多いアイキャッチ画像。SNSでシェアする場合にも表示されるので、設定しておきましょう。 デフォルトではアイキャッチ画像は利用できないので、functions.phpに下記のコードを追加します。 <c

    【WordPress】作業は"コピペ"のみ!デザインや機能性を向上させるコード6選
  • CSSも軽量化の時代!コーダーが押さえるべきCSSコーディング5つのポイント

    SassやLESSなどのCSSプリプロセッサーを使わずにCSSを書いているひとは未だに多いのではないでしょうか。 日常の業務でCSSを記述していると、どうしてもCSSはセレクタやプロパティの繰り返しが多くなってしまい、冗長になりがちです。 CSSだけでなく、あらゆる要素には軽量化が求められます。 ページ速度が遅くなれば、それだけ直帰率が多くなり、また検索エンジンもそのことをマイナスに評価して、結果的にページ全体のアクセス減につながってしまいます。 最近では、idセレクターやHTMLタグのセレクターを取り除く動きもあります。 効率よくCSSを書いていくには、どのようにして書いていけばいいのでしょうか。 今回は、コーダーが押さえるべきCSSコーディング5つのポイントをご紹介します。 シンプルに書くことを意識すれば、ファイル容量が軽量化するだけでなく、だれもが読みやすいファイルになります。 具体

    CSSも軽量化の時代!コーダーが押さえるべきCSSコーディング5つのポイント