WordPress

Themler 使い方覚書(随時更新)

投稿日:2015年10月27日 更新日:

動作は重いが、なかなか気に入っている、Themler.

Create themes and templates for Magento, PrestaShop, WordPress, Joomla, WooCommerce, Drupal and VirtueMart

まだまだベータ版なのか、日本語だとダメなのか、いろいろうまくいかないので、覚書をつらつらと。

現象:目的とする位置にテキストブロックを配置できない。
対策:まず行(Row with Columns)をINSERTする。ドラッグを始めると青いガイドラインがリアルタイムで表示されるので、それを頼りにドロップする。

現象:まずTextをINSERTして、その中にテキストを貼り付けて保存すると、ブロックが崩れてその中のテキストが編集できなくなる。
対策:INSERTしたTextのHedding(表示はTextTag)をHTMLにする。あと、TextGroupの挿入だとうまくいく。

現象:CSSのリボンを簡単に配置できて便利。しかしページ中央揃え出来無い。
対策:3カラムの行をINSERTし、その中央にリボンをINSERTする。

現象:Page(Postも)の属性パネルを開いて何かを変更して閉じると、ページのボックスが崩れる。崩れると、中のテキストが変更できなくなる。
対策:forumを読むと、次のアップデートを待つしかない模様。

現象:トップページに配置した画像が、ChromeとIEでは正しく見れるが、FireFoxやSafariだと縦に間延びする。
対策:新規にレイアウトコンテナ挿入して、そこに間延びする画像を入れる。

現象:hromeとIEでは正しく見れるが、Safariだと画像が表示されないことがたびたびある。
原因:不明だが、画像のセクション間の移動やコピペを繰り返すと、多発するような?
対策:画像を再度貼り付け直すと、うまくいった。

現象:レスポンシブのタブレットで表示した際に、投稿ページの画像の縦横比が狂って縦が縮む。
対策:Images aren’t responsive on some page – BillionAnswers

現象:水平メニューのメニューアイテムのアクティブ時に囲み枠線が表示される設定にしたが、右が切れてしまう。
原因:不明だが、メニューの右端だけは、何かのCSSで上書きされているよう・・・?
対策:通常時の線を透明にして、ホバー時やアクティブ時には白色の線にしたら、想定の動きになった。

現象:themler-coreプラグインがインストールできない
原因:よくよく調べると、ThemlerはPHPのバージョンが5.2以下だと動作しないみたい。
対策:さくらのサーバ設定でPHPのバージョンを上げたら、無事インストールされた。このプラグインはThemlerで作ったページを画像ごとインポート/エクスポートしてくれるので大変楽。

現象:Themlerで作ったページを、WordPressのエディタで書き換えて保存すると、改行が全部消えてしまう。
対策:WordPressは保存時(と読み込み時)に、記事内容が自動整形される仕組みたい。
いろいろ調べた結果、設定で「ユーザー」の「ビジュアルリッチエディターを使用しない」にチェックを入れておくと、ページを書き換えても改行は消えないし、エディタ上でEnterで改行すると、表示上も改行される。
トップページだけをThemlerでメンテして、ページや投稿はWordpress本体の機能を使うとするなら、ビジュアルエディタを使えるようにしたほうがよい。WordPress本来の便利機能がフルに使える。大好きなWP-Canvasも使える。
トップに加え、ページもThemlerでコテコテに作り込んでメンテするなら、ビジュアルエディタはオフにせざるを得ん。エディタで呼び出せないWP-Canvasは諦める(どうせThemlerとは併用できない。効かない)

現象:Themlerで作ったテーマをWelcartで使おうとした場合に、タイトル付近にサムネイル画像が出てしまう。
対策:エディタ左メニューのOutlineで画像を削除すると出なくなる。

-WordPress

執筆者:

関連記事

no image

WP Limit Post Automaticallyプラグインはとても賢い

とあるサイトを管理していて、WPで長文を書くことが多い。 カテゴリー一覧でリスト表示した場合、全文表示されるととっても見にくい。特に画像が多いと。 その場合にも見やすいように文章の前半に「続きを読む- …

no image

Welcartの商品をGoogle Merchantにfeed登録したくて悪戦苦闘

Google Merchantにfeed登録したくて、 以下のブログと、 Welcartの商品をGoogleショッピング(Google merchant center グーグル マーチャントセンター) …

no image

スマホ写真を「撮って、選んで、公開」したい。で、AndroidアプリのWordPress登場。

スマートフォンで撮影した画像をブログに簡単に掲載する方法はないか、本日、調べたりスマホいじったりしてみた。 スマホで撮影した写真はDropBoxに自動アップロードするように設定しているので、DropB …

no image

ContactForm7プラグイン-チェックしたチェックボックスの背景色を変える

本日やったこと。 ContactForm7プラグインを使っているが、チェックボックスのクリックが小さくて、なかなかクリックできないので、ホットスポットというか、クリック感知の範囲を広げたかった。 こん …

no image

WordPressの指定ページに検索ボックスを設置する方法

1.以下のページからWPでPHPが使えるようになるプラグインを入手する。 WordPressの記事内でPHPを実行するプラグイン、Exec-PHP – ミblog : レビューや日常など …