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

python3,Linux MintにwxPythonをインストールする

OS : Linux Mint19 xfce

wxPyhtonは、高機能なpython3のGUIだ。

python 2 で使用していたが、python 3 では一時期対応していなかったが、現在では使用可能となっている。
標準のtkinterと比べて、機能面で優れているようだ。

Python3-wxgtk4.0 をインストールすると

import wx

 でエラーが出力されない。

エディタGeanyをpythonプログラムを独立したターミナルで実行させる

 OS : Linux Mint 20 xfce
エディタ : Geany 1.36 

pythonのプログラムを作成するためのエディタの一つに、Geanyがある。

プログラム実行時に、エディタ内蔵の端末か、OSの端末を介するかを設定することができる。

操作上、OSの端末のほうが使いやすい。

初期設定では、エディタ内蔵の端末のため、変更するためには次の通り。

「エディタ内蔵の端末」（デフォルト）の設定
VTEでプログラムを実行にチェクを入れる

「OSの端末」の設定
VTEでプログラムを実行のチェクを外す

 

OSの端末での実行

Linux Mint xfce, パネルのアイコンを左右に配置する

 OS : Linux Mint 20 xfce

Mint 20 xfce はディスクトップをカスタマイズできる割に、動作が軽いディストリビューションである。

アイコンが左寄せになっている状態

アイコンを左右に配置し、中央エリアを空けるには、セパレーターを使う。

パネルの設定から、アイテムタブを選び、空ける位置にセパレーターを配置する。

セパレータを編集する。（赤丸をクリック）

スタイルを透明に、拡張にチェックを入れる。

 

セパレーターが可能な範囲で空を作り、左右にアイコンが配置される。

左右にアイコンが配置されている状態

Drupal8,ckeditorで文字色を使用可能にする

[ バーション ] Drupal8  8.7.7
[ データベース ] Sqlite


Drupal8のエディタは、ckeditorを使用している。しかし、標準で文字装飾でカラー機能はない。
このため、手作業で文字色の機能を追加するしか無い。

以下の手順で行う

１．ダウンロード

【 必要ファイル 】
A) panelbutton-8.x-1.1.zip
B) panelbutton_4.8.0.zip
C) colorbutton-8.x-1.1.zip
D) colorbutton_4.8.0.zip


【 ダウンロード元 】
A) https://www.drupal.org/project/panelbutton
B) https://ckeditor.com/cke4/addon/panelbutton
C) https://www.drupal.org/project/colorbutton
D) https://ckeditor.com/cke4/addon/colorbutton

※上記ファイルは 2018年1月現在のもので、最新版は以下のサイトで検索する
https://www.drupal.org/project/project_module

２．フォルダー作成

ダウンロードファイルを解凍＆コピーする前に、libraries フォルダーを手作業で作成する。

 http://サイト名/libraries

３．解凍＆コピー

上記A〜Dの解凍したファイルを module, librariesに振り分けてコピーする。

上記 A,C は http://サイト名/module 手動でフォルダーへコピーする。
B,D は http://サイト名/libraries 手動でフォルダーへコピーする。

４．インストール

機能拡張で「CKEditor Color Button」、「Panel Button」をインストールする。

 

５．設定

環境設定 > テキストフォーマットとエディターで、ツールバーの構成を設定する。

 

設定は以上

上記で文字色アイコンが表示されなかった場合、B,Dのファイルをコピーしたlibrariesフォルダーを次の場所に置いてみる。

1) http://libraries フォルダーに置く。

2) http://サイト名/sites/all/libraries フォルダーに置く。

1) 2) のいずれか、またはどちらかを試してみる。
原因は不明だが、解決したこともあった。

ちなみに、
Drupal9 (9.0.8) でやってみた結果、うまくいかなかった。アイコンは表示されたものの、色の選択アイコンは表示されなかった。

#ckeditor, #drupal, #libraries, #colorbutton, #panelbutton