2019/05/23 14:31 JST

Geeklog Japan Forums

大妻女子大学人間関係学部サイトをリニューアル


状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5905
場所:Tokyo

大妻女子大学人間関係学部サイトをリニューアルしました。

https://www.geeklog.jp/databox/data.php/00000020160730102118/code

dataBoxプラグインとMediaGalleryプラグインを活用。MediaGallery medialist自動タグを多用。(記事機能は利用せずかわりにdataBoxを活用しています。)


状態: オフライン

terayama

Forum User
Active Member
登録日: 02/16/07
投稿数: 217

差支えがなければ テンプレート群 見せて頂ければありがたいです

できればdataboxの構造も・・・

以前から気になっていたdataboxをやっと5月くらいからいじっているのですが、なかなか身につきません
目的があるわけではないので質問もできないのですが、いまひとつもやもやしてます


状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5905
場所:Tokyo

dataBoxを使っていただいてありがとうございます。

5月のおわりくらいに、テンプレートを大幅改善していますので、最新版にアップグレードしていただければと思います。

その際に、phpMyAdminでテーブル構造を変更しなければならないかは、こちらのページを見てご確認だくさい。

https://bitbucket.org/tsuchi/box/wiki/table%20change%20history

記事ページの表示のテンプレートをご紹介します。いろいろこまかく作りこんでいるのですが、ご参考までに。

サンプルは、defaultにテンプレートがありますのでそれを参考に作って行ってください。

templates/data/list_detail.thtml:

