お問い合わせ返信

22/11/25

(追記)FAQページができました!

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいた、noiseのメニュー間の余白についてです。メニューの縦間隔は.mainNav liのmargin-bottom: 1em;の値で調整できますので、こちらの数値を変更してみていただければと思います。
※モバイル版表示での余白が狭くなりすぎる場合は、モバイル用CSSの.mainNav liにmargin-right: 1em;を書き加えてください。

はじめまして。ご連絡ありがとうございます。
お問い合わせのユートピアのモバイル版の画像についてです。モバイル版のトップ画像はコードの下部にある/* ↓トップの四角 */真下の.headerContents::beforeの部分で設定しているので、こちらのbackground-imageに背景が設定されているかどうかを再度ご確認いただけますでしょうか?
上記の設定+キャッシュ消去などをお試しいただいても上手く表示されない場合は、CSSの変更点などを添えて再度ご連絡くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいたrealizeの五角形画像についてです。私の方でもwin10のchromeで確認しましたが問題なく表示されたため、詳しい原因が分かりかねます……。(画像のURLやパスの誤りがないかは一応ご確認ください)
また画像について「Chromeだと表示されないことがあるとなっていた」とのことですが、どういう場合についての記述なのか見当がつかないので、直し方についてもパッとは思いつかないです。お力になれず申し訳ありません。

お問い合わせ返信

22/11/06

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。
お問い合わせのメールフォームですが、以下の手順で実装することができます。(長いので箇条書きにて失礼いたします)
※(任意)の項目は見た目の調整なので飛ばしても大丈夫です。
※XRIAで検証したコードです。

①メールフォーム機能の編集
・名前と本文以外の項目を「入力任意」に設定する
※配布コードには名前と本文の入力欄しか設けていないので、その他の項目を入力必須にしてしまうとエラーが発生します。
・(任意)メールフォーム機能に配布のCSSを適用させる
・(任意)送信完了画面のレイアウトを編集する


②インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム(ダミー) -->の中身を以下に書き換える。

以上になります。恐らくXRIAと同じコードで動くと思うのですが、もし上手く動かない場合は再度ご連絡くださいませ。

お問い合わせ返信

22/09/24

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいたスパンコールの背景画像についてですが、私の環境では同様の現象が再現できませんでした。キャッシュ消去で表示されなければ、PC用とモバイル用のCSSの両方に画像が設定されているかどうかご確認いただけますでしょうか?(面倒な仕様で大変申し訳ないのですが、初期に作ったデザインはPC用とモバイル用でCSSが完全に分かれており、それぞれで画像を設定する必要があります)
すべての画像URLが指定されていても反映されない場合は、お使いの端末やブラウザなどを添えて再度ご連絡いただけますと幸いです。

はじめまして。ご連絡ありがとうございます。
お問い合わせの件ですが、恐らくメール機能の送信項目設定でタイトルが入力必須になっているのが原因だと思います。「名前」「メッセージ入力欄」以外の項目を入力自由に設定すれば送信できると思いますので、再度お試しくださいませ。

お問い合わせ返信

22/08/30

感想メールや解決メールもありがとうございました!

