CMS

Drupal8について、Movable TypeやWordPressを使っている人が知っておいた方が良いこと


Drupal8がすっかり標準になりましたが、私はなかなか実践レベルになりません。ちゃんとサイトを作らなければ身につかないと、Drupalで趣味の素材配布サイトを立ち上げてみることにしました。

私のCMSの構築は、2005年頃にブームだった素材サイトからはじまりました。素材は、AI・PNG・壁紙などの属性が異なるファイルを、複数のタクソノミーで検索させる必要があり、自動化しようとすると奥が深いコンテンツです。


echo_zeroのフレームワークは今回も役に立ちました

投稿タイプ・フィールド・タクソノミー・Views・サブテーマまで勉強して、見た目はともかくきちんと機能する素材サイトがだいぶできてきました。

ここまでの段階で、MTやWordPressなどのブログベースのCMSで制作をしている人が、Drupal8を学習する前に知っておかないと苦労すること・損をすることがいくつかあると感じたのでメモしておきます。

この記事には続きがあります

CMS

【解決済】a-blog cms バージョン2.7.0と「echo_zero」の不具合について


a-blog cmsの新バージョン、2.7.0がリリースされました。

バージョン2.7.0の変更点一覧

PHP7対応、現在地から近い順にエントリーを表示するモジュールの追加、インポート機能の強化などが大きな変更点です。

これに伴い、ウェビングスタジオが公開中のテーマ「echo_zero」について、バージョン2.7で以下の不具合が発生しております。

1)メンテナンスモードからインポートすると500エラー

【追記】この具合はバージョン2.7.2で修正されました。

私が確認した環境では、500エラーが出るのみでインポート自体には成功しているようすですが、echo_zeroの業務利用を検討されている方はバージョンアップの保留をお勧めいたします。
公式以外のすべてのテーマで発生する可能性がありますが、開発元からの続報を待ちたいところです。

2)トップページのMETAタグがおかしくなる

【追記】その後再現していません。バージョンアップ直後にキャッシュのクリアをお試しください。

titleとdescriptionにIFブロックのコードがそのまま入ってしまうことがあります。キャッシュファイルの仕様変更によるものと思われます。
ブログ設定の「SEOの設定」を一旦更新すると直ります。もしもそれでも直らないようでしたら、テーマ修正を検討しますのでお知らせください。

echo_zeroをご利用中の方はたいへんお手数をおかけいたしますが、何卒宜しくお願いいたします。

CMS

a-blog cms版「echo_zero」のバージョン1.1.3リリース・不具合を修正しました


a-blog cms用テーマ「echo_zero」の、バージョン1.1.3をリリースしました。

https://github.com/webbingstudio/acms_theme_echo_zero

以下の大きめの不具合を発見し、修正しております。申し訳ありません。

・「ブログ設定」のGoogle Analyticsの内容が、公開ページに反映されない ・ユニットグループの段組解除を行なうと、以降の画像ユニットを左右配置したときに余白がなくなる

すでにご利用中の方は、お手数ですがGitHubで差分をご確認の上、更新をお願いいたします。

また、今回のバージョンから本文中の「見出し中(h3要素)」が中央寄せから左寄せに変更となっています。
(私がカスタマイズガイドを書いていて、本文見出しが中央寄せだと激しく不便だということに気付いたためです) すでにカスタマイズを行なっている方はご注意ください。

今後とも、echoプロジェクトを宜しくお願いいたします。

CMS

WordPress(ワードプレス)をやめたくなった人へのアドバイス


つい先日、ワードプレス(以下、WordPress)に深刻な脆弱性が発見され、かなりのウェブサイトが改ざんの被害を受けました。
ネットで評判が良かったので、なんとなくWordPressを使っていたけれど、やめたいと思っている人も多いかもしれません。

「無料で高機能で便利だったけど、怖いので違うブログにしたい…」
「ブログのことはWordPressしか知らないし、今後どうしていいかわからない…」

