WordPress-plugin-WP show moreで記事本文中に「続きを読む」を入れ記事を折りたたむ

wp-show-moreWP show more
WordPress-plugin-WP show moreで投稿記事内に「続きを読む」を入れ記事を折りたたむ wp-show-more
この記事は約8分で読めます。

2020/10/13 このページで紹介させて頂いていた「WP show more」ですが、現在も更新されている 現役バリバリのPluginなのですがこのページにエラーがでていました。 どうやら、テーマの方のEditorの進化に依るものだと思います。解決策として記述を変更すれば良いと思うのですが、 備わっている機能と被ったものはこのサイトでは不要なので削除する事にしました。 因っての事で申し訳ないのですが、当時記載したまま頁を残しますので、コードの書き方が必要な方は https://ja.wordpress.org/plugins/wp-show-more/でご確認下さい

WordPress-plugin-WP show moreで記事本文中に「続きを読む」を入れ記事を折りたたむ

「more」タグが無効になる問題?!

投稿記事中に「続きを読む」を挿入する事が出来る「–more–」タグは
TinyMCE Advancedをインストールした事でポンポン挿入できます😐
テキストエディタでは⇓

20151003-pom1

テキスト

ビジュアルエディタでも⇓

20151003-pom2

ビジュアル

しかぁし~💥
何処でポンポンいれようが、プレビューでブラウザー確認しても「続きを読む」にならない😟

ん?何故に? あれば便利だし、
折角ポンポン入れれるのに無効なのは些か勿体ない気がするし。

それに短い文書でちょっと入れたかったり、
逆に長すぎる文章は読んでくれる方に選択肢として
「続きを読む」的なものがあるといいと思うんだけど?

てな訳で、WEBでみてみた。

Simplicityは記事の投稿途中の「続きを読む」「折りたたみ」が挿入出来無い!

すると、愛用させて頂いているテーマ、Simplicityでは記事の投稿途中での「続きを読む」も
「続きを読むの折りたたみ」も実装されないという事を知りました。

ソース元リンク ⇒ ”Simplicityについての質問⇒「続きを読むタグ」について

作者のわいひらさんも

『(…中略)やる意味がないので、Simplicityでは行っていないです。

とか、

苦労して実装する割には、メリットが僕にはほとんど感じられないので、
機能として追加することは多分ないと思います。

などと仰せです。

「そう言われればそうかも知れない。」
・・・そして尊敬する氏の仰る事には普通は納得してしまうものです。

しかし、私はメイン記事になる筈の(いつだぁ~まだまだ書ける状態でないなぁ)
映画のカテゴリーには、所謂ネタバレと、
そうではない書き方をするレビューを書きたかったりするので、
「続きを読む」とか「続きを読むの折りたたみ」機能というのは何れ必要になる筈なのです。

「みてみた」では必要だと思う”more”chan・・・(笑)
Simplicityについての質問⇒「続きを読むタグ」について“」を
拝読する限りでは難しそうだな。とは感じたけど、WordPressは単に「ブログ」な訳で。

CGIみたいなプログラムを弄る訳ではないので、無いものは足せば良いだけ。
多分”more”chanを活かす事位、簡単に出来る筈のプラグインがある筈だわ。
(大体こんな安直な感じでやってマス😋)


てな訳で、WordPress 日本語ローカルサイトプラグインディレクトリで、みてみた。

WP show moreで 「続きを読む」&「続きを読むの折りたたみ」が表示出来る様に♪

WordPress 日本語ローカルサイトプラグインディレクトリで、
検索窓に「More」と入力し検索すると
1-30 件目を表示中 (全1,000+個のプラグイン)」ですと。(ま、関係ないのもあるだろうけど)

「この上位4件ぐらいを見てみたらいいよね。」と、トップに挙がっていた、

WP show more バージョン 1.0.4

image_wp-show-more

wp-show-more

 

最新の対応バージョンは4.3.1だし、最終更新は2015-8-24だったので早速インストール。
正解でした! 簡単×2~!😚😊😚 ありがとう!!  JAMOS Web Serviceさん。

因みに・・・Auto More Tagとかいうのも、沢山インストールされていましたので、
wordpress最新の対応バージョン4.2.5となっていたのも気になりつつ
インストールしてみましたが、やはりバージョンと合わないのか?
他のプラグインとの相性か何かで、思うように機能しませんでしたから
調べる事もせず、直ぐに削除しました。

WP show more の使い方 

WP show moreをダウンロードして有効化する

https://ja.wordpress.org/plugins/wp-show-more/
icon-arrow-up 上記 ページでバージョン 1.0.4 をダウンロードしZIPファイルをWordpressに上げて有効化します。

ダッシュボード icon-arrow-right プラグイン icon-arrow-right 新規追加 プラグインのアップロード
参照でファイルを選択し ZIPファイルをアップロード。
この流れで有効化するか、
ダッシュボード プラグイン 新規追加
プラグインの検索(画面右上)で「WP show more」 と入力、
検索で
上がってきたものをインストールし有効化します。

設定~という設定は無し。デス😏 有効化するだけです。

作者HPの解説ページを閲覧すると以下の様に書いてあります。

This plugin hides the text that is defined between the simple shortcode.
By clicking on the user-defined link, the hidden text becomes visible.
It works via a shortcode and can be placed everywhere!

直訳すると。

このプラグインは、簡単なショートコードの間で定義されているテキストを非表示にします。
ユーザー定義のリンクをクリックすると、非表示のテキストが見えるようになります。
これは、ショートを経由して動作し、どこにでも配置することができます!

わーぉ。至ってシンプル!! 
ショートコードを好きなところに書いちゃえば、OK!

WP show more ショートコード1

[show_more] ここに記事を書く [/show_more]

上記の様に書くと、以下の表示になります。赤文字をクリックして確かめてみて下さい。
*********************************************************
[show_more] ここに記事を書く [/show_more]  *********************************************************

WP show more ショートコード2 文字に色を付けてみる

[show_more more="記事の続きを読む" less="記事をたたむ" color="#0066cc"] ここに記事を書く [/show_more]

上記の様に書くと、以下の表示になります。青文字をクリックして確かめてみて下さい。
*********************************************************
[show_more more=”記事の続きを読む” less=”記事をたたむ” color=”#0066cc”] ここに記事を書く[/show_more] *********************************************************

” color=”#〇〇”で文字色の指定ができます。ここでは” color=”#0066cc”で青色にしています。

WP show more ショートコード3 サンプルページでレクチャー

1と2では、文章を「ここに記事を書く」と短文なので、若干解り辛いかも知れないので
https://mitemita.com/test-wp-show-more/
WP show more ショートコード3 サンプルページをご閲覧下さい。
文中の「*****続きを読む」をクリックしてみて下さい😃

まとめ

TinyMCE Advancedをインストールした事でポンポン挿入する筈だった「!–more–」でしたが、
TinyMCE Advancedの設定で外しました😅 

結局、困った時のプラグイン~っ感じでWP show moreに頼る事になりましたけど、
このWP show moreのショートコードもAddQuicktag(クイックタグの追加設定できるプラグイン)
上手く設定してしまえば、ポンポン挿入できます😋

私のような面倒臭がりさんにはぴったりな使い方だと思います。

どなたかのお役に立てば。と思い記事にしましたが・・・お粗末でした😐

 

 

コメント

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