サッカー日本代表戦を無料で見る方法。DAZNが中国戦を無料配信！「FanZone」

ファクタリングサービス「えんナビ」で最短即日で資金調達

出版専門クラウドファンディング「Publish」で本を出そう！

【Square（スクエア）】無料プレゼント＆決済手数料割引き。お得な2大キャンペーン開催中

「次にくるマンガ大賞2024」全受賞作品紹介。1位：カグラバチ。1位：ふつうの軽音部

男女の薄毛の悩みを解決。おすすめの育毛方法をご紹介

「エンテロコッカスフェカリス」乳酸菌を摂取すると社交性が大きく改善する

プログラミングスクールの口コミを集めたサイト「プロリアプログラミング」

【オンライン家庭教師サービス】現役東大生が教える「東大先生」

「Amazon」で無料で漫画を読む方法。「Fliptoon（フリップトゥーン）」の「待てば無料」機能を使う

【業界No.1】互換・リサイクルのプリンターインク専門通販サイト「インク革命.COM 」

【Square（スクエア）】決済端末不要！簡単キャッシュレス導入！「スマホでタッチ決済」できる新サービス！

【Square（スクエア）】スリムで場所を取らない最新次世代POSレジ「Squareレジスター」を紹介

円安の今がチャンス！海外の「RMT（リアルマネートレード）」サイト「Eldorado.gg」でゲーム売買

オンラインで学べるイラスト教室「アタムアカデミー」（小学生＆中高生の子供向け）

【完全無料】簿記3〜1級や会計を学べる「CPAラーニング」とは？

【AIで動画編集】簡単にサムネイルが作れる「Filmora」の「AI サムネイルエディター」機能を紹介！

ゲームの売買・販売。「RMT（リアルマネートレード）」なら「トレジャム」

【実験】ホームページ簡単作成サイト「Wix（ウィックス）」で、ワードプレスと同じ内容は作れるのか？

タイムラインのワークエリアバー（黄色いバー）を消す方法【プレミアプロ】

プレミアプロで整列がない時は「エッシェシャルグラフィックス」にあります

プレイステーションとPCのリモートプレイ時にコントローラーを操作すると接続が切れる原因。パソコンとコントローラーをUSBケーブルでつないでいないから

VLCからパソコンの共有フォルダにログインする時はWindowsの物を使う

InDesign（インデザイン）でページの「右開き・左開き」を切り替えて変更する方法

印刷用PDFに白い線が入る不具合の解決方法。原因は透過やグラデーション処理

Excelなど斜線を引く時は「右上から左下」、「左上から右下」どちらが正しい？答えは「右上から左下」

【映画割引】イオンシネマで700円で観る方法。イオングッドライフクラブ(GLC)登録で可能

プレミアプロ：文字の縁を丸くする方法

プレミアプロのフレームレート変更方法。シーケンスで変更可能

プレミアプロのテロップ位置を簡単に揃える（同じ配置にする）方法

フォトショップでお気に入りのブラシをピックアップする方法

プレミアプロで背景を白や黒に変更する方法

Fresco(フレスコ)のパスデータをイラストレーターで編集する方法

プレミアプロの素材（クリップ）を置き換える方法。Altを押しながらドラッグでOK

【8bitdo zero2】ペアリング方法

After Effects（アフターエフェクト）文字をバラさず1文字ずつアニメーションさせる方法

アフターエフェクト：画像素材などを違う素材に入れ替えるショートカット

スポンサーリンク

【ワードプレスプラグイン】記事内にコードをわかりやすく表示する「Highlighting Code Block」

◆WEB

2024.10.27

画像出典：https://wordpress.com/ja/

「Highlighting Code Block」をインストール。
すると記事内に「①Highlighting Code Block」が追加される。
これを使うと記事内でコードをわかりやすく表示できる。

参考サイト

記事内でソースコードを見やすく表示できるWordPressプラグイン「Highlighting Code Block」 – ワードプレステーマTCD

プログラミングのハウツー系のブログ記事では、ソースコードのサンプルを記載することも多いと思います。ただ、WordPressデフォルトでは、色が変わらず、行数も表示されないので見やすいとはいえません。

タイトルとURLをコピーしました