Joomla3, 画像をフォルダーに放り込むだけで一覧したり、スライドショーができる

CMS : Joomla 3.9.24
プラグイン名 : Simple Image Gallery

Joomlaには豊富なプラグインがある。
画像を記事の中に複数表示したり、表示中の画像のスライドショーとして機能させることができるプラグインがSimple Image Gallery (by JoomlaWorks) である。

 

記事に一覧として表示

 

記事上の画像をクリックするだけで、スライドショーやキーボードで操作しながら閲覧できる

基本的にJoomlaのプラグインはプラグイン  インストール  メニューの一覧から選択したり、圧縮プログラムをブラウザー上へドラッグ＆ドロップすることでインストールすることができる。設定はモジュールまたはプラグインメニューからする。

 メニューから Simple Image Gallery を検索して、ボタンをクリックしてインストールする。

設定するためには、プラグインメニューから行う。

設定内容は、基本ディレクトリ（フォルダー）を指定し、一覧のサイズや画像品質等を設定する。

 

記事上に画像を表示するためには 基本ディレクトリ中の画像のあるフォルダー名Aを記述するだけである。

< 記述例 >  {gallery}フォルダー名A{/gallery}

本プラグインは、フォルダー内の画像をすべて読み込んで表示する。 後から追加の画像があれば、フォルダー内に移動またはコピーするだけである。 表示順は名前順となる。

 

<< これでハマりました >>

画像名の最初の文字を $ （ドル記号）にすると、黒い画像になってしまう。画像名を英数文字のみにしなければならない。

以上

Joomla3, 画像をポップアップ(lightbox)で表示する方法

Joomlaはコンテンツ・マネージメント・システムの一つで、Wordpress、Drupalと並んで世界で最も使用されているホームページ管理ソフトだ。特徴のひとつは、プラグインが豊富なことだ。
画像をクリックすることで、ページを更新することなく拡大表示してくれる、便利なLightboxというツールがある。Joomlaには複雑な操作をすることなく簡単に、Lightboxのような機能を追加することができる。

CMS : Joomla 3.9.24
プラグイン名 :  JCE MediaBox

<< 設定方法 >>

[ エクステンション ] [ プラグイン ] から System - JCE MediaBox 2 を選択

[ オプション ] から Popup Theme を Light に設定する。

画像のリンクを設定するとき、エディタでタグの内容を以下のようにする。

<a class="jcepopup" .....> と、画像リンクのタグのクラスを jcepopup に設定する。

 

Editor JCE （要インストール）というエディタを使用すると、下記のようにリンククラスに jecpopup を簡単に追加できる。

 

Joomla は TinyMCE というエディタが標準になっている。 本エディタでも編集可能だが、下記の Editor JCE プラグインをインストール・設定すると、詳細な画像設定がGUIで可能となる。

 

以上

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

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

<< トラブル >>

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

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

<< 解決方法 >>

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

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

 

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

OS : Linux Mint 20 xfce
CMS : Joomla3.9.x

<< トラブル >>

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

<< 解決方法 >>

[ グローバル設定 ]で [ ログディレクトリのパス ] と [ Tempフォルダのパス ] の設定が正しいか確認する。特にアップデートは Tempフォルダのパス を基にしているため、エラー内容に Tempフォルダ のファイルが指摘される。

また、ルートディレクトリにある「設定ファイル」は、グローバル設定の内容が記されているため書き換え可能かチェックしておく。グローバル設定での保存で「書き換えできませんでした」と出力された場合は、ファイルのパーミッションを変更することで解決する。
セキュリティ上不安がある場合、「設定ファイル」は、アップデートのみ "読み書き" にしておき、通常は "読み" に設定しても運用上に問題はなかった。

通常は起こりえないトラブルだが、他のサーバーから移植したためにデータベースだけでなく、上記２つのパスを再設定する必要があった。

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

 Jquery bxslider にはオプションで

 mode: 'fade'

がある。 fade を指定すると

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

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

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

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

 

CSS, 透過を指定すると、重ね文字まで透過してしまう。文字を透過しない方法とは

CSSで背景色を透過するとき

background-color: 色コード;
opacity: 透過度;

を使うと、重ね文字まで透過してしまう。そこで、

background: rgba(255, 255, 255, 0.3); /* 白色の透過 透過度 0.3 */

を使うと、背景色は透過し、重ね文字は透過しない。

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

Evolution CMS 1.4.12 LTS
OS : Linux Mint 20 xfce

<< トラブル >>

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

<< 解決方法 >>

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

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

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

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

• AjaxSearch_tplAjaxGrpResult
• AjaxSearch_tplAjaxResult
  
• AjaxSearch_tplAjaxResults
• AjaxSearch_tplInput
  

<< あとがき >>

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