テスト用に作られたコンテンツで、実在のものではありません。ablogcms.ioは、ブラウザから行える作業以外にもSFTP情報が支給されるため、カスタマイズが体験できます。ご自身の専用環境となるため、登録データは共用ではありません。お試し用の環境となりますので、サーバー内のファイルや登録データは登録から30日で削除されてしまいますのでご注意ください。cmsをインストールする必要があります。詳しくは以下をご覧ください。cmsのドキュメントページ。cmsの基本のカスタマイズ方法を掲載しています。cmsを自由に触れる環境ができたら、CMSにログインしましょう。CMSをインストールしたサイトのURLの末尾に「/login/」とつけてブラウザからアクセスするとログインページが表示されます。cmsにログインする方法、ユーザーIDやパスワードが間違っていた場合とパスワードを忘れてしまったときの対処法を掲載しています。ログインができたら、記事を作成しましょう。cmsでは記事のことを「エントリー」と呼んでいます。詳しいエントリーの書き方は以下の記事をご覧ください。cmsでは、1つのエントリーはタイトルとユニットと呼ばれる情報で構成されます。ここでは基本的なエントリーの作成方法、ユニットのレイアウトの仕方について掲載しています。カスタムフィールドつぎは、カスタマイズした自由な入力欄を提供できるカスタムフィールドを作りましょう。メーカーで作ったソースコードの記述場所を把握するために「ブログのカスタムフィールド」の記事を参考にするのがいいと思います。エントリーや、カテゴリー・ブログ・ユーザーに対して独自のデータを追加することができる機能です。追加したデータは表示や検索用のキーとして利用されます。developerカスタムフィールドメーカーとは、ラベルや値、サイズなど入力していきカスタムフィールドのHTMLが生成する便利なツールです。作成する方法をここではご案内しておきます。以下の記事をご覧ください。作る際はテンプレートを設置するディレクトリが変わりますので、それぞれの記事をご覧ください。developerブログの管理画面にカスタムフィールドを作って、独自の情報を持たせることができます。テキスト、画像、ファイルなどブログ毎に項目が作れます。ブログのカスタムフィールドはブログ管理の...テーマとテンプレートテーマとテンプレートでは、どこに書いたら意図したものが表示されるのか、実際に確認しながら進めることをおすすめします。「テーマとテンプレートの構成」の記事で構成をなんとなく把握してください。実践したい場合は「表示テンプレートの確認」の見出しを参考に、テーマに実際に書いてみることがおすすめです。cmsではプログラムが動作する箇所になります。各記述方法を知りたい場合は以下の記事をご覧ください。更新ができるページを作るためのHTMLファイルを「テンプレートファイル」といいます。cmsに登録したデータを表示する機能がモジュールです。以下の記事を見ると、モジュールにはたくさんの種類があることがわかります。モジュールの機能でできることが大体把握できると思います。cmsの表示用テンプレートは「モジュール」というパーツをHTMLファイルに貼り付けて作ります。モジュールの扱い方がわかれば、Webサイトの見栄えやデータ表示に関する表現の幅が広がり...ビルトインモジュールを使っているうちに、ビルトインモジュールで登録データの条件設定のしかたについて疑問を持つ方が多いですが、その場合にはモジュールIDを作成してください。モジュールIDを作成することで、複数の条件設定が可能になります。実際にサイトを制作するときには、基本的には毎度モジュールIDを作成して使うことになります。developerモジュールIDとは、モジュールの機能をさらに便利にしたもので、URLコンテキストを利用せずに管理ページのモジュールIDで指定した条件設定や表示設定を元にモジュールを動作できるようになり...フォームサイトにフォームを作る際は以下の記事を参考にしてください。cmsで作る方法です。標準でフォーム機能も搭載しています。ソースコードがあるので、全て覚えるのは大変だと思います。公式テーマではブログテーマ以外はお問い合わせフォームの仕組みを持っておりますので、ソースコードをコピー&ペーストして要素を追加したり削除して、少しずつデザインに近づけていくことをおすすめします。フォームはカスタムフィールドと同じソースコードです。メーカーを活用して制作してください。他にも、フォーム機能と連動してGoogleスプレッドシートやSlackやReCaptchaなどの外部機能と連携することができる「拡張アプリ」という機能があります。こちらは基礎的な内容ではありませんが、こういった機能も知っていると提案の幅が広げることができるため、ご紹介しておきます。cmsの拡張アプリ一覧です。これらの拡張アプリを設置していただくことでお使いいただけます。基礎的な機能については以上となります。これまでに紹介した機能で小さなコーポレートサイトなら作ることができますので、まずはこれらの機能を使ってみることがオススメです。ほかにも、静的サイトから動的サイトを作っていくハンズオンコンテンツがあるため、こちらを2~3周して学習すると理解が深まると思います。利用して日々更新できるような...そのほかの機能マルチサイトは管理画面から「ブログ管理」のページで子ブログを作成することで作れますし、パスワード制限をかけたサイト(例:会員制サイト)もブログのステータスを「シークレット」にするだけで作れます。その他にもレスポンシブWebデザインではなく、PCとスマホのデザインを変更するときにはルールという機能が必要です。developer「ルール」はさまざまな条件毎に設定を変更する機能です。デバイスのユーザーエージェント毎に表示テーマを切り替えたり、特定のデバイスやブラウザからの閲覧時のみ別の表示設定ができるよ...運営者がウェブサイトのレイアウトを自由に変更したいという特殊な要望があれば、レイアウト機能という機能も用意しています。cmsには、ブラウザ上からコンテンツのレイアウトを変更できる機能があります。cmsですが、まずはこの記事に書いてある機能を把握することが第一歩です。わからない箇所があればお気軽にフォーラムで質問してください。実際に勉強会に来ていただくと、あなたに合わせてご説明することも可能です。公式テーマ「site2019」のXDファイルがダウンロードできるようになりました。計13ページ分のテンプレ...続きを読む201904/19Ver.2.10.8より追加されたlp@site2019(ランディングページテーマ)の使い方Ver.2.10.8よりランディングページテーマが「lp@site2019」にアップデートいたしました。フィックスバージョンなのですが、テーマ類が2019版になったりと大きな変更が加えられています。2019/03」を開催しました。今回はVer.2.10の機能について開発者スタッフからご紹介いたしました。設定が可能になりました。コンテンツを管理しやすく、扱いやすいUIを提供することを目的として開発が進められ、ようやくリリースとなりました。