ブックマーク / bloglab.naenote.net (2)

  • 記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」

    WordPressのブログで記事と記事の内部リンク構造を可視化するプラグインを作りましたので公開します。 内部リンクの最適化にお役立てください。 Show Article Mapができること Show Article Mapは、記事文中に貼ってある内部リンクを解析し、記事および固定ページをノード、リンクをエッジとしたマップを自動生成します。 たとえば当ブログの場合、こんな↓マップが生成されます。 四角いノードは記事、つながり(エッジ)が内部リンク、色はカテゴリを指しています。 少し拡大するとこんなふうに見えます↓。 それぞれのノードに記事のスラッグが入っています。(後述するカスタマイズで記事タイトルに変更可能) 矢印はリンクの方向です。どの記事からどの記事にリンクが張ってあるかがわかります。 ノードはマウスホバーすると記事のタイトルが表示されます。ダブルクリックで当該記事にジャンプ可能で

    記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」
    bibolog-ryo
    bibolog-ryo 2017/09/19
    帰ったらさっそく使わせて頂きますφ(..)メモメモ
  • WordPressのビジュアルエディタにHTML直挿入ボタンを追加するカスタマイズ方法

    WordPressのビジュアルエディタはとても便利 WordPressのビジュアルエディタは非常に便利にできています。 デフォルトでさまざまなボタンが準備されていますし、使うテーマによっては独自の装飾ボタンが組み込まれています。 それにTinyMCE AdvancedやAddQuicktag等のプラグインを使えば幅広い機能追加・拡張が可能です。 さらに基的な装飾やリンクの挿入などのキーボードショートカットも豊富に準備されています。 ビジュアルエディタではHTMLを直書きできない このようにブログ執筆をサクサク書ける機能が豊富に盛り込まれているビジュアルエディタ。 しかしただひとつ、大きな弱点があります。 それは、HTMLが直書きできないということ。 「HTMLを書きたいならテキストエディタ使えば?」と思われるかもしれません。 しかし、ビジュアルエディタとテキストエディタを切り替えるのは下

    WordPressのビジュアルエディタにHTML直挿入ボタンを追加するカスタマイズ方法
    bibolog-ryo
    bibolog-ryo 2017/02/24
    素晴らしい… 後でやってみます!
  • 1