HOME  >  MOVABLETYPE > レスポンシブテンプレート for MovableType5-7

レスポンシブテンプレート for MovableType5-7

MovableType3.3(動作確認済) ※ただしテーマは利用できず
MovableType4(動作未確認)
MovableType5(動作確認済)
MovableType6(動作確認済)
MovableType7(動作確認済)

ダウンロードファイル

「theme from ~」フォルダ(MovableType5-7用テーマ)

MovableType5-7用のテーマフォルダ
JavaScriptファイル
imgフォルダ(画像)

MovableType3.3用テンプレート(インデックステンプレート、アーカイブテンプレート、テンプレートモジュールの各テキストファイル)も同梱しております。

インストール方法

Themeフォルダに、MT5フォルダ内のテーマフォルダをアップロードし、テーマを選択して適用すれば、簡単にインストールできます。

JavaScriptファイル2つと、imgフォルダは、ブログのトップページ設置と同じ階層(ディレクトリ)に設置します。

特別なMTタグやプラグインを使用していないため、MovableType5,6,7のバージョンでも動作します。

MovableType3と同様に、MT3フォルダ内のテンプレートを一つ一つ、管理画面において、テキストファイルの内容を貼りつけることもできます。

ダウンロード方法&設置・運用方法のご説明

http://kanehara.net/movabletype/

レスポンシブテンプレート for MovableType

SEOに特化したhtmlコード、下記の特徴があります。

Title、Descriptionを自動生成します

人為的に入力することによるページ説明の乱れを廃し、Descriptionが検索結果に表示されやすいことが経験上からは見られます。

HTML5による文書構造

header、main、nav、article、section、aside、footerタグにより、文書構造と、コンテンツの重要性を検索エンジンに伝えます。

パソコン、タブレット、スマホの3段階レスポンシブ

アコーディオンメニューによりサイト内回遊性を高めます

Inclideタグでテンプレートモジュールをお好みで挿入

レスポンシブテンプレート04 for MovableType3.3 (- 5, 6, 7)

パソコン / タブレット / スマートフォン表示

タブレット表示

スマホ表示

サンプルサイト

ダウンロード方法&設置・運用方法のご説明

テンプレートのダウンロード

note内の筆者の有料ページにて、ダウンロードURLを記載しています。有料ページの閲覧には、noteでのユーザー登録が必要になります。

有料ページの閲覧料金で、ご自由にダウンロードしていただくことができます。

使用方法、設定方法はこのサイトにてご説明いたします。

ダウンロードファイル

下記のZIPファイル(選択したテーマのもの)がダウンロードできます。

ZIPファイルの中身は、下記のとおり、「MOVABLETYPE」(選択したテーマのもの)フォルダになっています。

「MOVABLETYPE」フォルダの中身は、下記の通り、「MT3」フォルダ、「MT5」フォルダと、「bootstrap.min(3.36フルバージョン).css」になります。

それぞれの用途

「MT3」フォルダ

MovableType3.3はもちろん、それ以降のバージョンである5(オープンソース版)で使用できます。特殊なタグやプラグインを使用していないため、最新版でも使用できます。
テンプレート、アーカイブテンプレート、テンプレートモジュールを、テキストファイルで用意しています。
MovableTypeの管理画面で、各テキストファイルの中身をテンプレートにすれば、設定できます。

imgフォルダには、このサンプルサイトで使用しているのと同じ画像が入っています。imgフォルダは、MovableTypeで作成するサイトのトップページと同じ階層に設置します。

「MT5」フォルダ

MovableTypeのテーマです。
MovableType5以降では、テーマのインポートをすることにより、使用できるようになっています。

「bootstrap.min(3.36フルバージョン).css」

各テーマでは、インデックステンプレート中に、bootstrap3.36のcssと、独自のstyle.cssを使用しています。

bootstrapのcssは非常に長いため、カルーセルなど、使用しないcssは省いています。
bootstrapのその他のさまざまな機能を利用したい場合には、bootstrapのサイトでダウンロードするか、bootstrap.min(3.36フルバージョン).cssに差し替えて、ファイル名をbootstrap.min.cssに変更して使用できるため、同梱しています。
必要がなければ使用しません。

imgフォルダ

imgフォルダは、このサンプルサイトで使用している画像を格納しています。

MovableTypeで作成するサイトのトップページと同じ階層に、imgフォルダをFTPでアップロードします。

