{"id":24973138,"url":"https://github.com/zkreations/blogger-admin-wp","last_synced_at":"2025-04-18T03:09:24.180Z","repository":{"id":275511778,"uuid":"926192862","full_name":"zkreations/blogger-admin-wp","owner":"zkreations","description":"Layout for Blogger that mimics the WordPress admin panel","archived":false,"fork":false,"pushed_at":"2025-02-07T17:24:14.000Z","size":40,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-09T14:43:06.632Z","etag":null,"topics":["blogger","blogger-template","blogger-templates","blogger-theme","scss"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zkreations.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-02T19:10:18.000Z","updated_at":"2025-02-15T03:10:58.000Z","dependencies_parsed_at":"2025-02-03T02:26:41.023Z","dependency_job_id":"7a881a0f-4169-4f04-a18f-c86d7ccb27f2","html_url":"https://github.com/zkreations/blogger-admin-wp","commit_stats":null,"previous_names":["zkreations/blogger-admin-wp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkreations%2Fblogger-admin-wp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkreations%2Fblogger-admin-wp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkreations%2Fblogger-admin-wp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zkreations%2Fblogger-admin-wp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zkreations","download_url":"https://codeload.github.com/zkreations/blogger-admin-wp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246145086,"owners_count":20730495,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blogger","blogger-template","blogger-templates","blogger-theme","scss"],"created_at":"2025-02-03T18:26:37.384Z","updated_at":"2025-03-29T06:12:44.720Z","avatar_url":"https://github.com/zkreations.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blogger AdminWP\n\nThis project is designed to override the styles of Blogger's administration panel, specifically the \"Layout\" section, which is used to manage the template's widgets. It is easy to install and does not require advanced knowledge.\n\n![Preview](https://raw.githubusercontent.com/zkreations/blogger-admin-wp/main/static/preview.png)\n\n## Installation\n\nCopy the contents of the `main.css` or `main.min.css` file, then in your Blogger XML template, add the following code just before the `\u003c/head\u003e` tag:\n\n```xml\n\u003cb:template-skin\u003e\u003c![CDATA[\n  /* Paste the contents of main.css or main.min.css here */\n]]\u003e\u003c/b:template-skin\u003e\n```\n\nIf you are working on a larger project using a development environment (such as [Hamlet](https://github.com/zkreations/hamlet)), you can install it as an npm dependency:\n\n```bash\nnpm install blogger-admin-wp\n```\n\nThen, you need to include the CSS file in your project. The import path would be something like this:\n\n```bash\nnode_modules/blogger-admin-wp/main.min.css\n```\n\n## Usage\n\nOnce installed, you will see some changes in Blogger's admin panel. The next step is to create the layout, which consists of columns. Each column must have a container with the class `layout-section`, as follows:\n\n```html\n\u003cdiv class='layout-section'\u003e\n  \u003c!-- Rest of the content --\u003e\n\u003c/div\u003e\n```\n\nThis class only affects the design mode. However, if this mandatory container interferes with your template's design, you can create it conditionally:\n\n```xml\n\u003cb:tag cond='data:view.isLayoutMode' name='div' class='layout-section'\u003e\n  \u003c!-- Rest of the content --\u003e\n\u003c/b:tag\u003e\n```\n\nThis way, the container will only be displayed in design mode and will not affect your template's layout. Alternatively, you can add the `layout-section` class to an existing container in your design. Each container with the `layout-section` class will be displayed as a column in design mode.\n\n## Enabling editing  button\n\nBy default, to edit a widget you can click anywhere on a widget. If you want to disable this functionality and show an edit button, create a container that wraps all your layout sections and add the `layout-edit` class:\n\n```xml\n\u003cb:tag cond='data:view.isLayoutMode' name='div' class='layout-edit'\u003e\n  \u003c!-- Rest of the content --\u003e\n\u003c/b:tag\u003e\n```\n\n## Customization\n\nIf you want to customize the styles, you can edit the variables located in `abstracts/_variables.scss` and recompile the CSS file.\n\n## License\n\nblog-admin-wp is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzkreations%2Fblogger-admin-wp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzkreations%2Fblogger-admin-wp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzkreations%2Fblogger-admin-wp/lists"}