a-blog cmsのモジュール変数をJavaScript で取得する
- a-blog cms
今回の話は、a-blog cmsのモジュールの変数、グローバル変数までを JavaScript で取得する方法です。基本的にa-blog cmsのモジュールを使用するときはHTML上にモジュールのスニペットを貼り付けて書くと思います。しかし、モジュール内の変数ををJavaScript で使いたいなぁと思ったことはありませんか？今回はJavaScript...
5ページ目
-
-
ネガティブマージンとFlexboxを使用したテクニック
- Mark up
今回は業務中に使って便利だったCSSのネガティブマージンとFlexboxを使用したテクニックを紹介する記事を書きたいと思います。Flexboxで要素を並べるときに親要素の幅によって子要素を折り返すために、flex-wrap を指定します。ここで子要素同士に余白をつけるため、marginをとった場合、1行目と1列目にも不要なmarginが...
-
a-blog cms でサイト内検索を実装する方法【Field_SearchモジュールとPOST_2GET】
- a-blog cms
今回はWebサイトによくあるサイト内検索を a-blog cms で実装する方法について紹介します。よくあるキーワード検索だけではなく、カテゴリーや、カスタムフィールドの値でのサイト内検索の実装方法を紹介します。a-blog cms ではキーワード検索はもちろんのこと、カテゴリーやカスタムフィールドの値、日付を指定してエ...
-
【a-blog cms】developテーマから理解するBabel
- a-blog cms
今回は a-blog cms の developテーマの Babel 設定ファイルである .babelrc が何をしているかを記事にしていきます。この記事を最後まで読むことで Babel についての基礎的なことが理解できます。developテーマとは a-blog cms が提供しているテーマの1つです。a-blog cms でWebサイトを開発する際のテンプレートとフロ...
-
ポップアップを爆速作成！！SweetAlert2を解説！
- JavaScript
WebアプリやWebサイトに、何らかのアラートを表示させたいと思う場面はないでしょうか？ JavaScript の標準機能である alert メソッドを利用してもよいのですが、デザインが味気なかったり、複雑なアラートが実装できなかったりといった事があるかと思います。今回は、そんな場面に活躍する SweetAlert2 という JavaScri...
