テンプレートを自作する の検索結果:

Joomla!(15)テンプレートを自作する -Bootstrapテンプレートを移植する6(最終回)-

14日付で Joomla! 3.4.6 がリリースされています。セキュリティアップデートですので早急に更新した方がいいでしょう。 管理画面にログインすれば、Joomla!(3)システムのアップデート でやりましたようにメッセージが出ますので指示に従うだけです。ただし、公開サイトの場合はローカルで確認の上更新したほうが安全です。 さて、Bootstrapテンプレートの移植ですが、最後はパジネーションの移植とファイル構成の確認です。 パジネーション(ページネーション)の上書き パ…

Joomla!(14)テンプレートを自作する -Bootstrapテンプレートを移植する5-

…を確認しましょう。 テンプレートを自作する -Bootstrapテンプレートを移植する1- で記事として保存しておいた #recent-works の子要素 div.container の注目をはいにする メニュー→ホームのアイテムを注目記事にする オプション > タイトルの表示を非表示にする (注)各記事の設定でタイトルを非表示にしてもここで表示になっていると表示されます ページ表示 > ページ見出しの表示をいいえにする これでインデックスページと各単一ページが移植されたは…

Joomla!(13)テンプレートを自作する -システムが出力するレイアウトを上書きする方法-

…Joomla!(9)テンプレートを自作する -Bootstrapテンプレートを移植する2- でメニューモジュールの設定をした際に、サブメニューの表示を css でコントールしましたが、Bootstrapテンプレートではクリックイベントを使っており、また アイコンも表示するようになっています。これはどちらでも構いませんが説明のためにオリジナルと同等にしてみましょう。 modules\mod_menu\tmpl 内から3つのファイルを次の構成でコピーします。 templates …

Joomla!(12)テンプレートを自作する -Bootstrapテンプレートを移植する4-

ネット上に公開されている Bootstrap のテンプレートを Joomla! に移植する方法を書いています。2回程度で次に進もうと考えていたのですが、4回めにしてやっとホームが見られるようになってきた程度でまだまだ2,3回はかかりそうです。文章にしていくことはなかなか手間のかかることです。 jdoc ステートメントの style 属性 カスタムモジュールスタイル デモサイト jdoc ステートメントの style 属性 モジュールを呼び出すステートメント jdoc:incl…

Joomla!(11)テンプレートを自作する -Bootstrapテンプレートを移植する3-

Bootstrapテンプレートを移植する2 に続いて index.php を作っていきます。前回も書きましたように説明のためにボトムアップ的に書いていますが、実際に作成する場合は、まず全体の構成を考え、モジュール名などを決定したうえで作業にかかるべきだと思います。 前回でヘッダー部分ができましたのでスライダーからです。 $this->countModules を使ってブロック表示を条件指定 templateDetailes.xml にモジュール表示位置を追加 モジュールの表示…

Joomla!(10)テンプレートを自作する -Bootstrapテンプレートを移植する2-

…Joomla!(7)テンプレートを自作する -最もシンプルなテンプレート のテンプレートのインストールを参考にしてください。 インストールしたテンプレートを標準に適用しても、まだ「Flat Theme」のロゴが表示されるだけだと思います。このロゴは、テンプレート管理 > 詳細 で設定し、イメージ→テキスト→デフォルトイメージの順で探して表示します。 メニューモジュールの設定 メニューモジュールの表示位置に nav を選択 詳細タブ > メニュクラスサフィックスに 「(要スペー…

Joomla!(9)テンプレートを自作する -Bootstrapテンプレートを移植する1-

ネット上には Bootstrap を使った HTML テンプレートがたくさん公開されています。有料のものだけではなく、これが無料?とびっくりするくらい素敵なものもあります。その中のひとつを Joomla! に移植してみましょう。 今回は shapebootstrap.net さんのサイトのテンプレートを使わせていただきます。 Bootstrap の無料 HTML テンプレート ダウンロード コンテンツとモジュールを切り分ける インデックスページ ブログページ他 Joomla!…

Joomla!(8)テンプレートを自作する -Bootstrapを導入する-

Bootstrap もバージョン4のアルファ版が3ヶ月前に出ています。 Bootstrap 4 alpha · Bootstrap Blog 今回導入するのは安定版の 3.3.5 ですが、当然いずれアップグレードという作業が待っているわけで、本当にウェブに関わりますといくら時間があっても足らなくなります。決して便利さは時間の節約にはつながらないですね。 愚痴を言っていても始まりませんので早速はじめましょう。 Getting started · Bootstrap からダウンロ…

Joomla!(7)テンプレートを自作する -最もシンプルなテンプレート-

Joomla! は CMS ですのでテンプレートを使ってページを生成します。ブログのようにひとつのサイトにひとつのテンプレートということはなく、すべてのページを違うテンプレートで作ることもできます。そんな極端なことはしないにしても、見た目はサイト作成の重要ポイントですので、デザインの可能性が広がることは優位性があります。 で、テンプレートの作り方ですが、 デフォルトテンプレートをカスタマイズする 有料、または無料で手に入れたテンプレートをカスタマイズする 一から自作する のい…