カテゴリー別アーカイブ: Milliard関連ページ

Milliard関連ページのWordPressプラグインがver0.0.20においてPHP7に対応しました

Milliard関連ページのPHP7対応

MilliardのWordPressプラグインが、PHP7の環境下においてver0.0.20にて対応いたしました。

ver0.0.19以下において利用できない状況ですので、もし高速化の目的等でPHP7にアップデートする予定のある方はMilliardをver 0.0.20以上にアップデートをお願いいたします。

なお、WordPressをご利用の方以外は特にアップデートをする必要はございませんのでご安心ください。

アップデート手順

  1. WordPressにログイン
  2. 左ペインの「プラグイン」をクリック
  3. プラグイン一覧内のMilliard Related Pageを探し、「 新バージョンの Milliard Related Page が利用できます。バージョン 0.0.20 の詳細を表示するか、アップデートしてください。」というメッセージの中の「アップデート」をクリック
  4. アップデート

 もし、アップデートに際し何か問題がございましたら問い合わせフォームよりお問い合わせください。

→お問い合わせはこちら

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

→詳細はこちら

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

Milliard関連ページ(WordPress)にデザインカスタマイズ機能を追加しました

Milliard関連ページのWordpressプラグイン ver 0.0.15について

HTML / CSSをフルにカスタマイズして頂いて、お持ちのサイトにデザインを合わせる「独自テンプレート」機能を追加しました。

独自テンプレートを追加した理由は?

オウンドメディアの運営者やデザイナーでブログをやられている方に、自分のサイトとデザインを合わせたいという要望を頂いたため作成しました。

そのことにより、移行前のデザインを踏襲しつつ、下記のメリットが得られます。

  • 無限スクロールによる記事の露出数アップ
  • タグ / カテゴリ 解析による関連度精度のアップ
  • 外部サーバに関連づけロジックを持つ事による記事表示の軽量化

今までデザインに難がありアンインストールした方も、この機会にMilliard関連ページのWordpressプラグインを再度お試し頂ければ幸いです。

Milliard関連ページについて

Milliard関連ページをWordpressに設定する方法について

Milliard関連ページのよくあるカスタマイズについて(WordPress)

シスウ株式会社

星野 善彦

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

Milliard関連ページのFC2ブログ版をリリースしました

Milliard関連ページのFC2ブログ版について

簡単に導入出来てスタイリッシュな関連ページを表示出来るMilliard関連ページの「FC2ブログ版」もリリース致しました。

Milliard関連ページはWordPress版 / Blogger版 / はてなブログ版 / Livedoor版がリリースから3ヶ月で200を超えるブログに導入頂き好評を頂いております。

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

Milliard関連ページ、3つの特徴と用途

タテ・ヨコ比が違ってもきれいに並ぶ

ガジェット、グルメ、バイラルメディアのデザイン性が向上

スクロールで多くの記事を推薦できる

テキスト中心、画像中心、記事数が多いサイトのPV増

スマホ / PC / タブレットあらゆるサイズのデバイス対応

制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

利用方法

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

Milliard関連ページのLivedoorブログ版をリリースしました

Milliard関連ページのLivedoorブログ版について

簡単に導入出来てスタイリッシュな関連ページを表示出来るMilliard関連ページの「Livedoorブログ版」もリリース致しました。

Milliard関連ページはWordPress版 / Blogger版 / はてなブログ版がリリースから3週間で30を超えるブログに導入頂き好評を頂いております。

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

Milliard関連ページ、3つの特徴と用途

タテ・ヨコ比が違ってもきれいに並ぶ

ガジェット、グルメ、バイラルメディアのデザイン性が向上

スクロールで多くの記事を推薦できる

テキスト中心、画像中心、記事数が多いサイトのPV増

スマホ / PC / タブレットあらゆるサイズのデバイス対応

制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

利用方法

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

はてなブログのスマートフォン版でMilliard関連ページを表示する方法

初版で出した方法ではスマートフォンでは表示されない場合があったため追記させて頂きました。

もし、現在スマートフォン版で関連記事が表示されない方がいらっしゃいましたら、下記の方法を参考に設定下さい。

スマートフォンの設定をする(無料ユーザ)

左ペインのスマホマークをクリックします。

スクリーンショット 2014-11-14 11.41.22

上記の画像のページの中央部、「PCと同じHTMLを設定する」をチェックします。

スクリーンショット 2014-11-14 11.45.42

記事上・記事下にMilliard関連ページ以外で設定されているコードが、PC専用だった場合、表示が崩れる可能性があります。(例:width:1000pxなどを指定しているCSS)

ですので、上記の設定をした場合には、スマートフォンで表示がおかしくならないかどうかご確認下さい。

スマートフォンの設定をする(Pro)

Proの場合には、記事下のカスタマイズを利用すれば問題なく設定出来ます。

⇒最初から設定する方法はこちら

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

Milliard関連ページのはてなブログ版をリリースしました

Milliard関連ページのはてなブログ版について

簡単に導入出来てスタイリッシュな関連ページを表示出来るMilliard関連ページの「はてなブログ版」もリリース致しました。

Milliard関連ページはWordpress版 / Blogger版がリリース10日で20以上のブログに導入頂き好評を頂いております。

Milliard関連ページとは?

image_01

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

関連ページのデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。

Milliard関連ページ、3つの特徴と用途

タテ・ヨコ比が違ってもきれいに並ぶ

ガジェット、グルメ、バイラルメディアのデザイン性が向上

スクロールで多くの記事を推薦できる

