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

GoogleMap×WordPressで便利なプラグインを発見

いま、Chris Richardson’s さんの、MapPressというプラグインを試している。 これ、なかなかいい。 MapPress | Chris Richardson&#8217 …

no image

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

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

WordPressのお勉強のために、本を1冊購入することにした。

PDFデータのみの販売で2,500円。 PDFでさわりだけ見たけど、なかなかツボを突いた本の予感。Eclipseでブレークポイントを設定してWordPressの処理の流れを追っていくくだりが一番楽しみ …

no image

WebArena SuiteXでWordPressでルート表示

WebArena SuiteXへのWPインストールは自動機能があるので、とっても簡単だったのだが、ルートではなく別フォルダに作られる。 けども、WP側の簡単な設定でそれをルートディレクトリにできること …

no image

Google Apps Scriptで楽天APIを使ってみる

この通りにやってみた。 1.以下の情報を元に、スクリプトを作成(楽天デベロッパーID以外、ほとんどコピペ) 【Google Apps Script】楽天商品検索APIでアフィリエイトサイト簡単作成ツー …