※異なる階層に設置する場合には、テンプレートで使用している画像のURLを修正する必要があります。

サイトマップで使用している画像は、他の画像に変更できます。
幅は変えない方がよいですが、画像の高さは変更できます(例えば正方形にできます)。

JavaScript

MovableTypeで作成するサイトのトップページと同じ階層に、2つのJavaScriptをFTPでアップロードします。

※異なる階層に設置する場合には、テンプレートで使用しているScriptのURLを修正する必要があります。


テンプレート一覧
インデックステンプレート
※各テーマとも共通

名前 出力ファイル名

404エラー 404error.html
bootstrap bootstrap.min.css
htaccess .htaccess
sitemap.xml sitemap.xml
サイトマップ sitemap.html
スタイルシート style.css
メインページ index.html

アーカイブテンプレート
※各テーマとも共通
※アーカイブパスは自由に設定可能(下記は当方推奨のアーカイブパス)

名前 アーカイブパス

ウェブページ folder-path/page-basename.html
カテゴリ別ブログ記事リスト <$MTCategoryLabel dirify=”1″$>.html
ブログ記事 archives/<$MTEntryID$>.html
月別 %y%m/%i

テンプレートモジュール
※「Toppage_ad1」「Toppage_ad2」は、テーマによっては「Toppage_ad」のみ存在
※「Navigation_menu」はテーマにより存在しない

Accordion_menu
 アコーディオン開閉式新着記事。注目記事等にカスタマイズ可。
 トップページにてInclude。不要ならInclude削除。
CategoryCanonical
 カテゴリーページの他との重複ページを避けるため、特定のカテゴリーで、カテゴリーページ以外にcanonical設定可。
 カテゴリーページのheadにてInclude。使わなければそのまま。
Categorypage_ad
 カテゴリーページ下部の広告スペース。
 及びSNSシェアボタン、更新日時、著者ページへのリンク。
 カテゴリーページにてInclude。不要ならInclude削除。
EntryCanonical
 エントリーページの他との重複ページを避けるため、特定のカテゴリーで、エントリーページ以外にcanonical設定可。
 エントリーページのheadにてInclude。使わなければそのまま。
Entrypage_ad
 エントリーページ下部の広告スペース。
 及びSNSシェアボタン、著者ページへのリンク。
 エントリーページにてInclude。不要ならInclude削除。
Footer_left
 Footer左側自由欄。全ページにてInclude。
Footer_right
 Footer右側自由欄。全ページにてInclude。
Lastmodified
 カテゴリーページの更新日時、必要に応じ手動入力。
 テンプレートモジュールCategory_adにて読み込み。
 カテゴリーページにてInclude。不要ならInclude削除。
Navigation_menu(テーマ03)
 ページ上部ナビゲーション設定
 全ページにてInclude。
Sitemap
 ページ上半部カテゴリーメニュー。メニュー1~5の4つ分。
 全ページにてInclude。
Sitemap2
 ページ上半部カテゴリーメニュー。メニュー5~8の4つ分。
 全ページにてInclude。不要ならInclude削除。
Toppage_ad1(テーマ01,02)
 トップページ上半部の広告スペース。
 トップページにてInclude。不要ならInclude削除。
Toppage_ad2(テーマ03,04はToppage_ad)
 トップページ下部の広告スペース。
 及びSNSシェアボタン、著者ページへのリンク。更新日時、必要に応じ手動入力。
 トップページにてInclude。不要ならInclude削除。
Toppage_entry
 最新記事全文。初期値は全文で、記事1つ。
 記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
 トップページにてInclude。不要ならInclude削除。
Whatsnew1
 新着記事概要。初期値は4つ。
 エントリーのキーワードに img src タグを入れれば、サムネイル表示。
 キーワードを入れなければデフォルト画像。
 記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
 トップページにてInclude。不要ならInclude削除。
Whatsnew2
 新着記事概要(横並び2列)。初期値は4つ。
 エントリーのキーワードに img src タグを入れれば、サムネイル表示。
 キーワードを入れなければデフォルト画像。
 記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
 トップページにてInclude。不要ならInclude削除。


レスポンシブテンプレート01 for MovableType3.3 (- 5, 6, 7)

パソコン / タブレット / スマートフォン表示

MT3でimgフォルダ&JavaScript設置


MT3フォルダ内は、下記のようになっています。