はじめまして、ご連絡ありがとうございます。配布デザインを複数お使いいただけたとのことで嬉しいです!
「Blurred Sky」でfc2のフッターが隠れてしまう件についてです。サイトを拝見して確認したところ、高さ100%で固定表示しているヘッダーが、フッターの上に重なっていることが原因のようです。
解決方法としては、ヘッダーの高さを縮めて下部に余白を作ることで、フッターを隠さずに表示できるようになります。この方法ではヘッダー全体が若干上寄りになるので、気になる場合はヘッダーに余白を設けるなど微調整してください。(CSSで#fc2_footerにposition: absolute;とz-index:3;を指定すればもっと簡単に解決するのですが、編集不可との規約に抵触しそうなのであまりおすすめはできません)


CSSの編集箇所はこんな感じです。※変更部分のみ記載しています。

body {
    background: #ffffff;
    ↓
    background: linear-gradient(#fff calc(100vh - 60px) ,#bdcedd calc(100vh - 60px)) fixed;
}

.mainHeader {
    height: 100vh;
    background: #ffffff;
    ↓
    height: calc(100vh - 60px);
    background: url('ビル画像URL') left 50% top 100% / 2000px 35% no-repeat #fff;
}

.mainHeader::before {~} →全削除

以上になります。PCサイトをお持ちでしたのでサクッとお答えさせていただきましたが、分かりにくい点や不具合などがありましたら再度ご連絡くださいませ。

08/30追記

ご返信ありがとうございます。画像表示につきまして確認不足で失礼いたしました……。
.mainHeaderのbackbground部分をtop 100%→bottom -120pxに変更できちんと表示されました。たびたびお手数ですが、どうぞお試しくださいませ。

はじめまして、ご連絡ありがとうございます。配布テンプレートのWordPressでの使用についてです。
規約的にはもちろんOKで、技術的にも可能だとは思うのですが、詳しい使い方についてはちょっと分かりません……お力になれず申し訳ないです。

はじめまして、ご連絡ありがとうございます。お問い合わせいただいた、テンプレートの文字化けについてです。
こちらですが、お送りいただいたコード自体には特に問題がないように見えました。文字化けの詳細が分からないので推測が入りますが、もしかするとhtmlファイルのテキストエンコードが原因かもしれません。
PCのテキストエディタで編集されている場合は、最初に保存する際に文字コードがUTF-8になっているかご確認ください。また、モバイル用サービスをお使いの場合は、各ファイルのcharset="UTF-8"が含まれる行を削除して、文字コードの指定を解除すればきちんと表示される可能性もあります。いずれかの方法をお試しいただければと思います。
解決しないようでしたらお手数ですが、文字化けの様子やお使いのテキストエディタなどをお書き添えのうえ、再度ご連絡くださいませ。

お問い合わせ返信

22/07/03

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。ご感想も添えていただきありがとうございました!
【メニューボタンの表示について】
編集なしでのコピペでも表示されないということですと、自動改行(改行を<br>にして表示)が有効になっているなどの理由でjQueryが作動していない可能性があります。
①自動改行をオフにするまたは②jQuery内の改行を削除することで解決できるかもしれませんので、いずれかの方法をお試しくださいませ。(検証に使用した②のコードを以下に記載しますので、よかったらコピペでお使いください↓)


【メールフォームのコードについて】
長くなってしまったので箇条書きで失礼します。(必須)以外の箇所は見た目の調整なので、飛ばしても動作的には問題ありません。

①インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム(ダミー) -->の中身を以下に書き換える。(必須)

・CSSに以下のコードを追加する
※場所は/* フォーム関連 */の近くだと分かりやすいです。


②メールフォーム機能の編集
・入力項目が3つ以上ある場合は、3つ目以降の必須入力を「任意」に設定する。(必須)
※配布コードには入力欄が2つしかないので、3つ以上の項目が入力必須になっているとエラーになります。
※正確には「作成した順に2つ」なので、順番の並び替えなどを行っていて作成順が不明な場合は新しく機能を作成された方がいいかもしれません。
・メールフォーム機能にrealizeのCSSを適用させる。
・送信完了画面のレイアウトを編集する。

長くなりましたが以上になります。ご不明な点がありましたら、お手数ですが再度ご連絡くださいませ。

配布コード修正のお知らせ

22/05/23

先日アップした「space」のコードにミスがありましたので訂正いたします。
このテンプレートではログページの追記の開閉リンクにidを指定していましたが、こちらはclassの誤りでした。(idを使用してしまうと、同ページに複数の追記記事がある際に、一つ目の記事しか開閉しなくなります)
配布ページのコードはすべて正しいものに変更しております。本日以前にお持ち帰りの方は、大変お手数ですが以下の二か所を修正してご利用くださいませ。ご迷惑をお掛けして申し訳ありません。


【jQuery(head)】
$('#click').on(~

$('.click').on(~


【html(body(log))】
<a id="click">more</a>

<a class="click">more</a>

テンプレート+1

22/04/29

「space」

シンプルすぎてタイトルに悩みました。

テンプレート+1

22/02/13

「realize」

うっかりしててフッターをつけ忘れました。