ちょっとずつ調整

前略

鴉河雛です

というわけで、ページテンプレートを変えた話は前回しましたが、

そもそもなんで変えたかというと、もともとMinecraftのサーバHPとして始め、

ブログは別で持っていましたが、concrete5を気に入ってしまったために一緒にしてしまおうと、

HPスタイルのままブログをしていたので、ちょっとおかしな感じになっていました。

最近はMinecraftサーバも稼働させてはいるけど、参加募集とかもしておらず、

適当になってきていたので、いっそのことブログスタイルに変更しようかなといった感じで変えました。

（タイミングよくテーマが出ていたのでここぞとばかりに

ところで、concrete5.7の時は画像のLightBoxとか自動リサイズとか動いてたんですが、

concrete5 v8になった時からそれができなくなった？みたいで、今回はそこらへんをちょっと調整しました。

まずは、チョット前に作った自分用のLightBoxプラグインを再調整・・

(function() {
    CKEDITOR.plugins.add( 'lightbox', {
        init: function( editor ){
            editor.addCommand( 'insertLightbox', {
                exec : function( editor ) {
                    var element = editor.getSelection().getStartElement();
                    var image_url= element.$.firstChild.currentSrc;
                    var image_alt= element.$.firstChild.alt;
                    var image_height =element.$.firstChild.height;
                    var image_width =element.$.firstChild.width;
                    var element = CKEDITOR.dom.element.createFromHtml('<div class="sue-image"><a data-concrete5-link-lightbox="image" href="' + image_url + '"><img class="sue-img" alt="' + image_alt + '" height="' + image_height + '" width="' + image_width + '" src="' + image_url + '" /></div>');
                    editor.insertElement(element);
                }
            });

            editor.ui.addButton( 'lightbox', {
                label: 'InsertLightBox', 
                command: 'insertLightbox',
                toolbar: 'insert'
            });
        }
    });
})();

前回作ったやつのままだと、widthとheightに違う値が入っていたので、これで再度様子見・・

相変わらず直接widgetをいじっていないので、保存→編集しないと再編集できないですが・・・

まぁそこらへんは個人で使うだけなのでいいということで・・・

今回はsue-imageクラスを追加し、記事のサイズ以上に画像がはみ出ないようにスタイルシートも編集しました。

.ccm-page .box-detail .sue-image img {
    max-width: 100%;
}

ただ、相変わらずスマホからの記事編集はちょっとやりにくいので何とかならないかなぁとか思ったり。。。

とりあえずはこれでしばらく様子見です。

では、また。

うじゃ。