Jekyll 環境の構築(テーマは Gem 化された Minimal Mistakes)! (2019-01-27)
プレーンテキストから静的な Web/Blog サイトを生成する Ruby 製ツール Jekyll の環境を構築してみました。(使用するテーマは Minimal Mistakes) 以下、作業記録です。
プレーンテキストから静的な Web/Blog サイトを生成する Ruby 製ツール Jekyll の環境を構築してみました。(使用するテーマは Minimal Mistakes) 以下、作業記録です。
nanoc は、デフォルトではコンパイルしても CSS や JavaScript ファイルは Minify されません(改行・余分な半角スペースが残ったまま)。 HTTP リクエス回数を減らしアクセススピードを上げるためには、Minify した方がよいです。 それほど大きなサイトでなければ、Minify したか...
Octopress のブログ記事中で <table> タグを使用する際に、HTML ではなく容易に記述できる方法があるようです。
Octopress で rake generate すると、複数の SCSS ファイルから screen.css ファイルが作成されます。 しかし、デフォルトでは、この screen.css ファイルの内容は高速化のために Minify され、テキストエディタで閲覧すると1行になっていて見にくいです。 普段は、...
通常、Webサイトで文字に影(ぼかし)を付ける際、CSSの”text-shadow”を使用すると簡単に実現できます。 しかし、この”text-shadow”は現在W3C勧告のCSS2.1では非推奨のため、W3Cチェックでエラーとなります。 (以前のCSS2.0や将来(ずいぶん先)勧告される予定のCSS3.0では...
WordPressでカテゴリリストに各カテゴリ毎の投稿数を表示させる場合、通常はwp_list_categoriesテンプレートタグのパラメータに’show_count=1’を指定すると思います。 (参照 → テンプレートタグ/wp list categories - WordPress Codex 日本語版 )...
先日、当方のWebサイト・ブログサイトでページ下部へスクロースした際にページトップへ戻れるようボタンを設置しました。その際JavaScriptライブラリ「jQuery」を導入しました。
今まで使用してきた当方のWordPressブログのデザイン、当ブログサイト開設時から約2年半。 この度変更してみました。 今まで使用してきたテーマはWordPress2.7の時代にテキストを参考に自作したものでした。 今回はまた最初から作成するのも大変なので、今までのテーマをカスタマイズすることにしました。 (...
先日あたりから、再チェックしてきた「W3C(XHTML1.0・CSS)」チェック。 うまくいっているように見えましたが、 記事内にソースコードを記載する際に「SyntaxHighlighter」というコードを綺麗に表示させるプラグインを使用すると、 このプラグインの「shCore.css」で「W3C(XHTM...
昨日、自分の ブログページ のW3Cチェックを行いましたが、今日はW3CのCSSの方をチェックしてみました。 エラーは意外と少なく10個ほどでした。 エラーの内容は、ほとんどがケアレスミスでしたが、他にクロスブラウザ対応の記述部分がエラーになってました。 IE用の記述部分ですが、IEってかなりのくせも...