「prism」のタグが付いた記事 - 10件

【SQL】WordPress Popular Postsのアクセスデータを取り出して自作の…

thumbnail
SQL(phpMyAdmin)

【SQL】WordPress Popular Postsのアクセスデータを取り出して自作の人気ランキングに取り込む

phpMyAdminのSQLクリエ(Query)を利用して必要なカラム(列)のデータだけを探し出して表示し、それをCSV形式でエクスポートしてみました。   前置き ランキングを自作したのでphpMyAdmin…

2021/05/29

【WP】ショートコードがそのまま表示されて動作しない!

thumbnail
ワードプレス

【WP】ショートコードがそのまま表示されて動作しない!

functions.phpに記載して作成したショートコードがそのまま表示されてまったく動かない状況に陥ました。どこかにエラーがあります。 functions.php function border_box($atts) …

2021/05/28

【WP】ウィジェット用のショートコードの表示位置がおかしい

thumbnail
ワードプレス

【WP】ウィジェット用のショートコードの表示位置がおかしい

ショートコードを作成してウィジェットでも使えるようにしたんですが、タイトルの表示位置がおかしいので原因を調べて対処しました。     現象 functions.phpに書いた問題が起きるショートコード…

2021/05/15

【WP】Prism.jsの使い方や機能の紹介、ダウンロードする際のヒント!

thumbnail
ワードプレス

【WP】Prism.jsの使い方や機能の紹介、ダウンロードする際のヒント!

当サイトではコードの表示に「prism.js」を使ってコードを見やすく(シンタックハイライト)しています。 「prism.js」には以下のようなプラグイン(追加機能)があり、Line Hight、Line Numbers…

2021/05/10

【WP】jQueyが読み込まない原因は「wp_enqueue_script」の依存関係にあ…

thumbnail
ワードプレス

【WP】jQueyが読み込まない原因は「wp_enqueue_script」の依存関係にあった!?

自作したワードプレスのテーマをカスタムしていたらjQueryが読み込まれない事態に陥ったのでそのお話です。   jQueyが読み込まない 当サイト(ワードプレス)ではコード表記に「prism.js」というJav…

2021/05/09

【WP】「.htaccess」で「index.html」のリダイレクトに失敗する原因!

thumbnail
ワードプレス

【WP】「.htaccess」で「index.html」のリダイレクトに失敗する原因!

ワードプレスをサブディレクトリにインストールしてサイトアドレス(URL)した際にURL正規化にめっちゃハマって苦労した話です。   前置き ドメイン直下にはサーバーのファイルとかがあるのでそちらにワードプレスの…

2021/05/08

【CSS】CSSで簡単な画像を再現!

thumbnail
CSS

【CSS】CSSで簡単な画像を再現!

CSSの練習として下図の画像を再現してみました。 致命的なエラーをチェックするためにサイトと通信できないため、 PHP の変更は取り消されました。 SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードす…

2021/05/05

【WP】コメント欄が無くなった

thumbnail
ワードプレス

【WP】コメント欄が無くなった

ワードプレスのテーマを作成していたらコメント欄が無くなってました。     コメント欄が無くなる 「設定」→「ディスカッション」にある「新しい投稿へのコメントを許可」は当然チェックを入れています。 本…

2021/05/04

【CSS】CSSでシンタックハイライトを作る

thumbnail
CSS

【CSS】CSSでシンタックハイライトを作る

コードを記載するシンタックハイライト機能には「prism.js」というJavaSriptを使っているんですが、コードの一部だけちょっと色を変えたりとかは簡単にはできないので自由度の高いオリジナルのシンタックハイライト機能…

2021/05/03

【CSS】CSSが反映されない原因は全角スペースだった!

thumbnail
CSS

【CSS】CSSが反映されない原因は全角スペースだった!

先日、とあるCSSが反映されなかったんですが原因は意外なものでした。     現象 下図のようなCSSを追記した時に反映されませんでした。 .contentBox p { line-height: 2…

2021/05/01