便利なプラグインをご紹介していきたいと思います。
自分自身で使用していて非常に便利で重宝しております。
Urvanov Syntax Highlighter
プログラミングコードを記事に入れる時に役立ちます。
普通に記事の中に入れてプログラミングコードを記述してしまうとワードプレスのデフォルト設定でPタグが自動でついてきて左寄せになってしますうので非常にみづらくなってしまいますが、こちらを使用すれば改善されます。
もう5個くらい違うプラグインも試しましたが、これが一番使いやすくて見た目も白系、ダーク系など種類が豊富なのでプログラム関係の記事を書く人は超絶おすすめです！
下記がそれぞれのプログラムを記述した時の参考例になります。
デフォルト
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 【【【【【PHP】】】】】 session_start(); require_once('../require/form_meta.php'); try { $pdo = new PDO($DB_DSN, $DB_USER, $DB_PASS); //DBのセッション情報(ssnカラム)を空白 $stmt = $pdo->prepare('UPDATE up_member SET ssn = "" WHERE n_name = ?'); $stmt->execute(array($_SESSION['n_name'] )); //指令を出す $pdo = null; } catch (PDOException $e) { // エラー処理 echo "エラー内容は : ", $e->getMessage(); die(); } 【【【【【HTML】】】】】 <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>簡易掲示板</title> </head> 【【【【【CSS】】】】】 .after { content: ""; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 【【【【【JavaScript】】】】】 $(window).bind('scroll', function() { var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if ( (scrollHeight - scrollPosition) / scrollHeight <= 0) { pagelinks2.css('visibility','hidden'); }else{ pagelinks2.css('visibility','visible'); } }); 【【【【【VBA】】】】】 Sub forNextRowMihon() 'for~next 行（縦）に入力 Dim i As Integer Range("A:A").Interior.Pattern = xlNone For i = 1 To 10 Cells(i, 1).Interior.ColorIndex = Int(rnd() * 56) Application.wait [Now() + "00:00:00.1"] '0.1秒待って実行 Next End Sub |
VB風
こちらは非常に安定の見た目ではないかと思います。
結構記事では使用しています。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 【【【【【PHP】】】】】 session_start(); require_once('../require/form_meta.php'); try { $pdo = new PDO($DB_DSN, $DB_USER, $DB_PASS); //DBのセッション情報(ssnカラム)を空白 $stmt = $pdo->prepare('UPDATE up_member SET ssn = "" WHERE n_name = ?'); $stmt->execute(array($_SESSION['n_name'] )); //指令を出す $pdo = null; } catch (PDOException $e) { // エラー処理 echo "エラー内容は : ", $e->getMessage(); die(); } 【【【【【HTML】】】】】 <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>簡易掲示板</title> </head> 【【【【【CSS】】】】】 .after { content: ""; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 【【【【【JavaScript】】】】】 $(window).bind('scroll', function() { var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if ( (scrollHeight - scrollPosition) / scrollHeight <= 0) { pagelinks2.css('visibility','hidden'); }else{ pagelinks2.css('visibility','visible'); } }); 【【【【【VBA】】】】】 Sub forNextRowMihon() 'for~next 行（縦）に入力 Dim i As Integer Range("A:A").Interior.Pattern = xlNone For i = 1 To 10 Cells(i, 1).Interior.ColorIndex = Int(rnd() * 56) Application.wait [Now() + "00:00:00.1"] '0.1秒待って実行 Next End Sub |
ダーク系（PHP）
ダーク系はやはりPHPとかHTMLの記事を書く時によく使用します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 【【【【【PHP】】】】】 session_start(); require_once('../require/form_meta.php'); try { $pdo = new PDO($DB_DSN, $DB_USER, $DB_PASS); //DBのセッション情報(ssnカラム)を空白 $stmt = $pdo->prepare('UPDATE up_member SET ssn = "" WHERE n_name = ?'); $stmt->execute(array($_SESSION['n_name'] )); //指令を出す $pdo = null; } catch (PDOException $e) { // エラー処理 echo "エラー内容は : ", $e->getMessage(); die(); } 【【【【【HTML】】】】】 <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>簡易掲示板</title> </head> 【【【【【CSS】】】】】 .after { content: ""; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 【【【【【JavaScript】】】】】 $(window).bind('scroll', function() { var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if ( (scrollHeight - scrollPosition) / scrollHeight <= 0) { pagelinks2.css('visibility','hidden'); }else{ pagelinks2.css('visibility','visible'); } }); 【【【【【VBA】】】】】 Sub forNextRowMihon() 'for~next 行（縦）に入力 Dim i As Integer Range("A:A").Interior.Pattern = xlNone For i = 1 To 10 Cells(i, 1).Interior.ColorIndex = Int(rnd() * 56) Application.wait [Now() + "00:00:00.1"] '0.1秒待って実行 Next End Sub |
コマンドプロンプト/ターミナル風
白黒画面のような感じになります。コマンド関係はやはりこれをよく使用します！
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | //環境変数設定（一時的な設定） set path=%path%;C:\xampp\mysql\bin //バージョン確認 mysql --version ※（ハイフン２つ） //接続 mysql -u root -p パスワードの設定がない場合 //接続 DB名も指定する場合 mysql -u root -p データベース名 ---接続後--- //DB一覧を見る show databases; //カレントのDBを知りたいとき select database(); //DBを変更するとき use データベース名; //テーブル一覧を見る show tables; //フィールド名を取得 DESCRIBE users; //データベース新規作成 CREATE database データベース名; //テーブルを作成、定義、情報を挿入 CREATE TABLE users( id int, lastname varchar(20), user_id int, created_at timestamp ); |
wpautop control（自動追加されるpタグを除去）
ワードプレスでデフォルトで挿入されてしまうPタグを除去します。
設定方法は下記の3番目のoffにチェックを入れてSave Changesをクリックで設定は完了です！
Table of Contents Plus（TOC+）目次
見出しを入れることで目次が自動で表示されるようになります。
見出しのhタグが階層で表示します。
下記が参考例です。
こちらの記事はプラグインを追加したら随時更新していきます。
