EJSとJSONファイルを使ってパンくずリストをパーツ化する - Qiita
尚、gulpの導入、ejsの構文、パンくずリスト等について説明を入れると話が広がりすぎるので、ここでは必要なファイルの書き方までに留めます。あとは案件に合わせてgulpfile.js、jsonファイル、index.ejsのinclude()関数を調整すれば、_breadcrumb.ejs、_structured-data.ejsはおそらくそのまま使用できると思います。スタイルの調整は適宜行ってください。 パンくずリストについて 細かな説明は省きますが、以下のようなものを作ります。 HTMLパンくずリスト ウェブサイト内に階層順にリストアップされた、一般的なパンくずリストです。 Googleのパンくずリストの制作例に習い、<ol>を用いて作成します。 JSON-LD を使用したパンくずリスト マークアップできる構造化データの形式は、基本的にJSON-LD、microdata、RDFaの3つが
ejsでjsonを読み込みmeta情報を一括管理 - Qiita
編集ファイル gulpfile.js _head.ejs（パーシャル化） meta.json 各個別ページのejsファイル 先ず、gulpfile.jsに設定を記述する。 jsonファイルを読み込むのに必要な「fs（File System）」を記述。元々あるものなのでコマンドプロンプトなどでインストールする必要はない。 タスクの記述内に変数jsonにmeta.jsonを読み込んだJson.parseを代入し、pipeで変数jsonを読み込む。 // gulp core var gulp = require('gulp'); //fsファイルの読み込み var fs = require( 'fs' ); var ejs = require("gulp-ejs"); var rename = require("gulp-rename"); gulp.task('ejs', function()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
