高さと幅が可変な要素を親要素の角と要素の中心を合わせて配置する方法です。説明が難しいのでコードを見て下さい。 See the Pen 【CSS】JS無しで親要素の角の中央に配置する方法 by JaSTIN (@JaSTI...

Wordpressのテーマに「サブタイトル」の入力項目を作りたいな、と思いまして。 そうなると、その入力項目はタイトルの直下にあるのが理想的なのですが、標準ではエディターの下かサイドバーに設置するしかないようです。 そこ...

タイトルの 書き方が 難しい 要は、これまではjQueryの読み込みをヘッダーにしといたので、ショートコード内にスクリプトを直書きして出力していても問題無かったのだけれど、WordPressの高速化のためにjQueryな...

例えば投稿の表示件数をカスタムフィールド「post_view」に保存するように設定しているとします。 今回は、アーカイブページで並べ替えソート用のフォームを設置して、そこに「人気記事順」を追加する方法です。 まずはソート...

テーマ内にWordPress 5.0から搭載された新エディターGutenbergですが、特定のカスタム投稿タイプによって停止をするために、以下のようなコードを使っていました。 ですが、いよいよWordPress 5.0に...

WordPressでショートコードをビジュアルエディタでプレビュー出来るようにする「Shortcake」というプラグインがあります。 これを実装しよう！と思いまして作業していたら、何故かプレビュー画面に 何か 怪しいです...

WordPressで表組みを作成するプラグインと言えばTablePressが定番で使い勝手も良く重宝しています。 しかしながら、TablePressで表を作成すると、tableタグに.tablepressというクラス名が...

Bootstrapのカルーセルは基本的には1枚の画像（もしくは1つのHTMLコンテンツ）をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...

Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...

今bootstrapでカルーセルを実装できるショートコードを作っているのですが、囲み型ショートコードの中に余計なやタグが入り込んで来て、非常に邪魔です。 これを防ぐためには、 とすれば停止するのですが、これだと本文全体で...