私は、WordPressをはじめとした「コンテンツマネージメントシステム(以下、CMS)」を使ったホームページ制作や乗り換えの仕事をしています。
この記事は「WordPressをやめたい」と悩みはじめた人のための、私から提供できるアドバイスです。

2017-02-27追記:さすがにタイトルがよろしくなかったので変更しました。

この記事には続きがあります

CMS

a-blog cmsの投稿画面用UIと既存スタイルの衝突を回避するCSSを公開します


a-blog cmsの魅力は、公開サイトからデザインの異なる管理画面へ移動せずにエントリーの投稿ができるところにあります。日本での利用を前提としたUIもわかりやすく、クライアントさんからの評価も高いです。

投稿画面のユーザーインターフェースのCSSも丁寧に作られているのですが、導入するサイトのCSSルールによっては衝突が起こる場合があります。

典型的な例が以下のようなサイトで、body要素のスタイルを参照しているa-blog cmsの投稿画面は、冒頭の画像のように見た目が崩れてしまいます。

  • bodyにセリフ系、デザイン系のフォントを指定している
  • bodyの文字サイズを「0.625rem(=10px)」として、各モジュールは「140%」などの相対%で調整している

これらをはじめとする細かい問題を回避するCSSをGistで公開しました。

a-blog cms バージョン2.6時点の、公開ページでの投稿フォームなどの既存CSSとの衝突を修正するための追加CSS

こちらからも、2017年1月19日時点のバージョンをダウンロードできます。


ファイルイメージ

acms_ex.css.zip

使い方

以下のとおり、本来の「acms.css」に続けて読み込んでください。

<link rel="stylesheet" href="/css/acms-admin.css">
<link rel="stylesheet" href="/css/acms_ex.css">

このCSSは、以下の問題の修正と、外観の調整を行います。

  • 本文のスタイルの影響をUIも受けてしまう問題を回避
  • 全幅レイアウトのサイトに組み込んだときにUIが広がりすぎる問題を回避
  • 管理ボックスのボタンサイズを固定
  • ユニット内のラベルのクラス名がbootstapと重複している問題を回避
  • acms.css以外のフレームワークを使用すると予期しない箇所で段組が解除されてしまう問題を回避
  • エントリーカスタムフィールドのラベルを長いタイトルにも対応させる
  • ファイルユニットになぜかインラインでwidthが入ってしまう問題を回避
  • ツールチップアイコンをエントリー・モジュールのカスタムフィールドでも使用できるようにする
  • 文字装飾ボタンを目立たせる

「本文のフォントをacms.cssのフォントに合わせる」「予期しない箇所で段組が解除されてしまう」「文字装飾ボタンを目立たせる」については必要ないケースもあると思うので調整してください。

また「ファイルユニットになぜかインラインでwidthが入ってしまう問題」については今後のバージョンで修正される可能性があります(先日リリースれた2.6.1.4では未確認です)。その場合はこちらは逆に不具合の原因になるかもしれません。


私はいちからすべてテーマを制作する案件だけでなく、すでに制作会社さんによってコーディングが終わったサイトにCMSを組み込む案件も多数請け負っています。この調整CSSは、そのような案件を通してちょっとずつ書き足していったものです。

個人的には10pxから文字サイズを調整する手法は開発者側の計算が楽になるものの、改修や外部サービスのパーツ追加に弱いので避けるべきと思います。

しかし、そういった導入先サイトのスタイルの問題だけでなく、最近のCSSフレームワークで見られる「ワイド画面でサイト全体の文字サイズが大きくなる」効果によって「良かれと思って作られているものがacms.cssと衝突する」というケースもあり、やはりサイトに応じて制作側が細やかに調整していくしかないと思います。

「そこまでするの?」「フォントなんて気にしなくても…」という意見もあるでしょうが、私は可能な限り徹底したいと考えています。はじめてのCMSを扱うクライアントの不安をできるだけ払拭するのが、CMS構築を担当する私の役割でもあるからです。