ワードプレスでシンタックスハイライトをJavaScriptで実装する方法

2022.2.12 更新

皆さまごきげんよう。

さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。

以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。

もうプラグインに頼るのは諦めるしかない(´ω`。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。

“ワードプレスでシンタックスハイライトをJavaScriptで実装する方法” の続きを読む

ワードプレスの新エディタGutenbergが使えない場合の解決法

2022.2.12 更新

皆さま、ごきげんよう。
サイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。

とりあえず旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います!

“ワードプレスの新エディタGutenbergが使えない場合の解決法” の続きを読む

コンテンツをプロテクトしてくれるcss

2022.1.10 更新

皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、

画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark

うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ;゚Д゚)))

そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。

“コンテンツをプロテクトしてくれるcss” の続きを読む

position: sticky; がスクロールで要素を固定するのに便利すぎた件

2022.1.10 更新

皆さまごきげんよう。
本日は、CSSのposition: sticky; がとても便利だったのでご紹介します(^^)

ちょっと前に当ブログでご紹介したプラグインQ2W3 Fixed Widgetですが、ワードプレスの更新をして以降、何故かエラー表示が出る様になってしまいました。

●最近入れてみたプラグイン

そこで、プラグインを頼らずに何か出来ないかと調べたところ…とても簡単にほぼ同じことが出来てしまうcssがあったんです。

それがposition: sticky;です!

“position: sticky; がスクロールで要素を固定するのに便利すぎた件” の続きを読む

画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark

2022.2.6 更新

サイトにUPしたオリジナルの画像や写真などを知らず知らずに盗用されていた、なんてことになっていたら気分悪いですよね。

最近は画像の上で右クリックしたり、ドラッグアンドドロップが出来ないサイトも増えてきました。

せっかく苦労して作った画像や写真を盗用されないためにも、自分で出来る最低限の防衛対策はとっておきたいもの。

そこで本日は画像を守るプラグインをいくつかご紹介したいと思います。

プラグインをインストールするだけで簡単に出来ますので、ぜひ取り入れてみて下さい。

目次

“画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark” の続きを読む

最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin

2022.2.6 更新

本日は最近入れてみたプラグイン2種類、Q2W3 Fixed WidgetYet Another Related Posts Plugin の使用感をレビューいたします。

目次

“最近入れてみたワードプレスプラグイン、Q2W3 Fixed Widget、Yet Another Related Posts Plugin” の続きを読む

Jetpackのタイルギャラリーで画像をタイル風に並べてみよう

2022.2.12 更新

皆さまごきげんよう。
本日はワードプレスの人気プラグイン、Jetpackのタイルギャラリーを使ってみた感じをレポートいたします。

Jetpackとは、30種類以上の機能を備えたプラグインです。これひとつ入れておけば大体のことは出来てしまうというくらい多機能ですのでぜひお試しください。

“Jetpackのタイルギャラリーで画像をタイル風に並べてみよう” の続きを読む

ワードプレスのカスタム投稿プラグイン、Custom Post Type UIの使い方

2022.2.6 更新

皆さま、ごきげんよう。
本日はワードプレスに簡単にカスタム投稿ページを作成できるプラグイン、Custom Post Type UIの使い方です。

目次

  1. カスタム投稿タイプとは?
  2. プラグイン Custom Post Type UI をインストール〜設定
  3. 新しい投稿タイプのための固定ページを作る
  4. 新しい投稿タイプの中にタクソノミー(分類)を作る
  5. 新しい投稿タイプにメニューに表示させる
“ワードプレスのカスタム投稿プラグイン、Custom Post Type UIの使い方” の続きを読む

ワードプレスにソーシャルブックマークボタンを設置してみよう

2022.1.8 更新

ワードプレスにソーシャルブックマークボタンを設置する

Twitter、Facebook、Instagram…等々、ソーシャルメディア(SNS)が欠かせない昨今。
せっかく自分のサイトを作ったのですから、さっそくソーシャルブックマークボタンを設置してみましょう。

ソーシャルブックマークボタンを設置する意味

  • ボタンをサイトに設置することで、訪問者があなたのサイトを簡単にブックマークへ追加することが出来ます=「リピーター」になってくれる可能性が高くなります。
“ワードプレスにソーシャルブックマークボタンを設置してみよう” の続きを読む

ワードプレスにgoogle web fontsを設定してみる

2022.1.8 更新

ワードプレスには迷ってしまうほどの沢山のテーマがありますが、被りがちな公式のテーマを使っていても、フォントを変えるだけでガラッと雰囲気を変えることが出来ますよ。そこで大変便利なのが”google web fonts”です。(※アルファベットのみになります)

ワードプレスにgoogle web fontsを設定してみる

プラグインの新規追加から、WP Google Fontsをダウンロードします。

ダウンロードできましたら、wordpressの自分のサイトへ行き、
ダッシュボード→プラグイン→インストール済みプラグイン から、WP Google Fontsを”ネットワークで有効化”にします。それではGoogle Web FontsへGO!

ここから、気に入ったフォントを見つけて来て選ぶだけ。極簡単です!

“ワードプレスにgoogle web fontsを設定してみる” の続きを読む

©2022 freyjasrm.com