Evolution CMS, フォルダーに入れるだけの画像のスライドショー

CMS名 : Evolution CMS 3.2.2

画像のスライドショーをつくってみた。

登録は簡単、管理画面からフォルダーをつくって、画像をアップロードするだけ。
フォルダーの中にある画像を読み取って、自動で表示してくれる。 追加でアップロードしても、ページを再び開くだけで、追加の画像も表示される。 コメントも後から入れられる。

 

管理画面から画像を image/kitchen にアップロード

画像を表示するページに

[!photox &folder='kitchen'!]

を記述。　（スペニット名を photox にした場合）

記述したページを開くと、

 

フォルダー内のる画像を全て読み取り、サムネイルを表示。

画像をクリックすると、ポップアップ表示される。

コメントも画像ごとに表示される。

マウスやキーで次の画像が表示される。スマホではスワイプで画像が切り替わる。

画像を表示するプログラムは全て管理画面で完結する。
別にエディターを用意する必要もなく、ネットにつながっているブラウザーさえあれば世界中どこでも作成できる。
サーバーにEvolution CMSをインストールする時間を含め、作り始める準備まで１０分とかからない。 決して大げさな言い方ではない。

PHP言語の知識が必要だが、ここまでできると、ホームページづくりも楽しくなる。

プログラムは、後日公開予定です。

#Evolution #CMS #画像 #スライドショー #php

Evolution CMS, 作成日が出力されず

 CMS名 Evolution CMS Version 3.2.2

https://hitokotoubuntu.blogspot.com/2019/12/evolution-cms.html

にもあるように、記事に作成日や更新日を出力するには、PHx というプラグインをインストールする必要がある、ということを記した。

しかし、Ver 3.x で、PHxは対応していない。

強引にPHxをインストールできるが、Ditto（スペニット）、DocLister（スペニット）に不具合が生じる。

#CMS #Evolution #不具合 #PHx #Ditto #DocLister #更新日 #作成日

CMS Evolution, アップデートできない対処法

 CMS : CMS Evolution 1.4.12

<< トラブル内容 >>

1.4.15 へ アップデートできない。

アップデート処理をしても、再度「アップデートしてください」お知らせが表示される。

 

 << 解決方法 >>

警告（英）にバックアップファイルを作成してくださいという、旨の表示刺される。
指定されたフォルダーを作成し、タブメニューからバックアップ処理をする。
後に、アップデート処理をする。

サイドログインすると、アップデートがされている。 

通常は、フォルダーを作成し、バックアップ処理をせずにアップデート処理をするが、できない場合の手順である。

 

Evolution CMS, 記事編集用のテンプレートを変更する

CMS : Evolution CMS 1.4.x

<< 何をしたい >>

記事編集用のテンプレートを変更したい。

 

<< 方法 >>

プラグインを導入する。

プラグイン名 :  templatesEdit 3

変更前のテンプレート

「テンプレートエディット 3」をインストール

 

有効にすると、記事編集用のテンプレートが変更された

以上

Evolution CMS, アップデートができない

OS : Linux Mint 20 xfce
CMS :Evolution CMS 1.4.x / 2.0.x

<< トラブル >>

アップデートができない。

通常アップデートがあるときは、管理者としてログインしたときに、「新しいバージョンがあります」というメッセージと赤いボタンが表示される。ボタンを押すと、自動でアップデート開始となる。
メッセージが表示されるが、ボタンが表示されない場合、次の解決方法を試してみる。

<< 解決方法 >>

アップデート用のプラグインをインストールする。
また、すでにインストール済みであっても「Reset」ボタンをクリックしてみる。

インストールは、[ モジュール ] => [ Extras ] から行う。

 

jquery bxslider 画像の余白を上下左右均一にするMODX その2

 Jquery bxslider にはオプションで

 mode: 'fade'

がある。 fade を指定すると

余白が大きくなる場合がある。

余白を狭くするには、以下のように CSSを書き換える。

.bx-wrapper img {
    margin-left: -40px;
}

のように、余白が上下左右均等になる。

 

Evolution CMS, 検索を設定できない。

Evolution CMS 1.4.12 LTS
OS : Linux Mint 20 xfce

<< トラブル >>

テンプレート作成時に、検索のテキストボックスやボタンが表示されない。