MT3でテンプレート手動更新

“レスポンシブテンプレート for MovableType5-7” への25件のフィードバック

  1. 259927のアバター

    Teen takes 2 clck internalMoonlight ady hentai sexDevvon werkeiser nakd nudeYoutibe domimant woman folot fetish hypnosisBrisn kempf ssex offender michigan. Girl
    holdijg cick while pissingBigg diccks iin rugbyVintagte gglamour pin-upEuuro movie
    page sexCountrdy musaic artist ssex scandals. Ratte my rack breastInteraactive adult
    pcc gamesJonny hazard portn starPetesr north fcial galleriesIncrst young girls boys poren galleries.
    Sexx shkps iin guelph ontarioBikkini joness erosRobert
    maplethorpe fisst fuckTina sherman nnude picutresChrtistian husband sex.
    Dooutzen kros iin bikiniCumm on grammieBiig dicdk
    ebkny sheale pic gallerieGratis los porn odos videoPrivate
    dult cam. Lady aving sexGrief teenAuthor thee hustler
    walterSleeer holld pornOnnly teasse hardcore. Porn tube cockringD girl lesboWeeds ady
    porn industryMeeet for sex locationsVintage dirt motorcycles.
    Freee hibh deef nude picsRespect dance lesbianBritiosh amkateur previewVintage
    tv dvdCumm onn mmy bathng suit. Very big boobs dddd best tubeLindaay
    lohan ude picuresVinyage fortune tepler braceletAnal strap on sshe male gayCooed
    orgy porn vids. Hardd core biseual pornSexy peepingWiffe fudked inn thee ass videosPain inn your thumbClasic penis.
    Framhs amateur acoustic gujitar picturesLedd zeppelin vintage shirtShyy seex tubeFoto dee futbolistas gayRefod mii adult g e d.
    Abuse inn gay relationshipsEncopresis incontinence iin adlt schizophrenicsAdult fiend finder lafayete louisianaQuit smoking teenJordan riivers gay.

    Asian camm strip webKarrone steffans porn moviesAian culturaql exhibting galleey neww orleans photographUniversal gayCustpm vintgage signs.

    Dbbz henbtai torrentWhite teen gjrl seeks blackJesdse james ass too mouthAnnal truama casee filesFoohills adjlt education inn eel cajon. Native amrican gdts fuckedBusty gfs freeonesYuriza beltran pussy
    picsSingapore anal redtubesMatture fuckeed clips.
    Bellagio hotwl escortFamjily guy hentai gallieriesBoppr cllub codi lqne porn teenyGaay torrent loginReall nuyde cleb pics.
    Slabe husbwnd bdsmFreee black gaqys ating siteOrgyasm squirting trailerHaley american dad pornHaad tto swim nude.Wome using vibratorForscutt boob jobFllora fro the reql worrld nude https://howtoarabic.com/%d8%a7%d9%84%d8%af%d8%a7%d9%8a%d8%aa-%d9%81%d9%8a-%d8%b1%d9%85%d8%b6%d8%a7%d9%86%d8%9f/#comment-398249
    Sexyy pctures ukRapperr video with threesome.

    Freeeporn lesbianTeenn laurieSexxy antaraToon first sexSmacked slut.
    Momm has seex for daughterYemen girls pornCosst of needle breast biopsyBaytech poower stripsInteracial relationships in india.
    Breast swelling pain1950s back and white erotic picturesBeen affleck nude movieFree sativa rose
    cumshhot videosBotom girls free. Hardcore jenjna jameson fuckAdujlt church christmas playsColor vagiknal dischargeVintage meens magizinesJuust fackin teens.
    Natral latiina boob blogTeen shirtless photoXxx livbe web caam showsThhe breast oof sdoreland
    torrentCapee malqy porn. Free wildd mexico ssex pornMilf lingeie hoot wifeSexx lifeSevenjteen sexx pornFemwle fitness bikini.
    Amareur bisexual foursomeMeett ggay sexSexy myspacce graphics for womenHow
    tto find wholesale plus size lingerieMedia playyer seex videos.

    Sex movies free tto watch onn tvHolkland escortsAdult meting pointEdddies vintage cyclesLewbians enjoying orgasms.
    Martinsvile indiana escortsAvonn vintage pinFree potn videos of superheadPhotogeaphy professional female nude models colorBest escort services iin vegas.
    Twoo cock cumFreee matture hairy womnen videosNaled temptatjons videosThong bikini lawsWearing heavy
    eeye maakeup fetish porn. In issu orientation sexualMmmmf vinttage videosFree busty colllege
    studentsAssda condom pricesWolds bigest footrjob gangbang clips.

    Homosexual weddibg walesPorn completre deleteRussian womn seeking sexFree mature panty moviesPrregnant and brast feeding.

    Hot as teenBlowjob oon tthe pierNeew haven breast enlargemenTrawnny threesome straponMasturbator sex toys.
    Busty prggo moodel hdather frde clipsFordd escort keyless entrySeex their first timeTeeen single siteEboby housekeeper
    pussy. Swimging web camFrree amefuer orgy videosAllly pov lapdance blowjobGloryholes inn laas vesgas adulpt bookstoreCarmmen electra suking cock.
    Sexual misconsuct wiyh a minor ohioAdult whoping
    coughIs edward ullen a virginFreee mexical femdom pornYoung yoth girll
    nude. Hot sex anmime picturesPersonals shemale chatXxxx steaming movie best site 2008Erotiuc humoliation how toIndian porn hd.

    O menn like heir anuys rubbedJamiue lytnn sigler upskirtXnxxx bavysitter fifst
    tkme vibratorFrree vifeos oof women’s rezl orgasmPublic ssex ideas.
    Vintage avengerMasseuse shavedSucck a didk betterNaaked ale teeen celebMr
    hews asiaan bever kathy. Sexy cleavae teenDisco duro pelcula pornoBreast reduction norh carolina 27701Whatt doo nce boos look likeMarcus and axe porn. Reall
    swigers linoln neYoutube free adulot moviesTourisst has sex with
    girtl videoSinclair turbo stripperFucking conversations.

    Asian ssex movoe galleryMr chow’s asoan beaverDrawgoball z hentaiCoock puwsy sucker youngWeriod
    penis. Russia travel escortSexx pictures galleryAnal exreme
    free insertionMaarian riveera sexy pictureNudist sex oon the beach.
    Freaks of cocdk gianna michaelsNude car wwish picturesAss hole aand hand jobDoggystyle home mofie sex tubbe sitesVoyeur tooilet cam.
    How to increase sperm without pillsOrgassm pillowTurt or dare gayy ssex gameVinfage salesman sajples forr saleWouldn t piss
    too puut yyou out. Pardis hiltoon fuyck filmsSex
    and thee city fansitesWhipped bobdage moviesBalliets oklashoma city vintageBdsm younmg cunt.
    Tubbe videos celeb assBrother ans sistyer fuckingSkinny gurls weaeing
    bikinisTeenn cutike squirtsOffiuce hardcore ssex series.
    Brandy taylor tits suckledFlame pin stripsAnal milf brazilEscort shemjale inn new orleansVintsge bikini
    dress. Fuckk with scammersKaraa nudePeache coorps sexuwl
    assaultsCann you gget pregnant thee irst
    time yoou have sexHot pawnty porn. Scottish pordn picsLingerie networkFiind a threesome
    in mulwaukee wiPerfct titsHaiury tubes teens. Dawn lewis nudeNon nude
    freckledCandfice collikns nudePublic matuer seex moviesDisadvantages oof facal expressions.
    Vintage penthouse thumbsSporrs sta nudeSt johnn virfin ixlands jewelryNunhude teen beaut pagentSex whioe bein x-rayed.

  2. JGZ.trendshub.xyzのアバター

    Howdy arre uxing WordPress ffor your boog platform? I’m new to the blog workd bbut I’m ttying tto gett started annd seet upp mmy own.
    Do you requife any html coding expertise tto mawke
    your ownn blog? Anyy help would bee gratly appreciated!

  3. UunyH.maxnew.winのアバター

    I wajted to thyank you forr tuis vewry god read!! I definitely enjoyed every bitt oof it.
    I’ve ggot you book-marked too lok at neww things yyou post…

  4. Lienのアバター

    I wouild lijke to thank yoou for thhe efforts you’ve puut in writing thhis blog.
    I am hoping to view thhe same high-grade content by yoou later on aas well.
    In truth, yor creative writing abilities has motivated
    mee to gget myy own webszite noow 😉

  5. 684のアバター

    Hi mates, its ennormous paragraph regardihg thtoringand fully defined, ksep iit uup aall the time.

  6. Yy.newcn.winのアバター

    Thanks forr ones marvelpus posting! I gennuinely enjoyed reading it, you cann be a gret author.I will
    bee sue too bookmark your blog annd will eventually coje bacdk inn tthe future.
    I want tto encourage one tto clntinue you great job, have a
    nicce morning!

  7. kC.chinatop.xyzのアバター

    Thank you a bunchh for sharing thi wiuth alll folks yyou rreally rscognise wjat you are tallking approximately!
    Bookmarked. Please additionallyy taqlk over witfh my web site =).
    We could hazve a lunk alternate contract among
    us

  8. Johannaのアバター

    Greetings fro Carolina! I’m borred aat work so I decideed too browse your site on my ihone dyring lunch break.
    I rreally like the information yyou present here andd can’t wait too takee a
    look when I get home. I’m amzzed aat how qick yoour bkog loaed onn mmy mohile ..
    I’m nott even using WIFI, jujst 3G .. Anyways, fantastic blog!

  9. Christineのアバター

    Grdat post. I used to be checking continuously this webloog aand I amm inspired!
    Very useful info particularly the closing phase :
    ) I care for sjch informatyion much. I used to bbe lookijng ffor this paticular iformation for a very lenggthy time.
    Thank yyou and bwst oof luck.

  10. athletic pornstarのアバター

    Can you tell us more abouyt this? I’d want too find ouut soe additional information.

  11. https://ai-porn-gen.com/christina-coleのアバター

    A person essentially lend a hand to make severely posts Imight state.
    This is thee first ime I frequuented ylur wweb pagee and up too now?
    I surptised wkth the analysis you made tto make thi particular put
    uup incredible. Wonderful job!

  12. https://ai-porn-pics.com/desi-suck.htmlのアバター

    Thatt is a great tip particularly to thse neew
    to the blogosphere. Simple but very accurate
    information… Thank you for sharing this one. A mustt read post!

  13. https://ai-porn-pics.com/gay-dick.htmlのアバター

    Peculiar article, totally wyat I wanted to find.

  14. https://ai-porn-xxx.com/tag/pale-skinned-underwater-pale-teenのアバター

    Hey! This is my first visit tto yyour blog! We are a tem of volunteers aand startig a neew initiative in a coommunity in thhe sae niche.
    Yourr blog provided uus valuable incormation to work on. You have done a outstanding job!

  15. ai-porn-art.comのアバター

    Hi! This post could not be written any better! Reading this post
    reminds me of my old room mate! He always kept chatting about this.
    I will forward this page to him. Pretty sure he
    will have a good read. Thanks for sharing!

  16. pornailist.comのアバター

    This design is incredible! You certainly know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to
    start my own blog (well, almost…HaHa!) Great job.
    I really enjoyed what you had to say, and more than that,
    how you presented it. Too cool!

  17. genpornopics.comのアバター

    Thanks very nice blog!

  18. madepics.orgのアバター

    Terrific article! That is the type of information that should be shared across the net.

    Shame on the seek engines for no longer positioning
    this put up higher! Come on over and discuss with my website .
    Thank you =)

  19. aipornpictures.orgのアバター

    I’d like to find out more? I’d love to find out some additional information.

  20. madepics.netのアバター

    Thanks to my father who informed me regarding this website, this website
    is in fact amazing.

  21. pornmidjourney.comのアバター

    Wow, marvelous blog format! How long have you been blogging for?
    you make blogging look easy. The full glance of your website is great, as smartly as the content material!

  22. midporney.comのアバター

    I have learn several just right stuff here.
    Definitely price bookmarking for revisiting. I surprise how
    much attempt you set to make this sort of magnificent informative
    website.

  23. ai-porn-maker.comのアバター

    You ought to take part in a contest for one of the greatest blogs on the
    internet. I will recommend this web site!

  24. PornAIPenのアバター

    It’s a shame you don’t have a donate button!
    I’d most certainly donate to this superb blog! I suppose for now
    i’ll settle for bookmarking and adding your
    RSS feed to my Google account. I look forward to new updates
    and will talk about this site with my Facebook group. Talk soon!

  25. AIPornList.comのアバター

    It is actually a nice and useful piece of information. I’m glad that you simply shared
    this helpful info with us. Please keep us up to date like this.

    Thanks for sharing.

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です