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

Googleドキュメントのスプレッドシートのリンク

Googleドキュメントのスプレッドシートで、あるセルからWebサイトにリンクを張ろうとしたのだが、メニューにコマンドがない。 ・・・と思ったら、数式の関数で指定するんだね、 =HYPERLINK(& …

no image

セキュアド合格!!

昨日、秋に受験した情報セキュリティアドミニストレータの合格証書が届いた。 ウレシー!! だって落ちに落ちて、3度目の正直だもん。 年に1度しかない試験だもん。 今度落ちたらもう受験するのやめようかと思 …

Word2013で「内容に問題があるため開くことができません」エラー、なんとか生還

昼休み前に保存して閉じたWord文書を、昼休み開けに開くと、上記エラー発生。 午前中いっぱいかかって作った仕事がパー! ・・・ということにしたくなかったので、あれこれもがいてみたら、何とか開くことがで …

no image

読めなくなったHDD

知人から、Windowsで使っていてある日から読めなくなった外付けHDDからのデータ取出しを頼まれる。 以下、やってみたことと結果。 HDDケースとHDDのどちらがトラぶっているのかを調べるため、自分 …

no image

Linkstationの新旧入れ替えにまつわるバックアップUSBディスクのトラブル

バッファロー製NASのLinkstationのHD-HG160LANに、USB接続で外付けHDDをくっつけて毎週バックアップを取るという構成で、今まで使ってきた。 しかしこのたび、容量の限界が来たため …