<< 解決方法 >>

インストール設定でサンプルをインストール指定する。

通常の作業ではサンプルデータをインストールしていしていた。トラブルが発生したときは、サンプルデータをインストール指定をしていなかった。このため、検索に必要なチャンクが導入されていなかった。

このため、検索に必要なチャンクを手動（コピー＆ペースト）で作成した。
作成元になったチャンクは、以前作成したものからコピーした。

コピーしたものは上図の赤枠で囲まれた４つのチャンク。（内容は省略）

• AjaxSearch_tplAjaxGrpResult
• AjaxSearch_tplAjaxResult
  
• AjaxSearch_tplAjaxResults
• AjaxSearch_tplInput
  

<< あとがき >>

Evolution CMSはテンプレートのデザインの自由度が高いため、オリジナルのサイトを作るのには適している、という印象を持っている。
インストール時にサンプル導入を指定して、後から削除したほうが効率的にだと思われる。

Evolution CMS,ページごとに閲覧できる人を振り分ける

ソフト名 : Evolution CMS 1.4x

下記のように、「所属グループ」の項目で ID登録者と非登録者の閲覧権限を設定する。

   << 設定方法 >>
   
1. [グローバル設定] -> [グループ管理機能を使用] で

    「はい」を選択

2. [権限管理] -> [グループ管理（ウェブ）] -> [ウェブユーザーグループ] で

    「Site Admins」（任意名）を作成し、
   
    [グループリンク] で
    ユーザーグループを Site Admins 、リソースグループを Site Admin Pages で実行ボタンで設定する
   

3. [権限管理] -> [ウェブユーザー管理]で

    「siteadmin」を作成し、グループ管理（ウェブ）から 「Site Admins」を選択
   
4. 任意のページの [所属グループ] で

    グループ制限なし（非ID登録者）か Site Admin Pages（ID登録者） のどちらかを選択可能にする。
 

設定完了確認　[権限管理] から

 

 

設定は、以上

ID登録者のみに閲覧権限があるページを非ID登録者が見ようとすると、下記のようになる

 

 

 

Evolution CMS, 2.xのAjaxSearchに対するエラー対処方

ソフト名 : Evolution CMS 2.x

スペニット名 : AjaxSearch

Evolution CMS 2.x で検索機能を有効にした場合、以下のエラーが出力された。

<< エラー内容 >>

« Evolution CMS Parse Error »

Call to undefined method EvolutionCMS\Database::freeResult()

<< 対処方 >>

Package Management から、AjaxSearchのバージョンを変更する。

Version 1.12.1 から masterに変更し、Resetをクリックする。

以上

Evolution CMS, 検索結果を特定ページに表示する, DLMenu

ソフト名 : Evolution CMS 1.4x

Extras : DLMenu

[[ifsnippet? &name=`AjaxSearch`]] 
	[!AjaxSearch?
		&ajaxSearch=`0`
		&addJscript=`1`
                .......
                &landingPage=`検索結果ページのID`
                &showResults=`0`
                .......
        !]

&landingPage=`検索結果ページのID`

で設定。検索ボタンをクリックすると、指定IDに結果を表示する。

検索結果のページには

[!AjaxSearch? &showInputForm=`1` &ajaxSearch=`0`!]

を記述する。

&showInputFormの値が１の時は、再検索のテキストボックスが表示される。

0 の時は非表示となる。

参照させていただいたサイト

http://diary.cinema1987.org/01906　（日）

http://www.evolution-docs.com/extras/ajaxsearch　（英）

tag: #evolution, #cms, #dlmenu, #ajaxsearch

Evolution CMS, メニューの親リソースのリンクを有効または無効に設定する

ソフト名 : Evolution CMS Version 1.4.11

デフォルトでは、メニューの親リソースのリンクが無効("#")になっている。

BLOG -+                    (リンク無効)　

            +Mini-Blog    (リンク有効)

            +Just a pre    (リンク有効)

            +New docu   (リンク有効)

上記で親リソースのリンクを有効にするということは

BLOG -+                    (リンク有効)

            +Mini-Blog    (リンク有効)

            +Just a pre    (リンク有効)

            +New docu   (リンク有効)

にするということになる。

<< 変更箇所 >>

