-
webpackを使用してjavascriptを集束（バンドル）する – npm + nunjucks + stylus で静的サイト制作を効率的にする(4)
前回までで次のようなことをやってきました。 nunjucks でhtml生成 stylus でcss生成 imagemin で画像圧縮 javascriptはそ…
-
画像をコピーもしくは圧縮する – npm + nunjucks + stylus で静的サイト制作を効率的にする(3)
npm + Nunjucks + stylusを使用してフォルダの変更を監視してhtml,css,jsを再生成、browserSyncを利用してブラウザを自動リ…
-
ファイル更新を感知し更新確認を簡単にする – npm + nunjucks + stylus で静的サイト制作を効率的にする(2)
npm + Nunjucks + stylusで構成される開発環境作成手順の続きです。 前回、buildコマンドでhtml,css,jsファイルをdistフォル…
-
npm + Nunjucks + Stylus で静的サイト制作を効率的にする
静的サイト制作時におすすめのタスク自動化ツール構成 npm+Nunjucks+Stylus を紹介します。 目次 各ツールの簡単な紹介前提条件があります最終的に…
-
WordPressでSNS関連の独自オプションを管理画面に制作する
管理画面にSNSの独自オプションを置きたい場合は次のようなコード追加で実現できます。
-
WordPressでカスタムポストの複数記事の特定文字を一括変更するPHPコード
何十、何百と記事を投稿したあとにある言葉が日本語が間違っていたなんてことはないでしょうか？ ひとつひとつの記事を管理画面から修正するなんて考えたら気が重くなりま…
-
WordPressテーマ制作時に指定すべきネイティブスタイル
WordPressのテーマを制作時のcssに次の指定をしておけば自動で付け加えるクラスになんとなく正解なスタイルがあたっていることになります。
-
Stylusでメディアクエリ用のmixinを作っておき使いまわす
最近のサイト制作で一番記述量が多いのはCSSです。cssでできることが増えてきていることも関係しています。 何年も前からcssも生のcssは書かずscssなどの…
-
WordPressのテーマ制作の際に使用する自作ショートコードのひな形
WordPressで固定ページ内で記事の一覧を取得したいなどの関数を使用する際はショートコードを自作し、管理画面の固定ページ編集画面にショートコードを挿入すると…
-
WordPressで管理画面にログインしていても非公開記事を表示させない方法
WordPressは記事のステータスを「非公開」にすると一般ユーザーには見ることができません。 しかし、管理画面にログインしているとその記事は表示されます。 そ…
-
jQueryでリンク先が別ドメインのURL（外部サイト）かどうか判定して自動的にtarget=”_blank” rel=”noreferrer noopener”を加えるスクリプト
完全に備忘録です。 前提条件 jqueryをheadタグ内で読み込んでいる ES2015（ただlet使用しているだけ…）を使用しても問題ない状況である メモ a…
-
WordPressで特定の投稿や固定ページにスタイルやスクリプトを挿入するカスタマイズ
WordPressのテーマ制作時に絶対といってよいほど加えるべき機能がこれです。 運用が始まる前はコンテンツ内容は固まっていますが運用段階が始まってしばらくたつ…
