いつもお世話になっております。
ソーシャルメディアボタンの設置方法について教えていただきたいのですが。。。
自分でも何度か挑戦してみたんですが、横一列に表示されないなどの問題に当たり、やり方がわからなかったのですが、事例の印刷の泉さんが綺麗に横並びに設置されていたので教えていただきたいのですが。
設置予定箇所は、
1.物件の詳細ページ
2.TOPページ
3.不動産知恵袋ページ
以上の三箇所には設置予定です。
別に全部のページに出るようになっても構いません。
アドバイスよろしくお願いします。
急ぎではないです。
年内に設置できればと考えています。
ご質問ありがとうございます。
一列にするには「default.css」に、たとえば次のように追記してください。
.sbm iframe {
vertical-align: middle;
}
.sbm div {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
/display: inline;
/zoom: 1;
_display: inline;
_zoom: 1;
}
これは iframe を垂直方向に真ん中に、div をインラインブロックとして表示するよう指定しています。
テンプレートには次のように記述します。
<div class="sbm">
...ここにブックマークのタグ...
</div>
CMONOS.JP のデフォルトのHTMLでは、
<div class="section info">
<ul>
...
<li class="sbm">...ここにソーシャルブックマークフィールド...</li>
</ul>
</div>
とするようになっています。
以上参考になりましたら幸いですm(_ _)m。
ちなみに、月曜公開予定の CMONOS.JP 2.0 をこっそり公開しています(^^;。
システムアップデートからアップデートできます。
現在のバージョンが 1.5.20110996 以前の場合は、二回アップデートをかける必要があります。
ただ、今回のは「全ファイル」の文字コードを書き換える、かなり力技のアップデートになるため、アップデートをかける前に必ずバックアップをとってください。
記事・データを含むサイトテンプレートを作成し、それをローカルに書き出すのがよいのではないかと思います。
いただいたご要望もほぼ全て実装されていますので、もしお時間がありましたらぜひお試し下さいm(_ _)m。
実はこのサイトもアップデート済みです。さりげなく文字コードが UTF-8 になっています。3万ファイルをかかえるサイトでも問題なくアップデートできましたのでだいじょうぶだとは思うのですが、、、くれぐれもバックアップだけはよろしくお願いいたしますm(_ _)m。
ありがとうございます。
少し、方向性を変えて入力フィールド設定で元々あるソーシャルブックマークを追加することにしました。
そこで、ツイッターとグーグル+はあったのですが、フェイスブックはないのでしょうか?
で、ソーシャルのテンプレートの記入するとした場合にですが、フェイスブックは3パターン(HTML5)(XFBML)(IFRAME)どれをどのように設置すればいいでしょうか?
ご指導よろしくお願いいたします。
はい、Facebook はころころ仕様が変わるので、、、検討中です。。。
とりあえず、それぞれでテンプレートに書き込んでいただければと思いますm(_ _)m。
IFRAME か XFBML をコピーして書き込んでいただければ、たぶん表示できるのではないかと思います。
以上よろしくお願いいたします。
すばやいお答えいつもありがとうございます。
了解です。
ご返信ありがとうございます。
またお気づきの点、ご要望などありましたらお気軽にご相談下さい。お待ちしておりますm(_ _)m。
〈追記〉
お使いのサイトテンプレートは古いので、div 要素を一列に表示する記述が存在しないかもしれません。
もし、これまでに一度も default.css を書き換えてらっしゃらないのでしたら、セットアップアシスタントの「サイトテンプレート読み込み」から「styleStationery」を読み込み、その後「サイトテンプレート適用」を実行してください。
それから念のためナビゲーション書き出しを実行してください。
「styleStationery」はナビメーカー以外の既存サイトの CGI には影響しません。
default.css に追記されている場合は、追記部分をテキストエディタなどに控えておき、新しいサイトテンプレート適用後、追記部分を追記しなおしてください。
以上参考になりましたら幸いですm(_ _)m。
メディアの追加もできないみたいですし、試しにソーシャルの削除をしてみても、削除されないみたいなんですが~
確認していただけませんか?
現在、ページ情報フィールドからソーシャルを削除した状態です。
※閲覧履歴の削除も試しました。
ご返信ありがとうございます。
ホームページメーカーは静的HTML書き出しタイプの CMS ですので、即座に設定が反映されることはありません。。。
新しく「ページ情報」を書き込んだ時点、もしくは記事の再構築を実行した時点で、表示が変更されますのでご注意下さい。
以上参考になりましたら幸いですm(_ _)m。
了解しました。
カテゴリありの場合では、ソーシャルブックマークのチェックボタンのみですので、追加ソーシャルボタンの設置などはできないと考えたほうが良いのでしょうか?
すみません。説明が不十分でした。テンプレートというのはソーシャルブックマークフィールドの「詳細設定」にあるテンプレートです。
こちら(添付画像)のテンプレートに追記していただければ、チェックボタンをチェックするとテンプレート中の全てのソーシャルブックマークボタンが表示されると思います。
カテゴリー有の場合には、ソーシャルブックマークフィールドに行けないって事をいいたかったんですが~
失礼いたしました。はい、ご推察の通り、直下には入力フィールド設定がありません。
「カテゴリーあり」の「カテゴリー編集」で新しくカテゴリーを作成された場合、そのカテゴリーの「環境設定」には「入力フィールド設定」がありますが、ご指摘の画面は入力欄の存在しないカテゴリーを管理するための環境設定になりますので、入力フィールド設定がありません。
了解しました。
あと、先ほどテストした際に(カテゴリー無)
ページ情報フィールド設定/フィールド編集
で、ソーシャルブックマークを一度削除掛けたのですが、再度入力して再構築も掛けたのすが、ソーシャルボタンを選ぶボタンが表示されなくなりました。
対応策を教えてください。
ソーシャルの選択部分が[6]と表示されるようになりました。※試しに、文字を入れて更新したら、以前のソーシャルマークの場所に文字が出てきました。
こちらは、フィールド設定が消えているものの、ページレイアウト/記事ページのページテンプレートに、<!--info id="6"--><!--/info-->が残っているため、発生する現象です。足りない設定が、とりあえず文字列フィールドとして処理されています。
ページテンプレートから「<!--info id="6"-->...<!--/info-->」を削除すると消えますので、お試し下さい。
以上参考になりましたら幸いですm(_ _)m。
消えたんですけど。。。
ソーシャルボタンの選択画面が表示されません。
入力フィールド設定にソーシャルボタンを追加したり、ページ情報フィールドにソーシャルボタンを追加など色々やったんですが、表示されない状態です。
カスタマイズ作業おつかれさまですm(_ _)m。
ページレイアウト/記事ページの「ページテンプレート」に、追加したフィールドに対応する独自タグが存在しない場合、追加したフィールドは無視されます。
(表示する場所がないからです。)
「ページテンプレート」に、追加したフィールドに対応する独自タグを追記するか、わかりにくい場合は、「データベース・設定の復元」から、初期設定とフィールド設定を復元してください。
また、「最新のテンプレートを使う」まで既存記事に最新のテンプレートが反映されませんのでご注意下さいm(_ _)m。
独自タグでなりました。
ありがとうございます。
ご報告ありがとうございます。問題が解決してほっとしております。
また何かありましたらお気軽にご相談下さい。お待ちしておりますm(_ _)m。
〈追記〉
Facebook は日本ではそれほど普及しておらず、使っているのはウェブ関係者がほとんどで、騒いでいるのは怪しげなコンサルだけ、と思っていたんですが(^^;、今回認識を改めました。
Facebook に対応しやすくなった CMONOS.JP 2.0 は、22日には正式公開となる予定です。バージョン履歴上は、22日に公開されるバージョンから、2.0 ということになります(^^;。
〈追記:2011/12/22〉
本日 ver2.0.20111222 を公開しました。Open Graph Protocol にも対応し、セットアップアシスタントの「管理情報変更」から、サイトのサムネイル画像を設定できるようになりました。
参考になるご指摘、ご教示心より感謝いたします。