メニューのプラグイン DLMenu を再設定し、リンクを有効にするためには

[[DLMenu? 
.......中略.....
&parentRowTpl=`@CODE:<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" title="[+title+]">[+title+] <b class="caret"></b></a>[+wrap+]</li>`
]]

から

[[DLMenu? 
.......中略.....
&parentRowTpl=`@CODE:<li class="dropdown"><a href="[+url+]" class="dropdown-toggle" data-toggle="dropdown" title="[+title+]">[+title+] <b class="caret"></b></a>[+wrap+]</li>`
]]

に変更する

<a href="#"  から  <a href="[+url+]"  に変更する。

参照URL
http://docs.evo.im/en/04_extras/dlmenu.html (英)

Evolution CMS,作成日や更新日をテンプレートに設定する

CMS名 Evolution CMS Version 1.4.10, 2.0.1

ModxやEvolution CMSのテンプレートの作成の基本は、まずはリソース変数を使えるようにする。
Modxで記事の作成日や更新日を表示するには、テンプレートに以下のように記述する。

作成日時 [*createdon:date=`%Y年%m月%d日`*]
公開日時 [*publishedon:date=`%Y年%m月%d日`*]
更新日時 [*editedon:date=`%Y年%m月%d日`*]
 

しかし、Evolution 2.xでは非表示になってしまう。
予め以下のモジュール（プラグイン）をインストールしておかなければならない。

PHx

追加）
Version 2.0.1では PHx を導入すると、Ditto、DocListerに一部不具合があった。

Evolution,インストール時のmysql設定エラーの修正

CMS名 : Evolution
CMSバージョン : 1.4.9
php バージョン : 7.3.8
データベース名とバージョン: 5.5.5-10.4.6-MariaDB

《 問題点 》
CMS Evolution をインストール時に以下の注意が出力された。

Tableプリフィックスの設定 `chjq_`: 問題なし

MySQLのバージョン: 問題なし   Version 5.5.5-10.4.6-MariaDB

Checking MySQL for strict sql_mode: 注意    MySQLがストリクトモードになっています。

ストリクトモードが無効である必要があります。my.cnfを編集することで、MySQLのモードを変更することができます。あるいは、サーバー管理者へお尋ねください。

《 解決方法 》
mysqlの設定を変更する。
ファイル名 : /opt/lampp/etc/my.cnf

修正箇所　　118行目辺り
#sql_mode

を以下のように書き換え、sql_mode を有効にする。

sql_mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

以上でインストール時の MySQLに関わる「注意」が「問題なし」になった。


【 余談 】
php Version 7.1.x の条件下で Evolution 1.4.5 はインストールできた。
php Version 7.3.8 の条件下では、Evolution 1.4.9 はデータベース関係のエラーが出力された。
テンプレートがインストールされないなどの不具合があった。原因は不明。

xamppをアンインストールする,Linux

OS : Linux Mint 19

xampp には Apache や データベースなどのソフトが含まれている。
アンインストールする前に、データベースのデータをエキスポート（保存）する。
アンインストールするには、次のコマンドを入力する。

$ cd  /opt/lampp

次に

$ sudo  ./uninstall

すると.....

が表示され、説明に従って「Yes」をクリックする。
ファイルの削除作業が開始される。

ファイルが削除されたら、確認アラートが出力される。

「OK」をクリックし、アンインストール完了。

アンインストールしてもデータベースのデータは残っていた。

新たに xampp をインストールしても残されたデータでエラーが出ることもある。この場合、個別にデータを削除し、事前にエキスポート（保存）したデータをインポート（呼び出し）する。

ただし、CMSはPHPバージョンに対応していない可能性がある。
xamppを入れ替える前に確認し、必要であればアップデートしておく。

データベースのデータを個別に消せない場合

/opt/lampp/var/mysql/ から、root権限で直接ファイルを削除する。
※ 失敗するとやり直しが聞かないこともある。事前バックアップすることが大事。

Evolution CMS,分岐条件の書式,@if

Evolution CMS のテンプレートやソースレベルでの分岐条件の書式。

Evolution CMS 1.4.5

テンプレート変数 ： [*page-type*]

テンプレート変数 [*page-type*] が "home" のとき、「まる」を出力、
"home" 以外の時、「ばつ」を出力する。