PHP Formatted Code
 {# begin {templatelocation} #}

<div class="uk-grid">
        <div class="uk-width-large-3-4 uk-width-mediaum-1-2">

                <div class="uk-float-right">{draft}{edit}</div>
                <div class="{group_information_code} {group_from_code} {group_to_code} {group_level_code} {group_size_code}">

                        <p id="breadcrumbs"><a href="{site_url}/">HOME</a> ::
                                <?php $var1=$this->get_var('group_from_code'); $var2="faculty"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}">学部</a>
                                <?php } ?>
                                <?php $var1=$this->get_var('group_from_code'); $var2="sociology"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}/staticpages/index.php/sociology">社会学専攻</a>
                                <?php } ?>
                                <?php $var1=$this->get_var('group_from_code'); $var2="psychology"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}/staticpages/index.php/psychology">社会・臨床心理学専攻</a>
                                <?php } ?>
                                <?php $var1=$this->get_var('group_from_code'); $var2="social-work"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}/staticpages/index.php/social-work">人間福祉学専攻</a>
                                <?php } ?>
                                <?php $var1=$this->get_var('group_from_code'); $var2="care-work"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}/staticpages/index.php/care-work">介護福祉学専攻</a>
                                <?php } ?>
                                <?php $var1=$this->get_var('group_from_code'); $var2="social-work,care-work"; if( strcmp( $var1, $var2) == 0 ){ ?>
                                <a href="{site_url}/staticpages/index.php/social-work">人間福祉学専攻</a>,
                                <a href="{site_url}/staticpages/index.php/care-work">介護福祉学専攻</a>
                                <?php } ?>
                        </p>

                        <div>

                                <h2 class="uk-h2">{title}</h2>

                                <p class="uk-text-right">{released_shortdate}</p>

                                {!if article_media_id}
                                <div class="uk-text-center uk-margin-small">
                                {!!autotag media:'.{article_media_id}.' width:-1 height:-1 class:uk-border-rounded src:disp !!}
                                </div>
                                {!endif}
                                {!if caption}
                                <div class="uk-margin-small-top uk-text-bold uk-text-center uk-margin-large-bottom">
                                {caption}
                                </div>
                                {!endif}

                                {!if introtext}
                                <div class="uk-margin-remove databox_introtext">{introtext}</div>
                                {!endif}
                                {!if introtext2}
                                <div class="uk-margin-remove uk-clearfix databox_introtext2">{introtext2}</div>
                                {!endif}

                                {!if mainphoto1}
                                <div style="text-align:center">
                                <img class="lightbox" src="/images/databox/{mainphoto1}" alt="{title}" title="">
                                {!endif}
                                {!if mainphoto2}
                                <img class="lightbox" src="/images/databox/{mainphoto2}" alt="{title}" title="">
                                {!endif}
                                {!if mainphoto3}
                                <img class="lightbox" src="/images/databox/{mainphoto3}" alt="{title}" title="">
                                {!endif}
                                {!if mainphoto1}
                                </div>
                                {!endif}

                                {!if bodytext}
                                <div class="databox_bodytext uk-margin-large-top">
                                {bodytext}
                                </div>
                                {!endif}
                                {!if bodytext2}
                                <div class="databox_bodytext uk-margin-large-top">
                                {bodytext2}
                                </div>
                                {!endif}

                                {!if pdffile}
                                <div class="uk-visible-large uk-container-center">
                                        <dl>
                                                <dt></dt>
                                                <dd class="uk-text-right">
                                                {!endif}
                                                {!if pdffile}
                                                <a class="embed-large" href="{data_img_url}files/{pdffile_readfile}" target="_blank" style="cursor:default; color: #444">拡大表示する<i class="uk-icon-chevron-circle-down"></i> ポップアウト(単独表示)する<i class="uk-icon-chevron-circle-down"></i></a>
                                                {!endif}
                                                {!if pdffile}
                                                </dd>
                                        </dl>
                                </div>
                                {!endif}
                                {!if pdffile}
                                <div class="uk-visible-medium uk-container-center">
                                        <dl>
                                                <dt></dt>
                                                <dd class="uk-text-right">
                                                {!endif}
                                                {!if pdffile}
                                                <a class="embed-medium" href="{data_img_url}files/{pdffile_readfile}" target="_blank" style="cursor:default; color: #444">拡大表示する<i class="uk-icon-chevron-circle-down"></i> ポップアウト(単独表示)する<i class="uk-icon-chevron-circle-down"></i></a>
                                                {!endif}
                                                {!if pdffile}
                                                </dd>
                                        </dl>
                                </div>
                                {!endif}
                                {!if pdffile}
                                <div class="uk-visible-small">
                                        <dl>
                                                <dt></dt>
                                                <dd class="uk-text-right uk-margin-remove uk-container-center">
                                                {!endif}
                                                {!if pdffile}
                                                <a class="embed-small" href="{data_img_url}files/{pdffile_readfile}" target="_blank" style="cursor:default; color: #444">拡大表示する<i class="uk-icon-chevron-circle-down"></i> ポップアウト(単独表示)する<i class="uk-icon-chevron-circle-down"></i></a>
                                                {!endif}
                                                {!if pdffile}
                                                </dd>
                                        </dl>
                                </div>
                                {!endif}

                        </div>

                </div>

        </div>
        <div class="uk-width-large-1-4 uk-width-mediaum-1-2 uk-hidden-small">
                <div class="uk-panel uk-panel-box">
                        {!!autotag databox:newlist title_trim_length:60 intervalday:1000 limitcnt:50 newmarkday:5 category_code:article templatedir:newslist !!}
                        <div class="uk-text-right">{!!autotag staticpage:allstories  ... more <i class="uk-icon-arrow-circle-right"></i> !!}</div>
                </div>
        </div>
</div>


{# end {templatelocation} #}
 

状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5905
場所:Tokyo

状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5905
場所:Tokyo

データのサンプルもSQL形式で抜き出したものを追加しました。

多言語サイト用なので、あまりに複雑すぎると思われるかもしれませんが、設計は極めてシンプルです。

defaultテンプレートをベースに作成して行ってみてください。

東京または大阪であれば、いつでも勉強会開きますのでお声掛けください。


状態: オフライン

terayama

Forum User
Active Member
登録日: 02/16/07
投稿数: 217

ありがとうございます
数ヵ月後に勉強会開いて頂けるとありがたいです(大阪で) 


時刻はすべて JST , 現在の時刻は 02:31 PM

  • 通常
  • 注目トピック
  • ロック済
  • 新着
  • 注目トピック 新着
  • ロック済トピック 新着
  •  ゲストユーザの投稿を見る
  •  ゲストユーザ投稿可能
  •  一部のHTMLを許可
  •  バッドワードをチェック