【KBoardスキンのダウンロード]ギャラリースキン

Last Updated: 2017 年 01 月 29 日 7のコメント

WordPress 掲示板プラグインKBoardのThumbnailスキンを見積もりフォームに改造したバージョンです。 (ファイル名: gallery.zip ) もう一度更新してスキンファイルをアップロードする予定でしたが、いつ可能かわかりません。wordpress/" target = "_blank">この記事を参照してjQueryを使用すると、レイアウトを2列/3列などに簡単に調整できます。

2017年1月29日アップデート: ダウンロードしたファイルはすべて Naver ブログからダウンロードするように移動しました。 このスキンファイルは、 ここからダウンロードすることができます。 このブログに上げられたほとんどの KBoard スキンは、あまりにも長い間されて正常に動作していませんが、このギャラリースキンは、現在までに正常に動作していることを確認しました。 今後 KBoard バージョンでは、正常に動作しない可能性があります。


Kboard Gallery skin

 

インストール方法:

  1. 上記のファイルをダウンロードします。
  2. サムネイルスキンを使用して、新しいスキンを作成します。 スキンを作成する方法は、 ここを参照してください。
  3. ダウンロードしたファイルを解凍して、新しく作成されたスキンフォルダにアップロードします。
  4. 以外のプロセスは、一般的なKBoardスキンを使用と同じです。
  5. アイコンが正しく表示されるようにするAwesomeフォントをインストールする必要があります。 (ここ 参考)

 

テーマに沿ってレイアウトが違って表示されることがあります。 CSSを使用してレイアウト調整が必要な場合があります。

追加:

list.phpの style="max-width: 90%;" alt=" thumbnail_name?>">から "style="max-width: 90%;"" 部分を削除し、

奇数、偶数クラスを指定された後で、CSSで調整していただければ、より良い結果を得ることができます。

list.phpファイルから:

<?php $sn_count = 1; ?>
<?php while($content = $list->hasNext()):?>
<li class="<?php if ( $sn_count & 1 ) {
echo 'oddcols';
} else {
echo 'evencols';
}
?>">
...
</li><!-- Moved -->
<?php  $sn_count++; ?>
<?php endwhile?>

上記のように奇数/偶数を指定するクラスを指定し、

cssファイルで左側の列は、li.oddcolsを、右カラムはli.evencolsを使用して、レイアウトを調整してください。


*注意:十分なテストを経ていない。 もしかしたら、エラーがあるかの改善点があれば教えてください。

 


7のコメント

コメント

  1. 現在のソースの変更を計画していますが、うまくいかない場合は、この月の終わりまでに修正できなければ、以前のバージョンをそのまま掲載いたします。 参考までに、上記のデモページへのリンクは削除する必要があります。 (近いうちに記事を更新します。)ギャラリー掲示板がすぐに必要な場合 KBoard ストア(http://www.cosmosfarm.com/wpstore)で購入することができます。

    応答
    • コメントありがとうございます。

      現在修正計画中ですが…仕事のために忙しくて(言い訳ですが…)少し遅れていますね。

      応答
  2. こんにちは。

    WordPressを学びながら、教会のホームページを作ってみようと情報をチャトダみるここまで来ました。
    少し簡単にアクセスするために有料のテーマを購入しても良いが、少しでも内部を学ぶためにまだ確信が持てない 
    ユーロテーマを購入ませんでした。
    ...
    サイトにあげたkboardギャラリースキンに関連して、phpファイルを変更すると、する2のを実装可能するかもよ?  

    1。 一画面に複数枚の写真を見ることができるように
    2。 ギャラリー掲示板の露出された(?)の写真をクリックすると、関連する複数の写真を見る
    ちなみにphp&cssは今の勉強を始めました。
    ありがとうございます。
    応答
    • こんにちは?

      私のブログを訪問していただきありがとうございます。 1回最新KBoardで自動的にサポートされています。 2回質問の場合考えたことがないのですが、現在の写真をクリックすると、グローバル移動するようになっています。 しかし、実際に最初は写真をクリックすると、ライトボックスの形で表示されるようにしたが、変更したものです。 代わりに拡大鏡(小さいアイコン)をクリックすると、ライトボックス機能をします。 私の考えでは、ライトボックスのプラグインを使用して同様の機能を実装し参照するか、直接捕虜プログラミングをしたり、専門家に依頼しなければならないようです。

      応答
  3. リストページの拡大アイコンにrel = lightboxが適用されており、Lightboxプラグインをインストールするか、適切なjQueryをフックさせてくれれば、自動的にライトボックスの形で画像が表示されます。

    応答