[[if? &is=`[*page-type*]:=:home`
&then=`まる `
&else=`ばつ `]]

[*page-type*] の値が、文字列、数値の区別はない。

判定が 真 のとき、 &then を実行。
判定が 偽 のとき、 &else を実行。

判定条件は、テンプレート、チャンクに適用される。

参考にしたサイト　（ロシア語）
http://docs.evo.im/04_extras/if.html

bootstrap,スマートフォン画面でリンクが無効になる対処

ホームページのデザインで、bootstrapを使うと効率的に作成できる。
レスポンシブデザインでは、よく使われる。

さて、bootstrapを使っていると、PC画面では問題がないが、スマホで見るとリンクが無効になってしまう現象が起こることがある。
"terget"タグが無効になってしまう、現象なのか？

解決したときのメモは以下の通り

CMS Evolution 1.4.5 でホームページを作成。
記事の概要を出力するため、Dittoライブラリを使用した。

<div class="col-md-6 col-sm-6 col-xs-12 outline">
[!見出しと概要? &id='51' &limit='60'!]</div>

から

＜div class="col-md-6 col-sm-6 outline">
[!見出しと概要? &id='51' &limit='60'!]</div>

に変更(col-xs-12を削除)することで、見出しのリンクが無効であったものが有効になった。

jquery bxslider 画像の余白を上下左右均一にするMODX

 →


Jquery bxslider の画像余白の上部が最も大きい。（デフォルト）

余白の上下左右を均一にするために CSSファイル内容を書き換えする。

【変更方法】
ファイル
/assets/テンプレートフォルダー/lib/jquery.bxslider.css
(例：/assets/templates/mytemp04/slideshow/lib/jquery.bxslider.css)

変更箇所　その１ または その２ の ２方法

その１）　margin-top: -15px; を追加
24行あたり

.bx-wrapper img {
max-width: 100%;
display: block;

margin-top: -15px;
}

その２）　以下をファイルの末行に追加

.bx-wrapper ul.bxslider {
margin-top: 0px;
}

リンクの関係を示すrel属性候補に Lightbox[a] を追加するMODX

【方法】

ファイル assets/plugins/tinymce/tiny_mce/plugins/advlink/link.htm

205行あたり　

< option value="lightbox[a]]" >Lightbox[a]< /option > 

を追加

modx evolution のエディターには、 Tinymce が使用されている。
Lightbox はポップアップで複数の画像が連続で見られる。　画像上にスライドバーを表示するには、 リンクの rel属性に Lightbox[a] を記述する。　 （デフォルトで Lightbox しか記述できない）　本来は HTML言語編集レベルで変更しなければならない。　エディター上で指定するためには、エディタのプログラムの書き換えが必要だ。

MODX Evolution サブメニューが出力されない

最新版 MODX Evolution は 1.0.17J だ。（2016年10月18日現在）

1.0.16jから最新版へアップデートしたところ、サブメニューが出力されなくなった。

原因は不明なため、前バージョンに戻した。

事前にファイルのみのバックアップ（圧縮ファイル）をとってから、アップデートを行い、元に戻した。（解凍）

追加）　2016.11.6
Evolution 1.0.17J から 1.0.18J ベータ8へアップデートしたところ、「サブメニューが出力されない」問題が、ある程度解決した。 （詳細は未検証）

Modx Evolution 「リソースを投稿」でエラー

《 トラブル内容 》
Modx Evolution で「リソースを投稿（新しいページ）」ができない。

以下のような MODX Parse Error が出力される。

《 解決方法 》
「グローバル設定」の一部を変更する。
グローバル設定　＝＞　フレンドリーURL タブ　＝＞　エイリアス自動生成　の設定を変更する。

設定内容は以下の通り。

numbering in each folder　＝＞　pagetitle　または　無効　に設定

《 エラー内容 テキスト 》

« MODX Parse Error »

MODX encountered the following error while attempting to parse the requested resource:
« Execution of a query to the database failed - Got error 'this version of PCRE is compiled without UTF support at offset 0' from regexp »

SELECT MAX(cast(alias as SIGNED)) FROM `hogehoge.jp`.`modx_site_content` WHERE id<>'0' AND parent='0' AND alias REGEXP '^[0-9]+$'