ソースコードをシンタックスハイライト表示できる”Prism.js”の使い方
シンタックスハイライトとは、ソースコードなどの文字列の可読性を上げるために、属性などに応じて色分けをして表示することです。 今回は、自動でソースコードのシンタックスハイライト表示ができるJavaScriptライブラリ”Prism.js”の使い方を紹介していきます。
“Pure.css”でサクッとレスポンシブなレイアウトを作る
軽量なCSSフレームワークの「Pure.css」の一部のファイルを使って、手軽さ最優先でレスポンシブなグリッドレイアウトの枠組みを作る方法を紹介します。
タイピングアニメーションを設置できる”iTyped.js”の使い方
指定した文字列を一文字ずつタイピングしているようなアニメーションを表現できるJavaScriptライブラリの”iTyped.js”の使い方を紹介します。
Webフォントを軽量化(サブセット化)してセルフホスティングで読み込ませる方法
ページの読み込み速度を改善するために、軽量化(サブセット化)したWebフォントを自分のサーバーにアップロードしてWebページで読み込ませる(セルフホスティング)方法について紹介していきます。
プラグイン「WP Last Modified Info」でWordPress投稿の更新日を自由に設定する
プラグイン「WP Last Modified Info」を使用してWordPress投稿の更新日を自由に設定する方法を紹介します。
WordPressの投稿一覧表示の順番を更新日順にする方法
WordPressの投稿の表示はデフォルトで公開日が新しい順に表示されるようになっています。今回はWordPressの投稿の表示順を更新日が新しい順に表示されるように変更する法を紹介します。
WordPressでカスタム投稿を取得してページに表示させる方法
WordPressで作成したカスタム投稿タイプへの投稿を取得してサイトのページに表示させる方法を紹介します。投稿の取得方法としては「WP_Query」と「get_posts」をそれぞれ利用してサブループを使う二つの方法について、記述例とともに紹介していきます。また、取得した投稿をページに表示させる方法についても紹介していきます。
静的htmlサイトの一部でWordPressを利用する方法
Webサイトの一部分だけをWordPressで運用したり、既にある静的なhtmlサイトにWordPressでブログを追加したりするときの方法を紹介します。