IT仕事 Artisteer

Artisteerでコンテンツ・エリアを作成して、それをWordPressのHomeとして表示する方法が無いか、探ってみた

投稿日:2014年5月13日 更新日:

通常は、Artisteerで作り、WordPressでエクスポートすると、ヘッダやフッタは残るが、コンテンツは除外される。
せっかくコンテンツできれいなレイアウトや画像、スライドを作っても、それをWordPressに受け継げない。

多少手間がかかっても、受け継げるようになれば、そのことで、Artisteerでデザインしたトップページが、そのままWordPressのトップページデザインにできるという、メリットが生まれる。

(これができないために、最悪、Artisteerでデザインしたページの、本当の意味での外枠しか、デザインできなかった)

以下のようにやってみた。

1.Artisteerでデザインする。
2.WordPress用(a)とHTML用(b)の2つの形式でエクスポートする。
3.bのimagesフォルダをaのそれに上書きする。
4.aのfunction.phpの最終行に以下のページを見ながらコードを追加する(この部分はスライドなどの動的処理を使わない場合は不要かも)。

記事やページごとにhead内にタグを追加するカスタマイズ方法 | WordPressカスタム

 

5.bのindex.htmlをエディタで開き、参照先を現在のテーマにあったように変える。
例えば、
images/

wp-content/themes/untitled20140513/images/
に。

6.テーマをアップロードして有効化する。
7.新規に固定ページをつくり、5で修正したコードのうち、必要な部分、

<div class=”art-content-layout”> ~ </div>
を、コピーして、テキストエリアに貼り付ける。
8.固定ページのカスタムフィールドに「head_load」を作り、5で修正したコードのうち、必要な部分、
<script> ~ </script><style>~ </style>
を、コピーして、カスタムフィールドの値として貼り付ける(この部分はスライドなどの動的処理を使わない場合は不要かも)。

もっと良い方法があるかな?
カスタムフィールドは、こんな時にこそ、便利。

-IT仕事, Artisteer

執筆者:

関連記事

no image

不動産プラグインの「トップ物件表示」ウィジェットが9件目から段ズレする。

解決できなくて、数時間、悩んだ~。 結局わかったのは、 ・ウィジェットのブロックの高さ調整にJQueryを使っている。CSSで決め打ちではない。 ・PHPのコードで、物件4件ごとに高さを決めている。 …

no image

Windows Live ムービーメーカー 意外と簡単

DVDからPCへ動画を取り込み、WindowsLiveムービーメーカーを使って、意外と簡単にYouTubeにアップロードできました。以下は手順。 1.DVDディスクの中に拡張子がVOBのファイルがある …

アンケートソフト秀吉でMAを作るためのExcel自作関数

会社の同僚用に作った。 複数列の回答を「1,2,4」のように1列にしたり、3は無ければ飛ばしたり、先頭と末尾にはカンマつけないで、とか、手作業だと色々面倒な処理を、Excelマクロにした。 以下を標準 …

no image

会話のうまい人

結構相手の気を感じ取れる人なんだけど、たまに刺激的な発言をする。 言われた相手も、刺激的な言葉で返してくる。 しかしけんかにはならず、相手の本音が聞き出せたり、会話が弾んだり。 うまいなあ、と思う。 …

no image

imacrosの作成方法・自分用控え

ヤマトB2クラウドのオートログイン(imacros)の作成方法、控え 1.Chromeのimacros拡張機能がインストールされていなければインストールする。 2.コードを作る。 3.名前を付けて保存 …