人気記事ランキング BEST30
当ブログの記事をランキング表示しています。
-
HTMLとCSSだけで コンテンツが表示・非表示になるボタン
ボタンを押すとコンテンツが表示し、 もう一度押すとコンテンツが非表示になるボタンの 実装方法です。 わたしのリスペクトしている 寝ログさんの紹介している シンプルなソースを わたしなりにカスタマイズ ... -
DataTables.js の Dataを Highcharts.js に反映させてみる
どう言う事かと言うと、DataTables.js を使ったHTML table のデータをHighcharts.js に表示すると言うものです。 DataTables.js とは、 HTMLのtable... -
DataTables.js の Options 設定
DataTables はHTML のテーブルに、ページ切り替え、ページ当たりの件数設定、ソート、キーワード検索などの機能を簡単に追加できるライブラリです。 DataTables は free open s... -
愛猫ルナの血液再検査報告 2020/01/10
アイキャッチ画像のルナ、 このソファーの向かいには おもちゃの入った引き出しがあります。 ここ(ソファー)に乗ると、 ご主人が引き出しからおもちゃを 出して遊んでくれると知っています。 可愛いでしょ？ さ... -
Highcharts.js の Export を有効にして Context button を表示するには
Javascriptグラフ描画ライブラリ highcharts.js ※ は、 highcharts.js 本体のみだと Context button は表示されません。 ※ 商用サイトの場合はLicen... -
ブロックエディタ (Gutenberg) でスタイルセレクト機能を再現する 3
前回では、 一部のテキストに スタイルを当てる方法を ご紹介いたしました。 https://neco913.kirara.st/post-3723/ はじめに 先ずはじめに、 導入するにあたり gu... -
にゃ～にゃ～の日 2019年 12月
今年最後の 「にゃ～にゃ～の日」です。 ルナが慢性腎臓病と診断されてから 二月 (ふたつき) が経ちました。 その節はご心配おかけしました。 一時は命も危ぶまれる状態でしたが、 おかげさまで無... -
DataTables で Responsive を有効にする際の注意事項
先日、 「DataTables.js の Options 設定」 という記事にて DataTables の Responsive 拡張機能を有効にする 方法をご紹介したのですが、 設定如何で正しく表示されないの... -
.htaccessファイルが生成されない
WordPressは、パーマリンクの設定をした時に .htaccessファイルを生成する処理を行います。 本来自動で作られる つまりパーマリンクの設定をすれば 勝手に作られるようなのですが、 わたしのWor... -
カスタムブロックを追加してみた 2
はじめに 前回は カスタムブロックを 導入する所までの記事を書きました。https://neco913.kirara.st/post-3485/ 今日は 以下の画像のような 状態を目指します。 ... -
星評価を表示させるショートコード
寝ログさんで公開されている 「WordPressテーマで 星評価を表示させる ショートコードの実装方法 」 この 星評価ショートコード、 星は、Font Awesome4 を用いて表示させて... -
波のようなアンダーライン
テキストリンクのホバー時に アンダーラインをうにょうにょと 波のようにアニメーションさせる CSSのテクニックと 画像を使わずに アンダーラインを波線にする テクニックのご紹介です。 テキストリンクのホバー... -
「Contact Form 7」を必要なページにだけ読み込む
「Contact Form 7」で「reCAPTCHA」を Ver.3にすると 全てのページに「reCAPTCHA で保護されています」のバッジが画面右下に出現します。 しかも、「トップに戻るボタン」と... -
ブロックエディタ (Gutenberg) にボタンを追加する
ブロックエディタのツールバーにボタンを追加してみます。 ここでは選択した文字列を特定のclassを持った markタグで囲うボタンの追加方法です。 <mark>タグは、文書内の該当テキス... -
ブロックエディタ (Gutenberg) の使用しないブロックを非表示にする
ブロックエディタ (Gutenberg) で 使用しないブロックを非表示にする方法です。 ブラックリストは、 使用しないブロックを登録する事、 ホワイトリストは 使用するブロックを登録する事です。 ... -
ちょっと驚き！な CSSを非同期でロードする方法
非同期でスタイルシートを ロードする最も簡単な方法 と言う記事を見つけました。 The Simplest Way to Load CSS Asynchronously ( CSSを非同期でロードする最も簡... -
ブロックエディタ (Gutenberg) でスタイルセレクト機能を再現する 2
前回では、 スタイルセレクト機能とは どんなものなのかお話しました。https://neco913.kirara.st/post-3634/ はじめに 注意最新のWordPressでは 動作しない可... -
空倶楽部 2019/12/29
今年最後の空倶楽部、 投稿出来て何よりよかった。 今年の身近で起きた 印象的な二枚を載せます。 近所のグランド 今年10月、 東日本や東北に 甚大な被害をもたらした台風19号。 愛犬ジュ... -
前橋初市まつりへ
去る1月9日、 前橋三大まつり ※の一つ、 前橋初市まつりに出かけました。 わが家は このまつりで「だるま」を買います。 ※ 前橋三大まつり 前橋まつり前橋初市まつり前橋七夕まつり ... -
テーマ Luxeritas(ルクセリタス) の “プチ” カスタマイズ
精通した知識を持った人々の お知恵を拝借しカスタマイズ してまいりましたが、 今日はちょっとした プチカスタマイズを ご紹介いたします。 最近のコメント投稿者リンクを別窓で開く方法 新しい記事があります... -
Google Fonts のパフォーマンスを最適化する
Google Fonts の読み込みついて調べてみました。 「Google Fontsを素早く読み込む」とかで 検索すると「非同期で読み込む」と言った 記事が上位に出てくるのですが、 こんな記事を発見しました。... -
D3-based JavaScript charts library「 C3.js 」
チャート用JavaScriptライブラリとして Canvas ベースの「 Chart.js 」を 使ってみましたが、 SVG ベースのライブラリ 「 D3.js 」の チャート生成に特化して作られた 「 C3... -
WordPress カスタムフィールドに Warning:
先日、 「ブログ上に意味不明文字出現」と言う 記事を書いたのですが、 同じような現象がカスタムフィールドで 起こりました。 ブログ上に意味不明文字出現 どうしちまったんだ WordPress！ ... -
テーマ Luxeritasでfooter専用の入力欄を追加
Luxeritasが 3.3.5にバージョンアップされ、 addhead 専用の入力欄が 追加されました。 今までは 記事や固定ページ単位で ヘッダーを追加したい場合は、 記事投稿(編集)画... -
テーマ Luxeritasのbodyの終了タグ手前にカスタムフィールドを組み込む
ヘッダーを追加できる テーマ Luxeritasは、 記事や固定ページ単位で ヘッダーを追加したい場合は、 記事投稿(編集)画面で、 カスタムフィールドに addhead という名前を追加し、 値の部分に C... -
カスタムブロックを追加してみた
はじめに いずれは カスタムブロック開発を 目指してみたいが、 ちょっと敷居が高いな・・と思い、 だけどコンプリートされたものじゃなくカスタマイズもちょっとは試したいと思って調べたらよいものがありま... -
凄麺が凄い！
皆さまには幸多き新春を迎えられた事と お喜び申し上げます。 新しい一年が素晴らしい年でありますよう お祈りいたします。 本年もよろしくお願いいたします。 さて、 記事が前後してしまい、 フライングのような... -
Luxeritas のサイトマップで特定の記事を除外したい
このブログでは、 コメントを投稿すると、 リダイレクトされるページを 設定しているのですが、 このページはサイトマップに 必要ないので除外したいと思いました。 このような特殊？なカスタマイズは ググっても... -
Chart Library CanvasJS と Highcharts を使った感想
Web pageでグラフを描写するための JavaScriptライブラリでおすすめな CanvasJS と Highcharts の二つ。 双方とも商用利用の場合 ライセンスが必要なので、 使い分け※ は... -
まさに匠！ ブロックライブラリを使ってみよう
ブロックエディタ (Gutenberg) を もっと便利に使いたいけど カスタマイズは難しくて出来ない、 よくわからない、 そんなあなたにおすすめなのが 「ブロックライブラリ」。 ブロックライブラリとは ...