テキスト中心、画像中心、記事数が多いサイトのPV増

スマホ / PC / タブレットあらゆるサイズのデバイス対応

制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

評価版の導入実績

評価版からご利用頂いているブログは以下です。

利用方法

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報

Milliard関連ページのよくあるカスタマイズについて(WordPressプラグイン)

好きな場所に挿入するには?

HTMLタグ、もしくはPHPのコードのいずれかで表示場所を変えることができます。

・HTMLタグで指定する方法

テーマのsingle.phpの任意の場所に、

<ins id="ssRelatedPageBase"></ins>

を挿入します。

タグがdivだったりIDが間違っていると表示されなかったり、<ins id=”ssRelaedPageBase”/>のような形だと表示が崩れる場合があるので、上記のタグをコピーしてお使い下さい。

・ウィジェットで指定する方法

任意のウィジェットに、

<ins id="ssRelatedPageBase"></ins>

を挿入することで位置を指定出来ます。

・PHPコードを利用する方法

テーマのsingle.phpの挿入したい箇所に、

echo do_shortcode("[milliard]");

を挿入して下さい。

PHPコードの記述が間違えると全ての記事が表示されなくなる場合があるので、必ず上記のコードをコピーしてお使い下さい。

「こんな記事も書いてます」を変更するには?

プラグインの設定画面の「紹介文」を変更してください。

WordPressプラグインではHTMLは現在書けない仕様になっておりますので、もしスタイルを変更したい場合には、本ページの「紹介文のスタイルを変更する」をご参照下さい。

紹介文のスタイルを変更するには?

CSSファイルで以下のセレクタのいずれかを変更して下さい。

ヘッダー全体:.ssLimitedContainerHeader

テキストのラッパー:.ssLimitedContainerHeader > div

テキスト部分:.ssLimitedContainerHeader > div > div

画面下に出てくる記事一覧消すには?

プラグインの設定画面の「表示場所」の「フッターの下」のチェックを外してください。

スマートフォンでの表示を指定件数表示に切り替える(0.0.7以降)

プラグイン設定画面の下部、「挿入箇所のスクロールを無効にする」をチェックし、変更を保存します。保存後、件数を指定することでスクロールが無効化され、指定件数の記事が表示されるようになります。

記事のデザインをフルカスタマイズする(0.0.15以降)

プラグイン設定画面「独自テンプレート」の項目を編集することで、お持ちのサイトのデザインに合わせた見た目に変更する事ができます。

PC / スマートフォン・タブレットのそれぞれ設定してください。

画像・タイトル・リンクの表示場所は下記の様に指定します。

・画像を表示する箇所を指定する場合:imgタグのclass=”ssImage”を持つタグを挿入して下さい。

・タイトルを表示する箇所を指定する場合:class=”ssTitle”を持つタグを挿入してください。

・遷移先を指定する場合:class=”ssTitleAnchor”を持つタグを挿入してください。

・画像が存在しないときの画像:代替画像のURLを設定してください。

HTMLの例:

<div class="articleContainer">
<div class="contentContainer table">
<div class="imgCell"><span class="imgContainer">
 <img class="ssImg" alt="" />
 </span></div>
<div class="titleCell"><a class="ssTitleAnchor"> </a></div>
</div>
</div>

※上記のコードでは、articleContainerなどへの指定をstyle.cssに追加しています。

記事のデザインを一覧形式にする(0.0.16以降)

ver0.0.16以降から、モバイルとPC版で表示する形式を選べるようになりました。

モバイル版での表示が大きいとスクロールするのが大変そうだな・・・と思われる方にはこのカスタマイズがオススメです。

PC版、スマホ版のそれぞれパネル形式・リスト形式のいずれかをお選び頂けます。

デフォルトではPC・スマホともにパネル形式が選択されています。

設定方法

下記の画像の赤枠の場所をパネル / リストの選択を変えることで切り替わります。

※ただし、WP Super Cache等のキャッシュ系プラグインを利用している場合にはキャッシュを削除しないと反映されません。

リスト、パネルの切り替え

PC版での表示のパネル形式

スクリーンショット 2015-03-03 15.59.07

PC版でのリスト表示例

PC版のリスト表示

モバイル版でのパネル表示例

スクリーンショット 2015-03-03 16.08.22

モバイル版でのリスト表示例

スクリーンショット 2015-03-03 15.58.39

詳細設定をすることで、オリジナルテンプレートの設定や、スマホ / PCの判定ロジックの選択ができるようになります。

今まで表示していた関連ページと完全に合わせたい方などに詳細設定はオススメです。

記事一覧の高さを変更するには?

下記のCSSをCSSファイルに追加することで高さの変更が可能です。
.ssArticlesContainer.limited{max-height:300px !important;}

リンクを太字にするには?

下記のCSSをCSSファイルに追加することで、リンクを太字にすることが可能です。

・挿入箇所のみに適用する場合
.ssArticlesContainer.limited a { font-weight:bold;}

・フッター、挿入箇所両方に適用する場合
.ssArticlesContainer a { font-weight:bold;}

・フッターのみに適用する場合
.ssArticlesContainer:not(.limited) a { font-weight:bold;}

(宣伝)CTO候補を募集中!

当社の商品開発から新しい商品開発プロセスの策定まで幅広く行って頂けるCTO候補のエンジニアを募集しております。

今までの開発プロセスに不満のある方、是非お話相手でも構いませんのでご連絡下さい。

Facebook:星野  善彦

メールアドレス:support[at]shisuh.com

お問い合わせ:お問い合わせページ

採用・案件情報:採用・案件情報